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> <!DOCTYPE html>
<html lang="en"> <head>
<head> <meta charset="UTF-8">
<meta charset="UTF-8"> <link href="index.css" rel="stylesheet">
<meta name="viewport" content="width=device-width"> <title>chptr</title>
<link href="index.css" rel="stylesheet"> </head>
<title>blog</title> <body>
</head> <img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
<h1 class="div title">Chopster44</h1>
<body> <div class="div nav">
<header> <p>Personal</p>
<img src="https://chopster44.com/img/pfp.png" width="141"> <a href="/about.html">[About]</a>
<div id="menu"> <a href="/blog.html">[Blog]</a>
<h1>Chopster44</h1> <p>Interests</p>
<a href="/#about">[About]</a> <a href="/projects.html">[Projects]</a>
<a href="/blog">[Blog]</a> <a href="/rockets.html">[Rockets]</a>
<a href="/projects">[Projects]</a> <p>Other Web</p>
<a href="/rockets">[Rockets]</a> <a href="#">[Buttons]</a>
<a href="/linux">[Linux]</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> </div>
</header> </div>
<main> </div>
<h2>Blog</h2> <div class="div footer">
<div class="blogItem"> <p>&#169; chopster44 | Page last edited: 2024-07-06</p>
<h3>2024-05-16</h3> </div>
<p>¬ 3D printers are so annoying sometimes <br> </body>
¬ 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>
</html> </html>

48
contact.html
View File

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

12
index.css
View File

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

12
index.html
View File

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

3
rockets.html
View File

@@ -2,8 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <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> <title>rockets</title>
</head> </head>

66
template.html
View File

@@ -2,45 +2,43 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <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> <title>chptr</title>
</head> </head>
<body> <body>
<img src="https://chopster44.com/img/pfp.png" width="141" class="div logo"> <img src="https://chopster44.com/img/pfp.png" width="141" class="div logo">
<h1 class="div title ">Chopster44</h1> <h1 class="div title">Chopster44</h1>
<div class="nav div"> <div class="div nav">
<p>Personal</p> <p>Personal</p>
<a href="/index.html#about">[About]</a> <a href="/about.html">[About]</a>
<a href="/blog">[Blog]</a> <a href="/blog.html">[Blog]</a>
<p>Interests</p> <p>Interests</p>
<a href="/projects">[Projects]</a> <a href="/projects.html">[Projects]</a>
<a href="/rockets">[Rockets]</a> <a href="/rockets.html">[Rockets]</a>
<a href="/linux">[Linux]</a> <p>Other Web</p>
<p>Other Web</p> <a href="#">[Buttons]</a>
<a href="#">[Buttons]</a> <a href="/contact.html">[Contact]</a>
<a href="/contact">[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>
<div class="main div"> <div class="changelog">
<div id="about"> <h2>Changes</h2>
<h2>About me</h2> <div>
<p> <p>2024-07-06 - new page layouts, updated some text</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> </div>
</div> </div>
<div class="footer div"> </div>
<p>&#169; chopster44 | Page last edited: 2024-07-06</p> <div class="div footer">
</div> <p>&#169; chopster44 | Page last edited: 2024-07-06</p>
</div>
</body> </body>
</html> </html>