Friday, October 31, 2014

Another Update to My Website

Homepage with slideshow, crumpled-ripped paper.
Super Busy! Despite all that I have going on, I managed to update my website yet again. After the last update, I was not content with the homepage, footer, about page, and wanted a slideshow. So I did those things, go check it out: http://gabrielohhmedia.com/.

The homepage needed to show off my graphic art skills and I thought it would be really cool to have some crumpled/torn up paper with text on it. First, I tried making a graphic with regular HTML paragraphs superimposed on the graphic. I hard a hard time with that so I included the text on the graphic itself. I made the crumpled up torn paper in The GIMP. Love The GIMP! I used a tutorial you can find here.

In addition, the homepage needed a slideshow, because nowadays, every homepage has a slideshow. To accomplish this, I borrowed a bit of JavaScript from a class I had last May. I just replaced the pictures and tweaked some of the timing. Worked out great. I did find that the images where taking a long time to load so I had to resize the pictures in The GIMP. Again, love GIMP!

I felt that the footer was really boring. I see footers on websites that are cooler than the content of the main article. So I wanted to spruce up my footer. Fresh out of ideas I figured I could use my header graphic, which is just a picture of me, Warholized. I flipped in the image and added some gradient. Nice.

Unintentionally, I changed the font. I wanted a different font for the crumpled up paper on the homepage. Like typewriter style. As I mentioned earlier, I wanted to superimpose my HTML text over the graphic, so I changed the article fonts to monospace. This changed the font to monospace on every page so I decided to stick with it. Plus monospace is available on every computer, making it easy on the download.

The about page, the page that explains me, is still needing some work. Maybe another picture of me somewhere. I added a gradient to the article content so as you read down to the bottom, the colors get darker. Well work on that later.



No comments:

Post a Comment