Jeffkillian.com initially started as a Geocities website when I was in 6th grade. Over the years, it has slowly evolved into a place where I can practice and become familiar with web development as it progresses. I started out coding with Microsoft Frontpage, then moved to Dreamweaver. Initially, there was very little coding, and it was all WYSIWYG. However, as I learned more, I could make it more interactive.


I incorporate drawings and blog posts to keep those that are interested updated. Through the evolution of the website, I was forced to learn HTML, PHP, CSS, XML, jQuery, javascript, and the handling of MySQL Databases. I've put online some code samples.
2018: Jan | Mar |
2017: Mar | Apr |
2016: Jan |
2015: Jan | Feb | Apr | May | Jun | Aug | Sep | Oct |
2014: Jan | Feb | Mar | May | Jun | Sep | Nov | Dec |
2013: Feb | Mar | Apr | May | Jul | Aug | Sep | Nov | Dec |
2012: Jan | Feb | Mar | Apr | May | Jun | Jul | Aug | Sep | Nov | Dec |
2011: Jan | Feb | Mar | Apr | Jun | Jul | Sep | Oct | Nov | Dec |
2010: Sep | Oct | Dec |
2009: Mar |
2008: Jan | Feb |
2007: Sep | Oct | Nov | Dec |
Looking for even older posts?
The following are hosted on a Wordpress.com or Blogger.com Platform:
2007: Jan | Feb | Mar | Apr | May | Jun | Jul | Aug | Sep | Oct | Nov |
2006: Jan | Feb | Mar | Apr | May | Jun | Jul | Aug | Sep | Oct | Nov | Dec |
Drawings Done
I've got the drawings and Jabberbox images all uploaded, and the navigation for them complete. My next step is to make sure it displays the most recent image when you go to the page.
Images
Images Page is done. Most recent image automatically shows. I'm going to work with the look to make it better, but for now I'm moving on to archiving old posts.
Archiving
Archived about 30 Blog Posts, going to do some more when I get back from soccer.
Phew
Finished. Pictures uploaded. Entries archived. 404 page fixed. RSS feed up and running. Time to sleep. I'll go into more detail about the entire overhaul tomorrow.
Big Blog Post Coming
Finally finished as much CSS as I want to do for today. Update coming soon.
Site Overhaul is Complete

So what exactly did I do?

I completely reorganized the entire structure of this site. I'm now using databases, which allows me to index and archive automatically all posts and images uploaded, instantly. Previously, I stored posts in a very inorganized fashion. Whenever I posted a new entry, a new file named _TITLEOFTHEENTRY.txt would be created, and stored in my "/Blog/" folder. I also had a running text file that would append the new entry to the beginning of the text file. It was this text file that was then displayed on the front page. However, it would just keep appending when I made a new entry, and I would have to manually go in every so often and trim the last entries in the file off so the main page didn't get crowded with too many entries.

For the archives page, I used to have to manually go in and make each month's archives, which was extremely tedious (and hence why it wasn't updated nearly as much). Similarly, every new drawing meant I had to manually update the drawings page, add the image, and go through the entire process of making a blog post.

Making a blog post used to be very confusing. So confusing, in fact, that I made a word document that told me exactly what to do. It said:

1.Open Dreamweaver…
2. Open up blogposts.php
3. Blogpage.php
4. Index.php
5. postlist.php

TO MAKE NEW POST:
6. Go to blogposts.php.
7. Write post
8. change the URL of the hyperlink of the title so that it links to “the title of your page”.php
9. save page as “title of your page s.php”
10. Drag that page to the blog folder on server. Go to that page via broswer and copy the url (with the %20s).
11. Paste the copied url into the contents in blogpage.php.
12. Copy the script on blogpage.php and insert into index.php
13. Drag index.php onto
14. save the blogpage.php as “the title of your post”.php
15. Open Postlist.php
16. In the file, type in title/make it a hyperlink

Furthermore, these directions did not take into account if I was posting a picture or not, if the image was from Jabberbox or just Drawings, or anything about monthly archiving. Also, if I wanted to edit the old post, I had to redo all of those steps.

Instead of steps 1-16, now I just go to a website, type the title and post contents, and I'm done. EVERYTHING is securely automated. I even added a password protect so that I am the only one who is able to post. Also, I can modify old posts and delete old posts online with the simple click of a button. But that's not the important stuff for you, it really only affects me.

What affects you is the following:

  • 404 page works.
  • Archives automatically update
  • Rss Feed works wonders
  • Search Function is no longer google-run, I hard coded it.
  • Added an about section
  • I've been meaning to do this for a long time, and my Rapid Prototype and Development Class really forced me to. I selected one of our creative modules to be part of this whole redesign, which forced me to get started on it. Once I was started, I kept making little improvements, and I'm extremely happy with how everything turned out. Most of it was work behind the scenes, and doesn't affect how the site is viewed. I've still got some work to do on the drawings page to make it flow better, but the hard stuff is done.
    Dogs are really dumb
    Exhibit A:
    Number of 90 Degree Angles Between A Minute and Hour Hand in a 24 Hour Period

    A brain teaser was posed to me a month or so ago, and it wouldn't leave my head. It goes as follows:

    How many times do the hands of a clock make a right angle in a 24 hour period?

    It seems like twice an hour would make sense, and that is initially what I thought, but this seemed too simple of a solution. The thing to realize is that the hands don't move instantaneously, and thus a "success", where both hands form a 90 degree angle, won't always fall on a time precisely divisible by 15. In fact, the first success occurs 16 minutes and 22 seconds after 12:00 am (due to the hour hand having moved a bit in that 16 minute span.


    The general equation for the angle between two hands given any second, minute, and hour is: Ө = 180 - abs(180-30*h+11*m/2+11*s/120). Where h is the hours past 12:00 am, m is minutes past the hour, and s is seconds past the minute. I wrote some code to get an exact solution. If you want the source or more info, feel free to send me a message.

    Solution? There are 44 right angles between an hour hand and a minute hand on a clock in a 24 hour period.
    The reason it's not uniformly twice per an hour (and therefore 48 successes) is due to the second right angle during the 2:00, 8:00, 14:00, and 20:00 pairs occurring directly at the beginning of the following hour.
    Note: Angles are not exact due to seconds being discrete.

    There are 44 right angles between the minute hand and hour hand of a clock in a 24 hour period.
    Count Time Angle Theta Mod 90
    10:16:2290.01666666670.0166666666667
    20:49:6270.050.05
    31:21:5090.08333333330.0833333333333
    41:54:33270.0250.025
    52:27:1790.05833333330.0583333333333
    63:0:0900
    73:32:4490.03333333330.0333333333334
    84:5:2790.0250.025
    94:38:1190.00833333330.00833333333333
    105:10:5490.050.05
    115:43:3990.0750.075
    126:16:2190.0750.075
    136:49:690.050.05
    147:21:4990.00833333330.00833333333334
    157:54:3390.0250.025
    168:27:1690.03333333330.0333333333333
    179:0:0900
    189:32:4390.05833333330.0583333333333
    1910:5:2890.06666666670.0666666666667
    2010:38:1090.08333333330.0833333333333
    2111:10:5590.04166666670.0416666666667
    2211:43:3890.01666666670.0166666666667
    2312:16:2290.01666666670.0166666666667
    2412:49:590.04166666670.0416666666667
    2513:21:5090.08333333330.0833333333333
    2613:54:3290.06666666670.0666666666667
    2714:27:1790.05833333330.0583333333333
    2815:0:0900
    2915:32:4490.03333333330.0333333333333
    3016:5:2790.0250.025
    3116:38:1190.00833333330.00833333333334
    3217:10:5490.050.05
    3317:43:3990.0750.075
    3418:16:2190.0750.075
    3518:49:690.050.05
    3619:21:4990.00833333330.00833333333333
    3719:54:3390.0250.025
    3820:27:1690.03333333330.0333333333334
    3921:0:02700
    4021:32:4390.05833333330.0583333333333
    4122:5:27270.0250.025
    4222:38:1090.08333333330.0833333333333
    4323:10:54270.050.05
    4423:43:3890.01666666670.0166666666667
    CSS
    I've been working more on the CSS. It's a learning process, but it's good. I redid the navigation bar using a tutorial found here and I think it turned out well.
    Untitled Document