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>
<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=Assistant' rel='stylesheet'>
</head>
<body>
<h1>Odin Recipes</h1>
@ -15,6 +16,7 @@
<li><a href="./recipes/avocado-toast.html">Avocado Toast</a></li>
<li><a href="./recipes/stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
</ul>
<div class="content">
<p>
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
@ -30,5 +32,6 @@
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.
</p>
</div>
</body>
</html>

3
recipes/avocado-toast.html
View file

@ -6,6 +6,7 @@
<title>Recipes - Avocado Toast</title>
<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=Assistant' rel='stylesheet'>
</head>
<body>
<h1>Odin Recipes</h1>
@ -17,6 +18,7 @@
<li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
</ul>
<div class="content">
<h2>Avocado Toast</h2>
<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
fellow "entitled" millenial! I know I'm going to enjoy mine!
</p>
</div>
</body>
</html>

4
recipes/greenbean-casserole.html
View file

@ -6,6 +6,7 @@
<title>Recipes - Green Bean Casserole</title>
<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=Assistant' rel='stylesheet'>
</head>
<body>
<h1>Odin Recipes</h1>
@ -16,6 +17,8 @@
<li><a href="./avocado-toast.html">Avocado Toast</a></li>
<li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
</ul>
<div class="content">
<h2>Green Bean Casserole</h2>
<img src="../images/GreenBeanCasserole.jpg" alt="Green Bean Casserole">
@ -63,5 +66,6 @@
</li>
<li>Serve it up on a plate add cheese and enjoy!</li>
</ol>
</div>
</body>
</html>

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

@ -6,6 +6,7 @@
<title>Recipes - Stove Popped Popcorn</title>
<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=Assistant' rel='stylesheet'>
</head>
<body>
<h1>Odin Recipes</h1>
@ -17,6 +18,7 @@
<li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
</ul>
<div class="content">
<h2>Stove Popped Popcorn</h2>
<img src="../images/popcorn.jpg" alt="Stove Popped Popcorn">
@ -59,5 +61,6 @@
</li>
<li>Add your desired amount of salt and/or seasonings and enjoy!</li>
</ol>
</div>
</body>
</html>

6
style.css
View file

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