Compare commits

..

2 Commits

Author SHA1 Message Date
b6e2f6e544 Blog page and styling 2024-03-26 18:27:49 +00:00
d3bfd215b7 Formatting 2024-03-26 18:24:13 +00:00
4 changed files with 103 additions and 67 deletions

29
blog.html Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog</title>
</head>
<body>
<header>
<img src="/img/pfp.webp" width="141" alt="my profile picture">
<div class="headerContent">
<h1>Chopster44.com</h1>
<div>
<a class="link" href="/">home</a>
<a class="link" href="/blog">blog</a>
<a class="link" href="/now">now</a>
</div>
</div>
</header>
<main>
<h1> Blog: </h1>
<p><sub>there isn't anything here yet</sub></p>
</main>
<footer>
<hr>
<p>&#169; chopster44 2024</p>
</footer>
</body>
</html>

View File

@@ -4,9 +4,9 @@
<title>Future</title> <title>Future</title>
<link href="index.css" rel="stylesheet"> <link href="index.css" rel="stylesheet">
</head> </head>
<body>
<header> <header>
<img src="/img/pfp.webp" width="141" alt="my profile picture"> <img src="/img/pfp.webp" width="141" alt="my profile picture">
<!-- <p>pfp here</p>-->
<div class="headerContent"> <div class="headerContent">
<h1>Chopster44.com</h1> <h1>Chopster44.com</h1>
<div> <div>
@@ -16,7 +16,7 @@
</div> </div>
</div> </div>
</header> </header>
<body> <main>
<h1> Future </h1> <h1> Future </h1>
<p> This page is like a changelog but in reverse, instead of making a list of things I have changed or added, its a list of things I want to add or change about this website</p> <p> This page is like a changelog but in reverse, instead of making a list of things I have changed or added, its a list of things I want to add or change about this website</p>
<ul> <ul>
@@ -25,9 +25,10 @@
<li> Some nice css </li> <li> Some nice css </li>
<li> A /now </li> <li> A /now </li>
</ul> </ul>
</body> </main>
<footer> <footer>
<hr> <hr>
<p>&#169; chopster44 2024</p> <p>&#169; chopster44 2024</p>
</footer> </footer>
</body>
</html> </html>

View File

@@ -32,6 +32,10 @@ a:visited {
color: #941352; color: #941352;
} }
sub {
font-size: 12px;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
color:#c9d1d9; color:#c9d1d9;

View File

@@ -4,9 +4,10 @@
<title>Welcome to chopster44.com!</title> <title>Welcome to chopster44.com!</title>
<link href="index.css" rel="stylesheet"> <link href="index.css" rel="stylesheet">
</head> </head>
<body>
<header> <header>
<img src="/img/pfp.webp" width="141" alt="my profile picture"> <img src="/img/pfp.webp" width="141" alt="my profile picture">
<!-- <p>pfp here</p>-->
<div class="headerContent"> <div class="headerContent">
<h1>Chopster44.com</h1> <h1>Chopster44.com</h1>
<div> <div>
@@ -16,11 +17,11 @@
</div> </div>
</div> </div>
</header> </header>
<body> <main>
<h2>About me:</h2> <h2>About me:</h2>
<p>I'm chopster44</p> <p>I'm chopster44</p>
<p>I know a bit about programming, design circuit boards, building rockets which defy physics, and I play bass. <p>I know a bit about programming, design circuit boards, building rockets which defy physics, and I play
</p> bass.</p>
<p>This is my personal website, here I have a blog where I talk about my projects and other stuff.</p> <p>This is my personal website, here I have a blog where I talk about my projects and other stuff.</p>
<hr> <hr>
<h2> Top projects: </h2> <h2> Top projects: </h2>
@@ -42,11 +43,12 @@
<h2> Other stuff: </h2> <h2> Other stuff: </h2>
<p>This place is pretty empty right now, come back some other time, and it will have some more!</p> <p>This place is pretty empty right now, come back some other time, and it will have some more!</p>
<p>I have made a list of what I am going to add to this place <a href="/future">here</a></p> <p>I have made a list of what I am going to add to this place <a href="/future">here</a></p>
<p>I found the image I use as a pfp online. I would give the artist, but I can't find the source anymore other <p>I found the image I use as a pfp online. I would give the artist, but I can't find the source anymore
than a reddit post from 5 years ago <sub>sorry</sub></p> other than a reddit post from years ago <sub>sorry</sub></p>
</body> </main>
<footer> <footer>
<hr> <hr>
<p>&#169; chopster44 2024</p> <p>&#169; chopster44 2024</p>
</footer> </footer>
</body>
</html> </html>