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>
<meta name="viewport" content="width=device-width">
<title>Future</title>
<link href="index.css" rel="stylesheet">
</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>
<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>
<li> A blog </li>
<li> A /about </li>
<li> Some nice css </li>
<li> A /now </li>
</ul>
</body>
</body>
<footer>
<hr>
<p>&#169; chopster44 2024</p>
</footer>
</html>

19
index.css
View File

@@ -2,9 +2,26 @@ body {
margin: 40px auto;
max-width: 650px;
line-height: 1.8;
font-size: 18;
font-size: 18px;
color: #454545;
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) {

45
index.html
View File

@@ -1,23 +1,38 @@
<html>
<head>
<meta name="viewport" content="width=device-width">
<title>Welcome to chopster44.com!</title>
<link href="index.css" rel="stylesheet">
</head>
<body>
<h2>About me:</h2>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width">
<title>Welcome to chopster44.com!</title>
<link href="index.css" rel="stylesheet">
</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>
<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>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>
<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 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>
<li> Discord (chopster44) </li>
<li> <a href="https://github.com/chopster44">Github</a> </li>
@@ -25,9 +40,13 @@
</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>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 5 years ago <sub>sorry</sub></p>
</body>
<footer>
<hr>
<p>&#169; chopster44 2024</p>
</body>
</footer>
</html>