chopster44/chopster44.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: chopster44:fcefb0e9772dc873798b2005972ad28e2b344812
Branches Tags
chopster44:main
...
compare: chopster44:b6e2f6e544d8d2a2bc0b7a1e884bb79d3933f127
Branches Tags
chopster44:main

2 Commits
fcefb0e977 ... b6e2f6e544

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

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>

49
future.html
View File

@@ -4,30 +4,31 @@
<title>Future</title>
<link href="index.css" rel="stylesheet">
</head>
<header>
<img src="/img/pfp.webp" width="141" alt="my profile picture">
<!-- <p>pfp here</p>-->
<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>
<body>
<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>
<ul>
<li> A blog </li>
<li> A /about </li>
<li> Some nice css </li>
<li> A /now </li>
</ul>
<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> 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>
<ul>
<li> A blog </li>
<li> A /about </li>
<li> Some nice css </li>
<li> A /now </li>
</ul>
</main>
<footer>
<hr>
<p>&#169; chopster44 2024</p>
</footer>
</body>
<footer>
<hr>
<p>&#169; chopster44 2024</p>
</footer>
</html>

4
index.css
View File

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

88
index.html
View File

@@ -4,49 +4,51 @@
<title>Welcome to chopster44.com!</title>
<link href="index.css" rel="stylesheet">
</head>
<header>
<img src="/img/pfp.webp" width="141" alt="my profile picture">
<!-- <p>pfp here</p>-->
<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>
<body>
<h2>About me:</h2>
<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>
<p>This is my personal website, here I have a blog where I talk about my projects and other stuff.</p>
<hr>
<h2> Top projects: </h2>
<p> Here's a list of my projects which I think are the coolest. Code-ey things will be on a git thingy
somewhere. Solid stuff probably isn't opensource :( so find details on my blog!. </p>
<ul>
<li>eVCU</li>
<li>Something I haven't made yet</li>
</ul>
<hr>
<h2> Contact: </h2>
<p> If you wanna send me a message or see the stuff I do you can probably get a response on one of these </p>
<ul>
<li> Discord (chopster44) </li>
<li> <a href="https://github.com/chopster44">Github</a> </li>
<li> I'm chopster44 in most places. </li>
</ul>
<hr>
<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>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
than a reddit post from 5 years ago <sub>sorry</sub></p>
<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>
<h2>About me:</h2>
<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>
<p>This is my personal website, here I have a blog where I talk about my projects and other stuff.</p>
<hr>
<h2> Top projects: </h2>
<p> Here's a list of my projects which I think are the coolest. Code-ey things will be on a git thingy
somewhere. Solid stuff probably isn't opensource :( so find details on my blog!. </p>
<ul>
<li>eVCU</li>
<li>Something I haven't made yet</li>
</ul>
<hr>
<h2> Contact: </h2>
<p> If you wanna send me a message or see the stuff I do you can probably get a response on one of these</p>
<ul>
<li> Discord (chopster44) </li>
<li> <a href="https://github.com/chopster44">Github</a> </li>
<li> I'm chopster44 in most places. </li>
</ul>
<hr>
<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>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 than a reddit post from years ago <sub>sorry</sub></p>
</main>
<footer>
<hr>
<p>&#169; chopster44 2024</p>
</footer>
</body>
<footer>
<hr>
<p>&#169; chopster44 2024</p>
</footer>
</html>