move noratrieb.dev

This commit is contained in:
nora 2024-07-27 10:36:02 +02:00
parent e6e0400c54
commit 63163a38d0
5 changed files with 104 additions and 4 deletions

View file

@ -8,7 +8,8 @@ let
vps1 = host "161.97.165.1" null; vps1 = host "161.97.165.1" null;
in in
{ # vps1 contains root noratrieb.dev
vps1 // {
SOA = { SOA = {
nameServer = "ns1.noratrieb.dev"; nameServer = "ns1.noratrieb.dev";
adminEmail = "void@noratrieb.dev"; adminEmail = "void@noratrieb.dev";
@ -20,9 +21,6 @@ let
"ns2.noratrieb.dev" "ns2.noratrieb.dev"
]; ];
A = [ (a "184.174.32.252") ];
AAAA = [ ];
subdomains = { subdomains = {
www.CNAME = [ (cname "noratrieb.dev") ]; www.CNAME = [ (cname "noratrieb.dev") ];
pronouns.TXT = [ pronouns.TXT = [

View file

@ -14,6 +14,11 @@
root * ${./debugging-page} root * ${./debugging-page}
file_server file_server
} }
noratrieb.dev {
root * ${./nora}
file_server
}
'' ''
); );
}; };

View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>nora</title>
<link rel="stylesheet" href="theme.css" />
</head>
<body class="overflow-hidden">
<div class="main-content">
<div class="main-content-inner">
<h1>nora's website</h1>
<div>
<p>hey, I'm nora (she/her?)! i think. maybe. who knows, really</p>
<p>this website is work in progress. just like me fr.</p>
<p>all of this is very complicated.</p>
<p>it's very empty for now.</p>
<p>i hope it will be fuller in the future. worth visiting. for now, it just exists.</p>
<p>i expect to visit it quite often.</p>
<p>not that i expect anyone to want to do that, but this site is not exactly intended for sharing.</p>
<p>..for now. in the future it will be. maybe.</p>
<img width="100%" src="nora.png">
</div>
</div>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

View file

@ -0,0 +1,70 @@
body {
font-family: Verdana, sans-serif;
background-color: #e6dae9;
color: #1b191c;
}
.main-content {
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 700px) {
.main-content-inner {
width: 70vw;
}
}
@media (min-width: 1200px) {
.main-content-inner {
width: 50vw;
}
}
.call-to-action {
width: 250px;
height: 50px;
background-color: #8c499d;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-decoration: none;
}
@media (min-width: 1000px) {
.call-to-action {
width: 400px;
}
}
.call-to-action:hover {
background-color: #ac78b8;
}
.call-to-action * {
color: white;
}
@media (prefers-color-scheme: light) {
body {
background-color: #e6dae9;
color: #1b191c;
}
.secret {
color: #5b4561;
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #1b191c;
color: #e6dae9;
}
.secret {
color: #a081a9;
}
}