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

Change fonts

Browse source
This commit is contained in:
lolabird 2023-08-18 21:15:01 -06:00
commit a80987c091
5 changed files with 172 additions and 155 deletions
Download patch file Download diff file Expand all files Collapse all files

3
index.html
View file

@ -6,6 +6,7 @@
<title>Recipes</title> <title>Recipes</title>
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Assistant' rel='stylesheet'>
</head> </head>
<body> <body>
<h1>Odin Recipes</h1> <h1>Odin Recipes</h1>
@ -15,6 +16,7 @@
<li><a href="./recipes/avocado-toast.html">Avocado Toast</a></li> <li><a href="./recipes/avocado-toast.html">Avocado Toast</a></li>
<li><a href="./recipes/stove-popped-popcorn.html">Stove Popped Popcorn</a></li> <li><a href="./recipes/stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
</ul> </ul>
<div class="content">
<p> <p>
Welcome to my first Odin project! The purpose of this site is to Welcome to my first Odin project! The purpose of this site is to
simply showcase what I have learned in the course thus far. Which is just simply showcase what I have learned in the course thus far. Which is just
@ -30,5 +32,6 @@
At any rate, make yourself at home and have a look around! And then we'll see At any rate, make yourself at home and have a look around! And then we'll see
if in few weeks' or months' time if I've continued with the project. if in few weeks' or months' time if I've continued with the project.
</p> </p>
</div>
</body> </body>
</html> </html>

3
recipes/avocado-toast.html
View file

@ -6,6 +6,7 @@
<title>Recipes - Avocado Toast</title> <title>Recipes - Avocado Toast</title>
<link rel="stylesheet" href="../style.css" /> <link rel="stylesheet" href="../style.css" />
<link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Assistant' rel='stylesheet'>
</head> </head>
<body> <body>
<h1>Odin Recipes</h1> <h1>Odin Recipes</h1>
@ -17,6 +18,7 @@
<li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li> <li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
</ul> </ul>
<div class="content">
<h2>Avocado Toast</h2> <h2>Avocado Toast</h2>
<img src="../images/avocado-toast.jpg" alt="Avocado Toast"> <img src="../images/avocado-toast.jpg" alt="Avocado Toast">
@ -73,5 +75,6 @@
<p>Anyway, I have blabbed enough. Go off and enjoy your avocado toast my <p>Anyway, I have blabbed enough. Go off and enjoy your avocado toast my
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>
</body> </body>
</html> </html>

4
recipes/greenbean-casserole.html
View file

@ -6,6 +6,7 @@
<title>Recipes - Green Bean Casserole</title> <title>Recipes - Green Bean Casserole</title>
<link rel="stylesheet" href="../style.css" /> <link rel="stylesheet" href="../style.css" />
<link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Assistant' rel='stylesheet'>
</head> </head>
<body> <body>
<h1>Odin Recipes</h1> <h1>Odin Recipes</h1>
@ -16,6 +17,8 @@
<li><a href="./avocado-toast.html">Avocado Toast</a></li> <li><a href="./avocado-toast.html">Avocado Toast</a></li>
<li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li> <li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
</ul> </ul>
<div class="content">
<h2>Green Bean Casserole</h2> <h2>Green Bean Casserole</h2>
<img src="../images/GreenBeanCasserole.jpg" alt="Green Bean Casserole"> <img src="../images/GreenBeanCasserole.jpg" alt="Green Bean Casserole">
@ -63,5 +66,6 @@
</li> </li>
<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>
</body> </body>
</html> </html>

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

@ -6,6 +6,7 @@
<title>Recipes - Stove Popped Popcorn</title> <title>Recipes - Stove Popped Popcorn</title>
<link rel="stylesheet" href="../style.css" /> <link rel="stylesheet" href="../style.css" />
<link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Assistant' rel='stylesheet'>
</head> </head>
<body> <body>
<h1>Odin Recipes</h1> <h1>Odin Recipes</h1>
@ -17,6 +18,7 @@
<li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li> <li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
</ul> </ul>
<div class="content">
<h2>Stove Popped Popcorn</h2> <h2>Stove Popped Popcorn</h2>
<img src="../images/popcorn.jpg" alt="Stove Popped Popcorn"> <img src="../images/popcorn.jpg" alt="Stove Popped Popcorn">
@ -59,5 +61,6 @@
</li> </li>
<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>
</body> </body>
</html> </html>

6
style.css
View file

@ -31,7 +31,6 @@ h3{
border: 5px solid green; border: 5px solid green;
text-align: center; text-align: center;
list-style-type: none; list-style-type: none;
width: fit-content;
margin: auto; margin: auto;
} }
@ -40,3 +39,8 @@ h3{
display: inline-block; display: inline-block;
font-size: 20px; font-size: 20px;
} }
.content{
font-family: 'Assistant', sans-serif;
font-size: 20px;
}