Overhaul
This commit is contained in:
43
blog.html
43
blog.html
@@ -4,28 +4,31 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link href="index.css" rel="stylesheet">
|
||||
<title>Blog</title>
|
||||
<title>blog</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> Blog: </h1>
|
||||
<p><sub>there isn't anything here yet</sub></p>
|
||||
</main>
|
||||
<footer>
|
||||
<hr>
|
||||
<p>© chopster44 2024</p>
|
||||
</footer>
|
||||
<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>
|
||||
<div class="blogItem">
|
||||
<h3>Tuesday 23rd April 2024</h3>
|
||||
<p> ¬ Blog v2</p>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<p>© chopster44</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
36
future.html
36
future.html
@@ -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>© chopster44 2024</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
32
index.css
32
index.css
@@ -13,43 +13,19 @@ header {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.link {
|
||||
padding: 5px;
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.link:visited {
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
.headerContent {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #07a;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #941352;
|
||||
color: #07a;
|
||||
}
|
||||
|
||||
sub {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
color:#c9d1d9;
|
||||
background:#0d1117
|
||||
}
|
||||
a:link {
|
||||
color:#58a6ff
|
||||
}
|
||||
a:visited {
|
||||
color:#8e96f0
|
||||
}
|
||||
.blogItem {
|
||||
padding-left: 5%;
|
||||
}
|
||||
|
||||
78
index.html
78
index.html
@@ -4,54 +4,40 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link href="index.css" rel="stylesheet">
|
||||
<title>Welcome to chopster44.com!</title>
|
||||
<title>chopster44.com</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>
|
||||
<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> I would put the projects of mine which I think are the coolest here, but I haven't made much yet. I'll
|
||||
leave this list here ready to be filled when I've made something cool!</p>
|
||||
<ul>
|
||||
<li></li>
|
||||
<!-- <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>© chopster44 2024</p>
|
||||
</footer>
|
||||
<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>
|
||||
<div id="about">
|
||||
<h2>About me</h2>
|
||||
<p>
|
||||
I'm chopster44. <br>
|
||||
I know a bit about programming, designing circuit boards, building rockets, breaking computers and playing bass.
|
||||
<br>
|
||||
This is my personal site where I put a bit of everything. Like most of my projects this is a work in progress.
|
||||
</p>
|
||||
</div>
|
||||
<div id="links">
|
||||
<h2>Contact</h2>
|
||||
<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>
|
||||
<p>Other links: <a href="https://www.instagram.com/chopster44/">[instagram]</a> <a href="https://github.com/chopster44">[github]</a></p>
|
||||
<p>Other pages: <a>[imgs]</a></p>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<p>© chopster44</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
37
linux.html
Normal file
37
linux.html
Normal 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>© chopster44</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
40
now.html
40
now.html
@@ -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>© chopster44 2024</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
31
projects.html
Normal file
31
projects.html
Normal 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>© chopster44</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
32
rockets.html
Normal file
32
rockets.html
Normal 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>© chopster44</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user