Skip to content

Instantly share code, notes, and snippets.

@Sourdoughnerd

Sourdoughnerd/foodstyle.css

Created August 25, 2015 18:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Sourdoughnerd/d9808ce3b74d17193155 to your computer and use it in GitHub Desktop.
Save Sourdoughnerd/d9808ce3b74d17193155 to your computer and use it in GitHub Desktop.
Download ZIP
Week 1 - Day 2 - Choose your own adventure
Raw
foodstyle.css
h1 {
font-family: courier;
}
p {
color: rgb(200,218,218);
}
div p {
color: #000099;
}
i {
font-size: 300%;
}
.headerNoobHacker {
font-style: italic;
font-size: 200%;
font-family: courier;
}
.content {
border: 1px solid purple;
margin: 20px auto;
}
.Best {
}
.Worst {
}
.footer {font-size: 100%;color: black;}
Raw
homefoodadventure.html
What should I eat for dinner?
<html>
<head>
<link href="foodstyle.css" rel="stylesheet">
<title>What Should I Eat for Dinner</title>
</head>
<body bgcolor=#C0C0C0>
<h1>What Should I Eat for Dinner?</h1>
<p> Do ask yourself often what to eat? Does your household argue a lot about what to eat every night? </p>
<div class="Best"> Best Qualities of Meal
On each page you can explore the best qualities of every meal
</div>
<div class="Worst" Worst Qualities of Meal
Also listed will be some of the worst qualities of the meal
</div>
<div class="adventure"> Where should I Eat Next?
<a href="food-dish1.html">(dish 1)</a> <a href="food-dish2.html">(dish 2)</a> <a href="food-becomehangry.html">(become hangry)</a> <a href="homefoodadventure.html">(home)</a>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment