Compare commits
4 Commits
b504ea6d96
...
52c9ab2a6d
| Author | SHA1 | Date | |
|---|---|---|---|
|
52c9ab2a6d
|
|||
|
5a1c4acbde
|
|||
|
6f42499ece
|
|||
|
f46f6f896e
|
28
about.html
Normal file
28
about.html
Normal 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>© chopster44 | Page last edited: 2024-07-06</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
77
blog.html
77
blog.html
@@ -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>© chopster44</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="div footer">
|
||||
<p>© chopster44 | Page last edited: 2024-07-06</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
48
contact.html
48
contact.html
@@ -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>© 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>© chopster44 | Page last edited: 2024-07-06</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
img/TokyoBridge6605underconstruction.gif
Normal file
BIN
img/TokyoBridge6605underconstruction.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 390 B |
BIN
img/lined-paper-texture.jpg
Normal file
BIN
img/lined-paper-texture.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
img/paper.gif
Normal file
BIN
img/paper.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
62
imgs.html
62
imgs.html
@@ -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>© 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>© chopster44 | Page last edited: 2024-07-06</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
67
index.css
67
index.css
@@ -1,21 +1,71 @@
|
||||
body {
|
||||
background-image: url(/img/paper.gif);
|
||||
margin: 40px auto;
|
||||
max-width: 650px;
|
||||
max-width: 800px;
|
||||
line-height: 1.8;
|
||||
font-size: 18px;
|
||||
color: #454545;
|
||||
padding: 0 10px;
|
||||
background: #fbf9f7;
|
||||
/*background: #fbf9f7;*/
|
||||
display: grid;
|
||||
grid-template-columns: 150px auto;
|
||||
grid-template-rows: auto auto 2em;
|
||||
grid-template-areas: "logo title"
|
||||
"nav content"
|
||||
"nav foot";
|
||||
gap: 10px;
|
||||
height: 100%;
|
||||
}
|
||||
.div {
|
||||
background-color: #fbf9f7;
|
||||
padding: 0 5px;
|
||||
border: medium outset black;
|
||||
}
|
||||
|
||||
.logo {
|
||||
grid-area: logo;
|
||||
padding: 0 1.5px;
|
||||
}
|
||||
|
||||
header {
|
||||
.title {
|
||||
grid-area: title;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.nav {
|
||||
grid-area: nav;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.main {
|
||||
grid-area: content;
|
||||
}
|
||||
|
||||
.footer {
|
||||
grid-area: foot;
|
||||
}
|
||||
|
||||
.footer >p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.changelog {
|
||||
overflow-y: scroll;
|
||||
|
||||
}
|
||||
|
||||
.construction {
|
||||
background-image: url("img/TokyoBridge6605underconstruction.gif");
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #07a;
|
||||
text-decoration:none;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
@@ -30,10 +80,15 @@ sub {
|
||||
padding-left: 5%;
|
||||
}
|
||||
|
||||
.srcItem {
|
||||
.imgInfo {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.imgInfo > a {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.distro {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
55
index.html
55
index.html
@@ -2,42 +2,43 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link href="index.css" rel="stylesheet">
|
||||
<title>chopster44.com</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>
|
||||
<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>
|
||||
I'm chopster44. <br>
|
||||
I know a bit about programming, designing circuit boards, building rockets, breaking computers and playing bass.
|
||||
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>
|
||||
This is my personal site where I put a bit of everything. Like most of my projects this is a work in progress.
|
||||
If you want to ask me something about anything here, take a look at <a href="contact">[Contact]</a>.
|
||||
</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 href="imgs.html">[imgs]</a></p>
|
||||
<div class="changelog">
|
||||
<h2>Changes</h2>
|
||||
<div>
|
||||
<p>2024-07-06 - new page layouts, updated some text</p>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<p>© chopster44</p>
|
||||
</footer>
|
||||
</div>
|
||||
<div class="div footer">
|
||||
<p>© chopster44 | Page last edited: 2024-07-06</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
43
linux.html
43
linux.html
@@ -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>© chopster44</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -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>© 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>© chopster44 | Page last edited: 2024-07-07</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -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>
|
||||
|
||||
|
||||
44
template.html
Normal file
44
template.html
Normal file
@@ -0,0 +1,44 @@
|
||||
<!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">
|
||||
<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>
|
||||
</div>
|
||||
<div class="div footer">
|
||||
<p>© chopster44 | Page last edited: 2024-07-06</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user