Compare commits
2 Commits
bad9bdbbed
...
460b2c257b
| Author | SHA1 | Date |
|---|---|---|
charlie
|
460b2c257b | 5 months ago |
|
charlie
|
28958f42e1 | 5 months ago |
@ -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…
Reference in New Issue