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

Header, Footer and some more words

Browse Source
This commit is contained in:
chopster44
2024-03-26 16:20:45 +00:00
parent 0368d04a0a
commit 8f2b0b575b
3 changed files with 69 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
future.html
View File

@@ -1,19 +1,33 @@
<html> <html lang="en">
<head> <head>
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<title>Future</title> <title>Future</title>
<link href="index.css" rel="stylesheet"> <link href="index.css" rel="stylesheet">
</head> </head>
<header>
<img src="/img/pfp.webp" width="141" alt="my profile picture">
<!-- <p>pfp here</p>-->
<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>
<body> <body>
<h1> Future </h1> <h1> Future </h1>
<p> This page is like a changelog but in reverse, insterad 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> <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> <ul>
<li> A blog </li> <li> A blog </li>
<li> A /about </li> <li> A /about </li>
<li> Some nice css </li> <li> Some nice css </li>
<li> A /now </li> <li> A /now </li>
</ul> </ul>
</body>
<footer>
</body> <hr>
<p>&#169; chopster44 2024</p>
</footer>
</html> </html>

19
index.css
View File

@@ -2,9 +2,26 @@ body {
margin: 40px auto; margin: 40px auto;
max-width: 650px; max-width: 650px;
line-height: 1.8; line-height: 1.8;
font-size: 18; font-size: 18px;
color: #454545; color: #454545;
padding: 0 10px; padding: 0 10px;
background: #fbf9f7;
}
header {
display: flex;
align-items: center;
}
.link {
padding: 5px;
}
.headerContent {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {

31
index.html
View File

@@ -1,23 +1,38 @@
<html> <html lang="en">
<head> <head>
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<title>Welcome to chopster44.com!</title> <title>Welcome to chopster44.com!</title>
<link href="index.css" rel="stylesheet"> <link href="index.css" rel="stylesheet">
</head> </head>
<header>
<img src="/img/pfp.webp" width="141" alt="my profile picture">
<!-- <p>pfp here</p>-->
<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>
<body> <body>
<h2>About me:</h2> <h2>About me:</h2>
<p>I'm chopster44</p> <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>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> <p>This is my personal website, here I have a blog where I talk about my projects and other stuff.</p>
<hr> <hr>
<h2> Top projects: </h2> <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> <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> <ul>
<li>eVCU</li> <li>eVCU</li>
<li>Something I haven't made yet</li>
</ul> </ul>
<hr> <hr>
<h2> Contact: </h2> <h2> Contact: </h2>
<p> If you wanna send me a message or see the stuff I do you can probably get a respone on one of these </p> <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> <ul>
<li> Discord (chopster44) </li> <li> Discord (chopster44) </li>
<li> <a href="https://github.com/chopster44">Github</a> </li> <li> <a href="https://github.com/chopster44">Github</a> </li>
@@ -25,9 +40,13 @@
</ul> </ul>
<hr> <hr>
<h2> Other stuff: </h2> <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>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 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 5 years ago <sub>sorry</sub></p>
</body>
<footer>
<hr> <hr>
<p>&#169; chopster44 2024</p> <p>&#169; chopster44 2024</p>
</body> </footer>
</html> </html>