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

Updated all pages to new layout

Browse Source
This commit is contained in:
chopster44
2024-07-07 09:45:20 +01:00
parent 5a1c4acbde
commit 52c9ab2a6d
11 changed files with 192 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
about.html Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="index.css" rel="stylesheet">
<title>chptr</title>
</head>
<body>
<img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
<h1 class="div title">Chopster44</h1>
<div class="div nav">
<p>Personal</p>
<a href="/about.html">[About]</a>
<a href="/blog.html">[Blog]</a>
<p>Interests</p>
<a href="/projects.html">[Projects]</a>
<a href="/rockets.html">[Rockets]</a>
<p>Other Web</p>
<a href="#">[Buttons]</a>
<a href="/contact.html">[Contact]</a>
</div>
<div class="div main construction">
</div>
<div class="div footer">
<p>&#169; chopster44 | Page last edited: 2024-07-06</p>
</div>
</body>
</html>

77
blog.html
View File

@@ -1,40 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>blog</title>
</head>
<body>
<header>
<img src="https://chopster44.com/img/pfp.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>
<head>
<meta charset="UTF-8">
<link href="index.css" rel="stylesheet">
<title>chptr</title>
</head>
<body>
<img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
<h1 class="div title">Chopster44</h1>
<div class="div nav">
<p>Personal</p>
<a href="/about.html">[About]</a>
<a href="/blog.html">[Blog]</a>
<p>Interests</p>
<a href="/projects.html">[Projects]</a>
<a href="/rockets.html">[Rockets]</a>
<p>Other Web</p>
<a href="#">[Buttons]</a>
<a href="/contact.html">[Contact]</a>
</div>
<div class="div main">
<div id="about">
<h2>About me</h2>
<p>
Hi, I'm chopster44 and this is my website. Here I put anything I have worked on/used/made which I think
is cool. This isn't a professional site so things might get a bit messy/all over the place and hard to
navigate. I hope you enjoy looking around!
<br>
If you want to ask me something about anything here, take a look at <a href="contact">[Contact]</a>.
</p>
</div>
<div class="changelog">
<h2>Changes</h2>
<div>
<p>2024-07-06 - new page layouts, updated some text</p>
</div>
</header>
<main>
<h2>Blog</h2>
<div class="blogItem">
<h3>2024-05-16</h3>
<p>¬ 3D printers are so annoying sometimes <br>
¬ It won't print the top of my nose cone <br>
¬ Fixed it, it wasn't pointy enough</p>
</div>
<div class="blogItem">
<h3>2024-04-23</h3>
<p> ¬ Blog v2</p>
</div>
</main>
<footer>
<p>&#169; chopster44</p>
</footer>
</body>
</div>
</div>
<div class="div footer">
<p>&#169; chopster44 | Page last edited: 2024-07-06</p>
</div>
</body>
</html>

48
contact.html
View File

@@ -2,33 +2,33 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>contact</title>
<title>chptr</title>
</head>
<body>
<header>
<img src="https://chopster44.com/img/pfp.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>Contact</h2>
<p>Pretty much all the ways to get in touch with me:</p>
<p id="email">Email: oscar@chopter44.com</p>
<p id="discord">Discord: Chopster44</p>
<p id="matrix">Matrix: I haven't made one yet</p>
</main>
<footer>
<p>&#169; chopster44</p>
</footer>
<img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
<h1 class="div title">Chopster44</h1>
<div class="div nav">
<p>Personal</p>
<a href="/about.html">[About]</a>
<a href="/blog.html">[Blog]</a>
<p>Interests</p>
<a href="/projects.html">[Projects]</a>
<a href="/rockets.html">[Rockets]</a>
<p>Other Web</p>
<a href="#">[Buttons]</a>
<a href="/contact.html">[Contact]</a>
</div>
<div class="div main">
<h2>Contact</h2>
<p>Pretty much all the ways to get in touch with me:</p>
<p id="email">Email: oscar@chopter44.com</p>
<p id="discord">Discord: Chopster44</p>
<p id="matrix">Matrix: I haven't made one yet</p>
</div>
<div class="div footer">
<p>&#169; chopster44 | Page last edited: 2024-07-06</p>
</div>
</body>
</html>

BIN
img/TokyoBridge6605underconstruction.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 390 B

62
imgs.html
View File

@@ -2,39 +2,39 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>imgs</title>
<title>chptr</title>
</head>
<body>
<header>
<img src="https://chopster44.com/img/pfp.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>imgs</h2>
<p>A list of all the images/media I use here and where it came from. Click on them to make them bigger.</p>
<div id="pfp" class="srcItem">
<a href="img/pfp-transparent.png"><img src="img/pfp-transparent.png" width="141" alt="profile picture"></a>
<p>Modified version of some art I found which I've been using as my profile picture. <br>
I have tried to find the original artist but the only place I have ever found it is
<a href="https://www.reddit.com/r/girlsfrontline/comments/dgwqcd/intervenchan/">[this reddit post]</a></p>
</div>
<div class="srcItem">
<a href="img/debian202405.png"><img src="img/debian202405.png" width="480"></a>
<p style="padding-left: 5%">Picture of my desktop from when I used debian.</p>
</div>
</main>
<footer>
<p>&#169; chopster44</p>
</footer>
<img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
<h1 class="div title">Chopster44</h1>
<div class="div nav">
<p>Personal</p>
<a href="/about.html">[About]</a>
<a href="/blog.html">[Blog]</a>
<p>Interests</p>
<a href="/projects.html">[Projects]</a>
<a href="/rockets.html">[Rockets]</a>
<p>Other Web</p>
<a href="#">[Buttons]</a>
<a href="/contact.html">[Contact]</a>
</div>
<div class="div main">
<h2>imgs</h2>
<p>The sources of any pictures i have <strike>stolen</strike> borrowed. Click on the image to view in full size</p>
<div class="imgInfo">
<a href="img/pfp-transparent.png"><img src="img/pfp-transparent.png" width="141" alt="profile picture"></a>
<p>Modified version of some art I found which I've been using as my profile picture. <br>
I have tried to find the original artist but the only place I have ever found it is
<a href="https://www.reddit.com/r/girlsfrontline/comments/dgwqcd/intervenchan/">[this reddit post]</a></p>
</div>
<div class="imgInfo">
<a href="img/TokyoBridge6605underconstruction.gif"><img src="img/TokyoBridge6605underconstruction.gif"></a>
<p>An under construction gif i found on <a href="http://textfiles.com/underconstruction/">[this geocities archive]</a></p>
</div>
</div>
<div class="div footer">
<p>&#169; chopster44 | Page last edited: 2024-07-06</p>
</div>
</body>
</html>

12
index.css
View File

@@ -22,7 +22,6 @@ body {
border: medium outset black;
}
.logo {
grid-area: logo;
padding: 0 1.5px;
@@ -58,6 +57,11 @@ body {
}
.construction {
background-image: url("img/TokyoBridge6605underconstruction.gif");
background-position: center;
}
a {
color: #07a;
text-decoration:none;
@@ -76,10 +80,14 @@ sub {
padding-left: 5%;
}
.srcItem {
.imgInfo {
display: flex;
}
.imgInfo > a {
margin: auto;
}
.distro {
display: flex;
}

12
index.html
View File

@@ -2,7 +2,6 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>chptr</title>
</head>
@@ -11,15 +10,14 @@
<h1 class="div title">Chopster44</h1>
<div class="div nav">
<p>Personal</p>
<a href="/index.html#about">[About]</a>
<a href="/blog">[Blog]</a>
<a href="/about.html">[About]</a>
<a href="/blog.html">[Blog]</a>
<p>Interests</p>
<a href="/projects">[Projects]</a>
<a href="/rockets">[Rockets]</a>
<a href="/linux">[Linux]</a>
<a href="/projects.html">[Projects]</a>
<a href="/rockets.html">[Rockets]</a>
<p>Other Web</p>
<a href="#">[Buttons]</a>
<a href="/contact">[Contact]</a>
<a href="/contact.html">[Contact]</a>
</div>
<div class="div main">
<div id="about">

43
linux.html
View File

@@ -1,43 +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>linux</title>
</head>
<body>
<header>
<img src="https://chopster44.com/img/pfp.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 class="distro">
<div>
<h2>Debian</h2>
<sub>Feb '24 - May '24</sub>
<p> Basic XFCE4. Works well, nothing fancy. </p>
</div>
<div style="padding-left: 5%">
<a href="img/debian202405.png"><img src="img/debian202405.png" width="480"></a>
</div>
</div>
</main>
<footer>
<p>&#169; chopster44</p>
</footer>
</body>
</html>

43
projects.html
View File

@@ -2,30 +2,29 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>projects</title>
<title>chptr</title>
</head>
<body>
<header>
<img src="https://chopster44.com/img/pfp.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>Projects</h2>
<p> ¬ I'll put some stuff here, but I haven't made anything yet.</p>
</main>
<footer>
<p>&#169; chopster44</p>
</footer>
<img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
<h1 class="div title">Chopster44</h1>
<div class="div nav">
<p>Personal</p>
<a href="/about.html">[About]</a>
<a href="/blog.html">[Blog]</a>
<p>Interests</p>
<a href="/projects.html">[Projects]</a>
<a href="/rockets.html">[Rockets]</a>
<p>Other Web</p>
<a href="#">[Buttons]</a>
<a href="/contact.html">[Contact]</a>
</div>
<div class="div main">
<h2>I haven't added anything yet</h2>
<div class="construction" style="width: auto; height: auto;"></div>
</div>
<div class="div footer">
<p>&#169; chopster44 | Page last edited: 2024-07-07</p>
</div>
</body>
</html>

3
rockets.html
View File

@@ -2,8 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<link href="index.css" rel="stylesheet">
<title>rockets</title>
</head>

66
template.html
View File

@@ -2,45 +2,43 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<link href="index.css" rel="stylesheet">
<title>chptr</title>
</head>
<body>
<img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
<h1 class="div title ">Chopster44</h1>
<div class="nav div">
<p>Personal</p>
<a href="/index.html#about">[About]</a>
<a href="/blog">[Blog]</a>
<p>Interests</p>
<a href="/projects">[Projects]</a>
<a href="/rockets">[Rockets]</a>
<a href="/linux">[Linux]</a>
<p>Other Web</p>
<a href="#">[Buttons]</a>
<a href="/contact">[Contact]</a>
<img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
<h1 class="div title">Chopster44</h1>
<div class="div nav">
<p>Personal</p>
<a href="/about.html">[About]</a>
<a href="/blog.html">[Blog]</a>
<p>Interests</p>
<a href="/projects.html">[Projects]</a>
<a href="/rockets.html">[Rockets]</a>
<p>Other Web</p>
<a href="#">[Buttons]</a>
<a href="/contact.html">[Contact]</a>
</div>
<div class="div main">
<div id="about">
<h2>About me</h2>
<p>
Hi, I'm chopster44 and this is my website. Here I put anything I have worked on/used/made which I think
is cool. This isn't a professional site so things might get a bit messy/all over the place and hard to
navigate. I hope you enjoy looking around!
<br>
If you want to ask me something about anything here, take a look at <a href="contact">[Contact]</a>.
</p>
</div>
<div class="main div">
<div id="about">
<h2>About me</h2>
<p>
Hi, I'm chopster44 and this is my website. Here I put anything I have worked on/used/made which I think
is cool. This isn't a professional site so things might get a bit messy/all over the place and hard to
navigate. I hope you enjoy looking around!
<br>
If you want to ask me something about anything here, take a look at <a href="contact">[Contact]</a>.
</p>
</div>
<div class="changelog">
<h2>Changes</h2>
<div>
<p>2024-07-06 - new page layouts, updated some text</p>
</div>
<div class="changelog">
<h2>Changes</h2>
<div>
<p>2024-07-06 - new page layouts, updated some text</p>
</div>
</div>
<div class="footer div">
<p>&#169; chopster44 | Page last edited: 2024-07-06</p>
</div>
</div>
<div class="div footer">
<p>&#169; chopster44 | Page last edited: 2024-07-06</p>
</div>
</body>
</html>