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>
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="../style.css">
</head>
<body>
@ -9,7 +9,7 @@
<h1 class="title">
Blog-Log
</h1>
<a href="index.html">
<a href="../index.html">
<h3>
Home
</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
</h3>
</a>
<hr>
</div>
<div class="bllog-body bllog-container">
<h2>
Protesting is pretty great, actually.
</h2>
<p class="bllog-body">
<p>
Oftentimes, I get caught up in my day-to-day.
<br>
The bullshit of it all.
@ -67,6 +67,7 @@
<br>
That's the beauty of protest, in a way.
</p>
</div>
</body>
</html>

View file

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

View file

@ -32,9 +32,12 @@ a:hover > p {
.navbar > h1 {
margin-bottom: 0px;
margin-top: 0.1rem;
font-size: 5rem;
}
.navbar > h3 {
margin-bottom: 0px;
.navbar > a > h3 {
margin-top: 0.2rem;
margin-bottom: 0.1rem;
}
h1 {
@ -56,12 +59,34 @@ h1 {
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 {
color: white;
font-family: "Bagnard";
font-size: 2em;
}
.bllog-container > h2 {
font-size: 2.5rem;
margin: 0px;
}
h2 {
color: white;
font-family: "Bagnard";