Basic styling

This commit is contained in:
naphteine 2024-09-01 01:09:32 +03:00
parent 3e3e6b4877
commit 310b4a6d33
3 changed files with 67 additions and 9 deletions

BIN
NovaMono-Regular.ttf Normal file

Binary file not shown.

View File

@ -1,11 +1,62 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head>
<title>naph zone</title> <style>
</head> @font-face {
font-family: "Nova Mono Regular";
src: url("/NovaMono-Regular.ttf");
}
body {
background: rgb(47, 42, 65);
background: radial-gradient(circle, rgba(121, 95, 70, 1) 50%, rgba(47, 42, 65, 1) 100%);
max-width: 1280px;
margin: auto;
font-family: "Nova Mono Regular";
}
a {
color: #9ccbff;
}
main {
background-color: rgba(0, 0, 0, 0.6);
color: #ffcb9c;
padding: 2em 3em;
margin: 3em;
border: 10px solid rgba(255, 250, 250, 0.5);
}
ul {
list-style-type: square;
}
</style>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="nap.svg" type="image/x-icon">
<title>.~ naph the lisper ~.</title>
</head>
<body>
<main>
<h1>naph ~~</h1>
<h2>(about (naph))</h2>
<p>hello, i'm naph. i'm just chilling here.</p>
<h2>(λ (naph))</h2>
<p>i been learning common lisp. i'm very new to it.</p>
<h2>(contact (naph))</h2>
<p>find my thoughts between lines of <a href="https://github.com/naphteine">my codes</a> or omcb mc.</p>
<h2>(friends-of (naph))</h2>
<ul>
<li><a href="https://kc.is.being.pet">kc</a></li>
</ul>
</main>
</body>
<body>
<h1>naph is here</h1>
<h2>time to nap</h2>
</body>
</html> </html>

7
nap.svg Normal file
View File

@ -0,0 +1,7 @@
<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_1005_2" fill="white">
<path fill-rule="evenodd" clip-rule="evenodd" d="M250 344.152C304.676 344.152 349 299.828 349 245.152C349 190.475 304.676 146.152 250 146.152C195.324 146.152 151 190.475 151 245.152C151 299.828 195.324 344.152 250 344.152ZM240.579 305.046C283.744 305.046 318.737 270.054 318.737 226.888C318.737 183.723 283.744 148.73 240.579 148.73C197.414 148.73 162.421 183.723 162.421 226.888C162.421 270.054 197.414 305.046 240.579 305.046Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M250 344.152C304.676 344.152 349 299.828 349 245.152C349 190.475 304.676 146.152 250 146.152C195.324 146.152 151 190.475 151 245.152C151 299.828 195.324 344.152 250 344.152ZM240.579 305.046C283.744 305.046 318.737 270.054 318.737 226.888C318.737 183.723 283.744 148.73 240.579 148.73C197.414 148.73 162.421 183.723 162.421 226.888C162.421 270.054 197.414 305.046 240.579 305.046Z" fill="#2C3142"/>
<path d="M348 245.152C348 299.275 304.124 343.152 250 343.152V345.152C305.228 345.152 350 300.38 350 245.152H348ZM250 147.152C304.124 147.152 348 191.028 348 245.152H350C350 189.923 305.228 145.152 250 145.152V147.152ZM152 245.152C152 191.028 195.876 147.152 250 147.152V145.152C194.772 145.152 150 189.923 150 245.152H152ZM250 343.152C195.876 343.152 152 299.275 152 245.152H150C150 300.38 194.772 345.152 250 345.152V343.152ZM317.737 226.888C317.737 269.501 283.192 304.046 240.579 304.046V306.046C284.297 306.046 319.737 270.606 319.737 226.888H317.737ZM240.579 149.73C283.192 149.73 317.737 184.275 317.737 226.888H319.737C319.737 183.171 284.297 147.73 240.579 147.73V149.73ZM163.421 226.888C163.421 184.275 197.966 149.73 240.579 149.73V147.73C196.861 147.73 161.421 183.171 161.421 226.888H163.421ZM240.579 304.046C197.966 304.046 163.421 269.501 163.421 226.888H161.421C161.421 270.606 196.861 306.046 240.579 306.046V304.046Z" fill="#2F2A41" mask="url(#path-1-inside-1_1005_2)"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB