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

Compare commits

base: chopster44:49cd3150088fdffb7539bdecb7d35dd3c5b0efd3
Branches Tags
chopster44:main
...
compare: chopster44:main
Branches Tags
chopster44:main

25 Commits
49cd315008 ... main

Author SHA1 Message Date
chopster44
aaf2b3d75b Updated some links 2024-07-07 10:19:59 +01:00
chopster44
52c9ab2a6d Updated all pages to new layout 2024-07-07 09:45:20 +01:00
chopster44
5a1c4acbde Finished new layout 2024-07-06 18:46:44 +01:00
chopster44
6f42499ece Formatting 2024-07-06 16:35:48 +01:00
chopster44
f46f6f896e created a page to test out a new layout 2024-07-06 15:46:06 +01:00
chopster44
b504ea6d96 blog 2024-05-16 17:54:09 +01:00
chopster44
f2c1dfa919 img update 2024-05-16 17:24:11 +01:00
chopster44
5a9b839192 fixed stuff 2024-05-16 17:21:43 +01:00
chopster44
c37d7eaf6e details about debian 2024-05-16 17:18:31 +01:00
chopster44
63c3876362 ico 2024-05-02 18:21:56 +01:00
chopster44
fa9e572272 cio 2024-05-02 18:21:35 +01:00
chopster44
26333b862c test 2024-05-02 18:20:08 +01:00
chopster44
b8496277ae ico 2024-05-02 18:18:25 +01:00
chopster44
820723e986 header 2024-05-02 17:59:40 +01:00
chopster44
c48240f940 Added an image page 2024-04-24 18:50:13 +01:00
chopster44
836f728581 Added a contact page 2024-04-23 22:09:50 +01:00
chopster44
51d2708a42 Forgot to change a title 2024-04-23 17:09:32 +01:00
chopster44
fa14b9b624 Overhaul 2024-04-23 16:47:16 +01:00
chopster44
be8c084276 Header 2024-04-02 16:47:54 +01:00
chopster44
72c24e0d0f Replaced pfp.webp 2024-04-02 16:40:38 +01:00
chopster44
17e4949da7 img 2024-04-02 16:38:08 +01:00
chopster44
3786ccb8d3 Replaced pfp.webp 2024-04-02 16:30:47 +01:00
chopster44
ffeebd1dcb Added /now page 2024-03-27 14:43:02 +00:00
chopster44
833670ccb7 Text 2024-03-26 19:58:04 +00:00
chopster44
31868ad1d3 Style 2024-03-26 19:44:19 +00:00
22 changed files with 357 additions and 129 deletions
Expand all files Collapse all files

5
.idea/.gitignore generated vendored Normal file
View File

@@ -0,0 +1,5 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/

12
.idea/chopster44.com.iml generated Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

8
.idea/modules.xml generated Normal file
View File

@@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/chopster44.com.iml" filepath="$PROJECT_DIR$/.idea/chopster44.com.iml" />
</modules>
</component>
</project>

6
.idea/vcs.xml generated Normal file
View File

@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="" vcs="Git" />
</component>
</project>

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>
<a href="index.html"><img src="https://chopster44.com/img/pfp.png" width="141" class="div logo"></a>
<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-07</p>
</div>
</body>
</html>

43
blog.html
View File

@@ -1,31 +1,28 @@
<!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>
<title>chptr</title>
</head>
<body>
<header>
<img src="/img/pfp.webp" width="141" alt="my profile picture">
<div class="headerContent">
<h1>Chopster44.com</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>&#169; chopster44 2024</p>
</footer>
<a href="index.html"><img src="https://chopster44.com/img/pfp.png" width="141" class="div logo"></a>
<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>Blog</h2>
</div>
<div class="div footer">
<p>&#169; chopster44 | Page last edited: 2024-07-07</p>
</div>
</body>
</html>

34
contact.html Normal file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="index.css" rel="stylesheet">
<title>chptr</title>
</head>
<body>
<a href="index.html"><img src="https://chopster44.com/img/pfp.png" width="141" class="div logo"></a>
<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-07</p>
</div>
</body>
</html>

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

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.webp" width="141" alt="my profile picture">
<div class="headerContent">
<h1>Chopster44.com</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>

BIN
img/TokyoBridge6605underconstruction.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 390 B

BIN
img/debian202405.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
img/lined-paper-texture.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
img/paper.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
img/pfp-transparent.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 219 KiB

BIN
img/pfp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
img/pfp.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

40
imgs.html Normal file
View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="index.css" rel="stylesheet">
<title>chptr</title>
</head>
<body>
<a href="index.html"><img src="https://chopster44.com/img/pfp.png" width="141" class="div logo"></a>
<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-07</p>
</div>
</body>
</html>

92
index.css
View File

@@ -1,50 +1,94 @@
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 {
display: flex;
align-items: center;
.title {
grid-area: title;
width: auto;
height: auto;
margin: auto;
}
.link {
padding: 5px;
}
.headerContent {
width: 100%;
.nav {
grid-area: nav;
display: flex;
flex-direction: column;
align-items: center;
}
.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 {
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%;
}
.imgInfo {
display: flex;
}
.imgInfo > a {
margin: auto;
}
.distro {
display: flex;
}

80
index.html
View File

@@ -2,55 +2,43 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link href="index.css" rel="stylesheet">
<title>Welcome to chopster44.com!</title>
<title>chptr</title>
</head>
<body>
<header>
<img src="/img/pfp.webp" width="141" alt="my profile picture">
<div class="headerContent">
<h1>Chopster44.com</h1>
<div>
<a class="link" href="/">home</a>
<a class="link" href="/blog">blog</a>
<a class="link" href="/now">now</a>
</div>
<a href="index.html"><img src="https://chopster44.com/img/pfp.png" width="141" class="div logo"></a>
<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>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> Here's a list of my projects which I think are the coolest. Code-ey things will be on a git thingy
somewhere. Solid stuff probably isn't opensource :( so find details on my blog!. </p>
<ul>
<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>&#169; chopster44 2024</p>
</footer>
</div>
</div>
<div class="div footer">
<p>&#169; chopster44 | Page last edited: 2024-07-07</p>
</div>
</body>
</html>

30
projects.html Normal file
View File

@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="index.css" rel="stylesheet">
<title>chptr</title>
</head>
<body>
<a href="index.html"><img src="https://chopster44.com/img/pfp.png" width="141" class="div logo"></a>
<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: 250px;"></div>
</div>
<div class="div footer">
<p>&#169; chopster44 | Page last edited: 2024-07-07</p>
</div>
</body>
</html>

28
rockets.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>
<a href="index.html"><img src="https://chopster44.com/img/pfp.png" width="141" class="div logo"></a>
<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-07</p>
</div>
</body>
</html>

44
template.html Normal file
View 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>
<a href="index.html"><img src="https://chopster44.com/img/pfp.png" width="141" class="div logo"></a>
<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>&#169; chopster44 | Page last edited: 2024-07-07</p>
</div>
</body>
</html>