Looking at some of the old pictures I posted on MySpace that I talked about in my last post, I got to thinking about something. This is a picture of me working on the code for the very first website for our school’s newspaper, The Hawk’s Eye. This was back in 1996, and I did all of my page building by writing manual HTML code. Here’s a funny story about how this all started.
Our high school had just gotten internet access at the beginning of 1996. By this time, I was already ½ way through my senior year. I was taking a journalism class, and was also on the newspaper staff. One day, Ormando and I were talking with our journalism teacher and head of the newspaper, Mr. Sanders. Ormando and I not only had him for journalism, but also for creative writing during second period. Back then, the school was still 100% Apple/Macintosh and I was a die-hard PC guy. This was a great topic of conversation between Mr. Sanders and I. We would go through the age-old Pc vs. Mac debate almost every day. One day, the three of us happened to start talking about the Internet and how it was going to change journalism in the next few years. I then threw out the then crazy idea that it would be cool to put the school newspaper in the Internet. Right then and there, Mr. Sanders’s eyes lit up. He was a man that loved being on the bleeding edge. This was just a school newspaper, and in our lab we had a room full of brand new Macintosh Power PC computers all running Adobe PageMaker to put our little paper together.
Hell, we even had one of the very first Apple digital cameras, the almost $800 Apple QuickTake 100. Knowing Ormando and I were computers geeks; he put on what can be described as a very wry smile. Hell, there were plenty of times I actually got pulled out of class to fix the school’s computer network. Mr. Sanders leaned in, and calmly asked, “Do you think you can do that?” Feeling the geek blood in me surge and adrenaline rush, I looked at Ormando and smiled. “ Yeah, I should be able to. I’ll let you know after next period.” Mr. Sanders grinned ear-to-ear and went back to his desk. I then immediately headed right for my Mac in the corner.
I just told him I could do something I had no clue how to do. I had never even attempted to make a web page, let alone a whole website. To top all that off, I have to now put the entire newspaper online! I started with the basics. I quickly did some searching online via Yahoo! and Lycos (this was pre Google kids!) and discovered webpages are written in a language called HTML, or Hyper Text Markup Language. I quickly printed out everything I could on all the tags, nomenclature, and structure to take to my next class. I grabbed the last of my papers as the bell rang and ran downstairs to Algebra III/Trig.
All during math class, I read my HTML paperwork. I was fascinated by this new language in front of me. I was already taking the highest computer programming class my high school offered, but it was boring to me. We were coding in C+, which was a derivative of Pascal. I had already taken 2 years of Pascal, and my C+ class unexciting since a douche was teaching it. This was something new and fresh. The best of all was that from everything I was reading, there was no compiling. That means that all changes happened in real time. By the time class was over, I had a pretty good understanding of HTML.
Leaving class, I headed back to Mr. Sander’s lab. Eager, he asked if I could do it yet. I told him I needed about 20 minutes to write some trial code and I would know. I once again headed for my Mac in the corner. Just as I bought up the text editor, Ormando came in and sat next to me. He looked at me with a wee bit of uncertainty. “Do you think we can do this?” he asked. Not taking my eyes off the sheets in front of me, I explained we would know in a few minutes.
This is a moment I would love to go back and witness. This must have been a sight to really see. There I am, hunched over a keyboard, spilling out code that I had never laid my eyes 60 minutes prior like I did this everyday. I mean, think about it. There I am with a few print outs, and a screen full of code with stuff like </html> <img src=” <a href=” </h2> and the like strewn about in between normal English words.
After about 15 minutes of writing this and grabbing a few items from the Internet, I was ready for our first test. Ormando called Mr. Sanders over to let him know we were ready.
“So what’s up guys?” Mr. Sanders asked. Ormando responded for me. “Trev’s ready to test the code he wrote”.
With that being said, I opened up Netscape (remember, 1996 people!), and then opened up my test.html file that I had created. The page changed from a blank white start page to a rather loud purple and black patterned background. At the top centered in big bold black letters were the words ‘The Hawk’s Eye”. Below that was a short paragraph about our current issue’s articles. To the left and below that was a picture of Mel Gibson as William Wallace in ‘Braveheart’ with the caption “Our teacher, Mr. Sanders”. He chuckled at this. “I like the picture you found of me.”
I looked over the page and it was displaying just as I thought it would. I looked up at him, trying my damndest to contain my excitement. “We can do this.” I said.
Mr. Sanders then turned to all business. “What do you need from me?”
I had already anticipated this question while writing my test code. Going for broke, I decided to go for broke. “I need complete access to the lab and all it’s resources, full access to the school’s server, and to get out of all my class for 1 week.” I know for a fact I winced when I asked for the week out of all my classes.
Mr. Sanders turned and walked straight for the door. Just as he was about to disappear, he stopped and looked in my direction. “Give me 20 minutes and I’ll see what I can do”. With that, he was gone.
I looked over at Ormando shrugged. “Do you think we’ll get it?” He looked just as melancholy as I did. “Not sure.” We then turned back to our test page and started playing around with some of its attributes to see what we could do.
Sure enough, about 20 minutes later Mr. Sanders returned and came to the back of the room where I was typing away. “I got you full access to everything, and out of all your classes except your programming class. Do you think you can get I done in a week?” I look at him and smiled in full confidence. “Yep. We’ll have the newspaper online in a week.” Mr. Sanders smiled and headed back to his desk. Once he was across the room, I looked at Ormando with horror on my face. “How the hell are we going to pull this off in one week?”
For the next week, I started school at 7:30am, headed right for the lab, and worked on the website until about 10:00am, when I had to go 2 labs down and program in C+ for a period, and then it was back to my lab and code in HTML. It really was a surreal experience. To say I was in geek nirvana would be an understatement. That was single handedly one of the best weeks of my entire high school career.
At the end of my self-imposed one week deadline, I delivered an online version of our newspaper. Not only did I create a full front end, but also a backend infrastructure so we can take our PageMaker files and import them directly into the website. To this day, this is one of my proudest achievements as a geek.