Trying to make mobile version of site appear at proper size on my iPhone.
Still trying to solve that problem.
Got the navicon to show the menu when clicked (in the mobile design). Still need to tweak the javascript to hide the menu when clicked again.
Trying to make mobile browser recognize mobile design starting size.
Changed the .small-bold-caps extend to a mixin, updated references to it throughout sass files. Fixed the jQuery controlling the navicon and slide-down main menu. The navicon and main menu now work properly at all screen sizes, with the main menu appearing without the navicon at larger screen sizes. Now, trying to make mobile devices recognize the proper screen size for my mobile design, instead of defaulting to a large screen size (zoomed out) on small devices like my phone.
Discovered that main menu is NOT automatically visible at larger screen sizes, in spite of my additional jQuery code. Also, trying to make my social media background image load at larger screen sizes. The URL has never worked, so I'm modifying it again.
Playing with footer backgrounds for the social media and copyright/sitemap div boxes. Still need to figure out how to keep the skyline (or any wide, squat image) centered and fully visible at the bottom of the screen. Discovered that the social media png background began to pixellate at certain resolutions, so I tried to recreate it with only css gradients. Unfortunately, that pixelates as well, and no one on the web seems to have any solutions. Maybe next I'll create media queries to scale that css gradient up or down at different screen sizes.
Changed out the 'many-line' and 'one-line' list classes: Made 'display: inline-block' the default for li, while just changing the display for the li within 'nav' in the mobile design. This allowed me to delete the 'lists.sass' page entirely. Worked on making a one-line header/nav display for non-mobile design, but eventually had to move the nav back inside the header's main container to achieve it. This breaks the full-width nav background on mobile screens, but I will try to fix it somehow.
Eliminated diagonal-striped background from '.social-media' in the footer. The stripes had too many breakpoints, both as PNG and as CSS. I saved the sass code in a new file called 'diagonal-lines-bg.sass' just in case I decide to try it again later.
Added new div boxes around various text (and future images) on the home page. Starting to format them for various screen sizes with media queries.
Found the correct CSS to place the transparent footer background image at the bottom center of the div. Playing with color schemes now. Need to create a mixin that lets me replace rbg color values for the footer background while keeping the 'a' value in 'rgba' constant (the 'a' controls opacity).
Merging the testing branch into the master branch.