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

Overhaul

Browse Source
This commit is contained in:
chopster44
2024-04-23 16:47:16 +01:00
parent be8c084276
commit fa14b9b624
8 changed files with 159 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
blog.html
View File

@@ -4,28 +4,31 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet"> <link href="index.css" rel="stylesheet">
<title>Blog</title> <title>blog</title>
</head> </head>
<body> <body>
<header> <header>
<img src="/img/pfp-transparent.png" width="141" alt="my profile picture"> <img src="https://chopster44.com/img/pfp-transparent.png" width="141">
<div class="headerContent"> <div id="menu">
<h1>Chopster44</h1> <h1>Chopster44</h1>
<div> <a href="/#about">[About]</a>
<a class="link" href="/">home</a> <a href="/blog">[Blog]</a>
<a class="link" href="/blog">blog</a> <a href="/projects">[Projects]</a>
<a class="link" href="/now">now</a> <a href="/rockets">[Rockets]</a>
</div> <a href="/linux">[Linux]</a>
</div> </div>
</header> </header>
<main> <main>
<h1> Blog: </h1> <h2>Blog</h2>
<p><sub>there isn't anything here yet</sub></p> <div class="blogItem">
</main> <h3>Tuesday 23rd April 2024</h3>
<footer> <p> ¬ Blog v2</p>
<hr> </div>
<p>&#169; chopster44 2024</p> </main>
</footer> <footer>
<p>&#169; chopster44</p>
</footer>
</body> </body>
</html> </html>

36
future.html
View File

@@ -1,36 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>Future</title>
</head>
<body>
<header>
<img src="/img/pfp-transparent.png" width="141" alt="my profile picture">
<div class="headerContent">
<h1>Chopster44</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>
</html>

32
index.css
View File

@@ -13,43 +13,19 @@ header {
align-items: center; align-items: center;
} }
.link {
padding: 5px;
color: #07a;
}
.link:visited {
color: #07a;
}
.headerContent {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
a { a {
color: #07a; color: #07a;
text-decoration:none;
} }
a:visited { a:visited {
color: #941352; color: #07a;
} }
sub { sub {
font-size: 12px; font-size: 12px;
} }
@media (prefers-color-scheme: dark) { .blogItem {
body { padding-left: 5%;
color:#c9d1d9;
background:#0d1117
}
a:link {
color:#58a6ff
}
a:visited {
color:#8e96f0
}
} }

78
index.html
View File

@@ -4,54 +4,40 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet"> <link href="index.css" rel="stylesheet">
<title>Welcome to chopster44.com!</title> <title>chopster44.com</title>
</head> </head>
<body> <body>
<header> <header>
<img src="/img/pfp-transparent.png" width="141" alt="my profile picture"> <img src="https://chopster44.com/img/pfp-transparent.png" width="141">
<div class="headerContent"> <div id="menu">
<h1>Chopster44</h1> <h1>Chopster44</h1>
<div> <a href="/#about">[About]</a>
<a class="link" href="/">home</a> <a href="/blog">[Blog]</a>
<a class="link" href="/blog">blog</a> <a href="/projects">[Projects]</a>
<a class="link" href="/now">now</a> <a href="/rockets">[Rockets]</a>
</div> <a href="/linux">[Linux]</a>
</div> </div>
</header> </header>
<main> <main>
<h2>About me:</h2> <div id="about">
<p>I'm chopster44</p> <h2>About me</h2>
<p>I know a bit about programming, design circuit boards, building rockets which defy physics, and I play <p>
bass.</p> I'm chopster44. <br>
<p>This is my personal website, here I have a blog where I talk about my projects and other stuff.</p> I know a bit about programming, designing circuit boards, building rockets, breaking computers and playing bass.
<hr> <br>
<h2> Top projects: </h2> This is my personal site where I put a bit of everything. Like most of my projects this is a work in progress.
<p> I would put the projects of mine which I think are the coolest here, but I haven't made much yet. I'll </p>
leave this list here ready to be filled when I've made something cool!</p> </div>
<ul> <div id="links">
<li></li> <h2>Contact</h2>
<!-- <li>eVCU</li>--> <p>Messaging: <a href="mailto:oscar@chopster44.com">[email]</a> <a href="/contact.html#discord">[discord]</a> <a href="/contact.html#matrix">[matrix]</a></p>
<!-- <li>Something I haven't made yet</li>--> <p>Other links: <a href="https://www.instagram.com/chopster44/">[instagram]</a> <a href="https://github.com/chopster44">[github]</a></p>
</ul> <p>Other pages: <a>[imgs]</a></p>
<hr> </div>
<h2> Contact: </h2> </main>
<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> <footer>
<ul> <p>&#169; chopster44</p>
<li> Discord (chopster44) </li> </footer>
<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> </body>
</html> </html>

37
linux.html Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>linux</title>
</head>
<body>
<header>
<img src="https://chopster44.com/img/pfp-transparent.png" width="141">
<div id="menu">
<h1>Chopster44</h1>
<a href="/#about">[About]</a>
<a href="/blog">[Blog]</a>
<a href="/projects">[Projects]</a>
<a href="/rockets">[Rockets]</a>
<a href="/linux">[Linux]</a>
</div>
</header>
<main>
<h2>Linux</h2>
<p>I like linux a lot, and I distro hop quite often, so I thought I'd make a mini review type thing for it</p>
<div>
<h2>Debian</h2>
<sub>Feb '24 - </sub>
<p> Current daily drive. </p>
</div>
</main>
<footer>
<p>&#169; chopster44</p>
</footer>
</body>
</html>

40
now.html
View File

@@ -1,40 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>Now</title>
</head>
<body>
<header>
<img src="/img/pfp-transparent.png" width="141" alt="my profile picture">
<div class="headerContent">
<h1>Chopster44</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> What I'm doing now </h1>
<p>inspired by <a href="https://nownownow.com/about">this</a>. Updated 2024-03-27</p>
<ul>
<li>Building rockets, most of what I am doing (outside of school) is building things for rockets, then
putting them together and hoping they fly. I'm doing this both for fun, and for the
<a href="https://www.UKROC.com">UKROC challenge</a>. I've built a flight computer for the rockets,
blog post coming soon
</li>
<li>Bass, I'm learning how to <a href="https://youtu.be/38CRu1rCaKg?si=VsSDoAPBdLvjqP4K">Caravan</a> from the film
Whiplash, to play in a band with a few friends.
</li>
</ul>
</main>
<footer>
<hr>
<p>&#169; chopster44 2024</p>
</footer>
</body>
</html>

31
projects.html Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>projects</title>
</head>
<body>
<header>
<img src="https://chopster44.com/img/pfp-transparent.png" width="141">
<div id="menu">
<h1>Chopster44</h1>
<a href="/#about">[About]</a>
<a href="/blog">[Blog]</a>
<a href="/projects">[Projects]</a>
<a href="/rockets">[Rockets]</a>
<a href="/linux">[Linux]</a>
</div>
</header>
<main>
<h2>Blog</h2>
<p> ¬ I'll put some stuff here, but I haven't made anything yet.</p>
</main>
<footer>
<p>&#169; chopster44</p>
</footer>
</body>
</html>

32
rockets.html Normal file
View File

@@ -0,0 +1,32 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>rockets</title>
</head>
<body>
<header>
<img src="https://chopster44.com/img/pfp-transparent.png" width="141">
<div id="menu">
<h1>Chopster44</h1>
<a href="/#about">[About]</a>
<a href="/blog">[Blog]</a>
<a href="/projects">[Projects]</a>
<a href="/rockets">[Rockets]</a>
<a href="/linux">[Linux]</a>
</div>
</header>
<main>
<h2>Rockets</h2>
<p> ¬ I'm going to put some details about the rockets I've built on here. <br>
¬ I haven't gotten around to adding any yet</p>
</main>
<footer>
<p>&#169; chopster44</p>
</footer>
</body>
</html>