template edited

This commit is contained in:
Gaia Sergent 2024-06-30 13:02:40 -04:00
parent e1a9927d82
commit 9b3039afc1
5 changed files with 100 additions and 45 deletions

View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="../style.css">
</head> </head>
<body> <body>
@ -9,7 +9,7 @@
<h1 class="title"> <h1 class="title">
Blog-Log Blog-Log
</h1> </h1>
<a href="index.html"> <a href="../index.html">
<h3> <h3>
Home Home
</h3> </h3>

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<div class="navbar">
<h1 class="title">
Blog-Log
</h1>
<a href="../index.html">
<h3>
Home
</h3>
</a>
<hr>
</div>
<h2>
Post Title
</h2>
<div class="bllog-body">
Post Content
</div>
</body>
</html>

View file

@ -15,14 +15,14 @@
Home Home
</h3> </h3>
</a> </a>
<hr>
</div> </div>
<div class="bllog-body bllog-container">
<h2> <h2>
Protesting is pretty great, actually. Protesting is pretty great, actually.
</h2> </h2>
<p class="bllog-body"> <p>
Oftentimes, I get caught up in my day-to-day. Oftentimes, I get caught up in my day-to-day.
<br> <br>
The bullshit of it all. The bullshit of it all.
@ -67,6 +67,7 @@
<br> <br>
That's the beauty of protest, in a way. That's the beauty of protest, in a way.
</p> </p>
</div>
</body> </body>
</html> </html>

View file

@ -35,6 +35,7 @@
of wealth, wouldn't we have tried that already? of wealth, wouldn't we have tried that already?
</li> </li>
</ul> </ul>
<div class="bllog-body bllog-container">
<p class="bllog-body"> <p class="bllog-body">
The truth is, money is easy. You make it, or lose it. The truth is, money is easy. You make it, or lose it.
<br> <br>
@ -69,6 +70,7 @@
<br> <br>
Don't wait for the billionaires to do it. Don't wait for the billionaires to do it.
</p> </p>
</div>
</body> </body>
</html> </html>

View file

@ -32,9 +32,12 @@ a:hover > p {
.navbar > h1 { .navbar > h1 {
margin-bottom: 0px; margin-bottom: 0px;
margin-top: 0.1rem;
font-size: 5rem;
} }
.navbar > h3 { .navbar > a > h3 {
margin-bottom: 0px; margin-top: 0.2rem;
margin-bottom: 0.1rem;
} }
h1 { h1 {
@ -56,12 +59,34 @@ h1 {
font-size: 1.5em; font-size: 1.5em;
} }
.bllog-container {
border-radius: 1rem;
border-width: 0.25rem;
padding: 0.4rem;
margin-top: 0.5rem;
margin-left: 0.5rem;
margin-right: 0.5rem;
margin-bottom: 0.1rem;
border: 0.125rem solid;
border-color: white;
}
.bllog-container > p {
margin-bottom: 0.175rem;
margin-top: 0;
}
h3 { h3 {
color: white; color: white;
font-family: "Bagnard"; font-family: "Bagnard";
font-size: 2em; font-size: 2em;
} }
.bllog-container > h2 {
font-size: 2.5rem;
margin: 0px;
}
h2 { h2 {
color: white; color: white;
font-family: "Bagnard"; font-family: "Bagnard";