mdewey commented 5 years ago

Expanding Your World

In this assignment, you will end up with a simple styled web page, published on the web.

Create a new website that shows some basic styling and formatting using HTML and CSS. This website should help share some information for one of your favorite hobbies.

Objectives

Practice using your tools text editor
Explore new CSS properties
Publish a web page

Requirements

Have git, hub, and node installed. We should have done this together in class.

Explorer Mode

[ ] Follow all of the setup instructions (See "Assignment Setup").
[ ] Create a new app-app project.
[ ] Using CSS, style your page to imitate some of the classic designs of the web. Feel free to make this look as "bad" as you want. Here are some sites to gain inspiration:
- 10 90s websites designs you won’t believe existed
[ ] Add a second page about your hobby with (at least) 2 pictures and with other facts about your hobby.
[ ] Add a menu to your site so a user can go back and forth between the new pages.
[ ] Between the 2 pages, use at least 5 tag selectors, 5 id selectors, and 5 class selectors to style content on your page.
[ ] Deploy your site.

Adventure Mode

[ ] use pseudo-classes to style elements when you hover the mouse over them
[ ] Add a third page, that has a table. Create this table to have alternating colored rows and a hover over color.
[ ] Make a nav bar that sticks to the top of the page (see the nav bar here for example - https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)
[ ] Make a footer that always sticks to the bottom of the page

Epic Mode

[ ] Explore CSS animations and add some life to your static page. Feel free to really dig into these and try to animate all elements on your page to some extent

Additional Resources

CSS

HTML

Reading Material

To prep for tomorrow's lesson, you can read about flexbox.

evixamar commented 5 years ago

!DOCTYPE html>

MyHobbies

My Hobbies

Anyone who’s done boxing training will tell you this is one of the hardest of hardcore workouts there is – incredible cardio, strength, endurance, and coordination. Muay Thai is the hottest boxing style around, so there’s never been a better time to take it up. boxing pic

My myHobbies

Learn To Play An Instrument: It’s one of the most commonly cited activities for helping increase IQ. And there’s evidence that playing music changes the structure and function of the brain, with parts of your grey matter that control memory, hearing and motor skills becoming more active. Plus, playing ‘Sweet Child Of Mine’ on the accordion is quite the party piece. playing the guitar

myhobbies> Take Photographs -Without Your Phone It seems like a thing of the past – a lost analog art, if you like – but there are still impressive film cameras available to buy. Old-school cameras are still superior in natural light for authentic-looking photographs. Plus, by having to get it right, you skip all the time you spend dropping filters or fiddling in post-production apps on your phone. You have to be in the moment.