Compare commits

..

2 Commits

Author SHA1 Message Date
charlie 460b2c257b modified: README.md
modified:   index.html
	new file:   src/shylily-womp.gif
	new file:   style.css
5 months ago
charlie 28958f42e1 first commit 5 months ago

@ -0,0 +1 @@
lol

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🏳️‍⚧️ Charlie :3</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="navbar">
<div>
<h1 class="womp-womp-txt">🏳️‍⚧️ Charlie :3</h1>
</div>
</div>
</header>
<main>
<div class="projects">
<h2>projects</h2>
<p>don't have any</p>
<img src="https://media.tenor.com/6puWGBHD7RoAAAAM/angry-chinese-man.gif" alt="">
</div>
<div class="myself-txt">
<h2>hello.</h2>
<center>
<p>this is me charlie.</p>
<p>a german kiddo who lives in germany and wants to have some fun in his life.</p>
<p>rn im going to a Fos</p>
</center>
</div>
<div>
<center>
<img class="womp-womp-gif" src="src/shylily-womp.gif" alt="womp-womp-gif">
</center>
</div>
</main>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 996 KiB

@ -0,0 +1,44 @@
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: sans-serif;
font-weight: 100;
scroll-behavior: smooth;
}
/* */
.navbar {
padding-top: 1rem;
display: flex;
justify-content: center;
gap: 50rem;
}
.projects {
padding-top: 3rem;
display: flex;
align-items: center;
flex-direction: column;
font-size: 1.5rem;
line-height: 1.5;
}
.projects > img {
padding-top: 3rem;
}
.myself-txt {
display: flex;
align-items: center;
flex-direction: column;
font-size: 1.5rem;
line-height: 1.5;
}
.myself-txt > h2 {
font-size: 1.75rem;
padding-top: 3rem;
}
.myself-txt > center > p {
font-size: 1.25rem;
}
.womp-womp-gif {
padding-top: 3rem;
}
Loading…
Cancel
Save