So What About This Am I Proud Of?

My Fully-Coded Site

This entire site was made in Brackets - no Microsoft Word, notebooks, or whatever else involved.

CSCE 102 is a class which focuses on HTML, CSS, & Javascript. For our final project we were given some specifications to follow, such as:


  • Every page has to include one image.
  • Every page is to link to external CSS.
  • We were told specifications for how the navigation should operate.
  • Every page should follow the block layout.

    • So what did I do in addition that I feel I can be proud of?

    Throughout the Entire Site:

    This project was to make a simple 3-page site with a navigation. We were not told to make a landing site or a page telling what we did. I also tried to spruce up the visuals of the site beyond what was asked for, so that I could use this in a portfolio.

    I tried to create a (playful) color scheme - which I tried to use intentionally. Obviously the gunmetal is the background, and the marigold is standard text. Fire opal was for accents. Then I've gone and used ivory for the header and footer background colors, and timberwolf for body headings. I wanted to be very intentional about my layout & formatting, and I tried to keep it as consitant as possible - where appropriate. Some of this included the color scheme, learning how to create and implement a custom scrollbar using webkits, custom, open-source fonts (Kiwi for headings and Artifakt for regular text), and a 300+ line external CSS document.

    I also tried to clean up what I wasn't able to customize from the project specifications. One way I did this was I figured out how to use Javascript to make the navigation disappear when you scroll. I also figured out how to use sticky positioning, so you always have access to the menu button. I also tried to make it look more natural when you adjust your screen size - things resize & adjust. The biggest thing I did, was that I managed to research and upload my website!! Woohoo!

    Also - the scrolling slideshow on the Bears page? All me, baby.
    website palette
    This site's palette.

    What I Would Improve:

    Admittedly, I still don't really know much about optimizing for mobile, so that's something I would like to learn more about. Also, I spent hours trying to figure out how to connect my Github Repository to a site like Wordpress or Tumblr, and I still don't know. I also would rather my navigation come in from the side. I also don't like the way the text adjusts and tries to wrap itself within the navigation while it changes size.