lucielle/website
1
0
Fork 0
Code Issues Pull Requests Actions Releases Activity

create base page

Browse Source
This commit is contained in:
Lucielle
2025-12-02 08:01:09 -06:00
parent 240c4ba875
commit 2d391dab21
4 changed files with 94 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
assets/index.css Normal file
View File

@@ -0,0 +1,72 @@
@font-face {
font-family: 'JetBrains-Mono';
src: url('./jetbrains-mono-font/fonts/webfonts/JetBrainsMono-Regular.woff2') format('woff2');
}
:root {
font-family: 'JetBrains-Mono', sans-serif;
}
/* * {
outline: 1px black solid;
} */
body {
display: flex;
flex-direction: column;
gap: 0;
height: 100dvh;
width: 100dvw;
padding: 0;
margin: 0;
}
main {
flex: 1;
padding: 32px;
}
main div {
font-size: 28px;
}
main img {
box-shadow: 0px 0px 8px 4px black;
}
#bottomnav {
display: flex;
/* width: 100dvw; */
list-style: none;
padding: 32px;
margin: 0;
gap: 16px;
outline: 1px solid black;
}
#bottomnav li {
padding: 0px;
}
#bottomnav a {
color: black;
background: white;
text-decoration: none;
padding: 4px;
outline: 1px black solid;
}
#bottomnav a:hover {
cursor: not-allowed;
text-decoration: underline;
background: black;
color: white;
}

0
assets/index.js Normal file
View File

BIN
favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

22
index.html Normal file
View File

@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Im bad at naming things</title>
<link rel="stylesheet" href="assets/index.css">
</head>
<body>
<main>
<div>
<img src="/favicon.ico" alt="lucielle_avatar" width="256" height="256">
Lucielle
</div>
</main>
<ul id="bottomnav">
<li><a href="/">[/]</a></li>
<li><a href="#">[/projects]</a></li>
<li><a href="#">[/links]</a></li>
</ul>
</body>
</html>