Octavia/odin-recipes
Watch
1
0
Fork
You've already forked odin-recipes
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add background image, body styles, and footer text

Browse source
This commit is contained in:
lolabird 2023-12-31 19:59:15 -07:00
commit 849581b50e
6 changed files with 41 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
images/wood-591631_1920.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 MiB

6
index.html
View file

@ -34,5 +34,11 @@
at a later date to see if anything's changed. See you then! at a later date to see if anything's changed. See you then!
</p> </p>
</div> </div>
<footer>
Created by <a href="https://andrindie.com" target="_blank" rel="noreferrer">Octavia Nichols</a>
for <a href="https://www.theodinproject.com/lessons/foundations-rock-paper-scissors" target="_blank" rel="noreferrer">The Odin Project</a>.
Check out the code on <a href="https://github.com/Lolabird/odin-rock-paper-scissors" target="_blank" rel="noreferrer">GitHub</a>.
</footer>
</body> </body>
</html> </html>

6
recipes/avocado-toast.html
View file

@ -76,5 +76,11 @@
fellow "entitled" millenial! I know I'm going to enjoy mine! fellow "entitled" millenial! I know I'm going to enjoy mine!
</p> </p>
</div> </div>
<footer>
Created by <a href="https://andrindie.com" target="_blank" rel="noreferrer">Octavia Nichols</a>
for <a href="https://www.theodinproject.com/lessons/foundations-rock-paper-scissors" target="_blank" rel="noreferrer">The Odin Project</a>.
Check out the code on <a href="https://github.com/Lolabird/odin-rock-paper-scissors" target="_blank" rel="noreferrer">GitHub</a>.
</footer>
</body> </body>
</html> </html>

6
recipes/greenbean-casserole.html
View file

@ -67,5 +67,11 @@
<li>Serve it up on a plate add cheese and enjoy!</li> <li>Serve it up on a plate add cheese and enjoy!</li>
</ol> </ol>
</div> </div>
<footer>
Created by <a href="https://andrindie.com" target="_blank" rel="noreferrer">Octavia Nichols</a>
for <a href="https://www.theodinproject.com/lessons/foundations-rock-paper-scissors" target="_blank" rel="noreferrer">The Odin Project</a>.
Check out the code on <a href="https://github.com/Lolabird/odin-rock-paper-scissors" target="_blank" rel="noreferrer">GitHub</a>.
</footer>
</body> </body>
</html> </html>

6
recipes/stove-popped-popcorn.html
View file

@ -62,5 +62,11 @@
<li>Add your desired amount of salt and/or seasonings and enjoy!</li> <li>Add your desired amount of salt and/or seasonings and enjoy!</li>
</ol> </ol>
</div> </div>
<footer>
Created by <a href="https://andrindie.com" target="_blank" rel="noreferrer">Octavia Nichols</a>
for <a href="https://www.theodinproject.com/lessons/foundations-rock-paper-scissors" target="_blank" rel="noreferrer">The Odin Project</a>.
Check out the code on <a href="https://github.com/Lolabird/odin-rock-paper-scissors" target="_blank" rel="noreferrer">GitHub</a>.
</footer>
</body> </body>
</html> </html>

20
style.css
View file

@ -1,7 +1,13 @@
html {
background-image: url("./images/wood-591631_1920.jpg");
}
body{ body{
max-width: 60%; max-width: 66%;
margin: auto; margin: 0 auto;
background-color: rgb(220, 248, 220); padding: 10px 85px;
min-height: 100vh;
background-color: rgb(220, 248, 220, .85);
} }
img{ img{
@ -11,11 +17,19 @@ img{
a{ a{
text-decoration: none; text-decoration: none;
color: green;
}
.recipe-menu a {
font-weight: bold;
} }
h1, h2, h3, h4, h5, h6, .recipe-menu{ h1, h2, h3, h4, h5, h6, .recipe-menu{
font-family: 'Alegreya Sans SC', sans-serif; font-family: 'Alegreya Sans SC', sans-serif;
} }
/* h3, h4, h5, h6 {
color: green;
} */
h1{ h1{
font-size: 50px; font-size: 50px;
} }