Noratrieb/vps
1
0
Fork 0
mirror of https://github.com/Noratrieb/vps.git synced 2026-01-16 17:45:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

noratrieb.dev work

Browse source
This commit is contained in:
nora 2024-08-02 17:36:55 +02:00
parent e2a0659d8b
commit a7aea77480
8 changed files with 26 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

12
newinfra/nix/modules/ingress/default.nix
View file

@ -1,4 +1,4 @@
{ pkgs, config, name, ... }: {
{ pkgs, config, name, website, slides, blog, ... }: {
networking.firewall.allowedTCPPorts = [
443
];
@ -17,8 +17,16 @@
${
if name == "vps1" then
''
nilstrieb.dev {
redir https://noratrieb.dev{uri} permanent
}
blog.nilstrieb.dev {
redir https://blog.noratrieb.dev{uri} permanent
}
noratrieb.dev {
root * ${./nora}
root * ${website {inherit pkgs slides blog;}}
file_server
}
'' else ""

21
newinfra/nix/modules/ingress/nora/index.html
View file

@ -1,21 +0,0 @@
<!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 is here because i still havent managed move over <a href="https://nilstrieb.dev">nilstrieb.dev</a>, lol.</p>
<img width="100%" src="nora.png">
</div>
</div>
</div>
</body>
</html>

BIN
newinfra/nix/modules/ingress/nora/nora.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 58 KiB

70
newinfra/nix/modules/ingress/nora/theme.css
View file

@ -1,70 +0,0 @@
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;
}
}