commit 4a268f7e2e86ac09cd6b2cb98f40e667beee59c1
Author: niljimeno <niliara@proton.me>
Date: Thu, 17 Sep 2026 23:33:15 +0200
init
Diffstat:
| A | index.html | | | 29 | +++++++++++++++++++++++++++++ |
| A | style.css | | | 119 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
2 files changed, 148 insertions(+), 0 deletions(-)
diff --git a/index.html b/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Title</title>
+ <link rel=stylesheet href=style.css></link>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+
+<body>
+
+<header>
+ <div style="display: flex; align-items: center; gap: 1em;">
+ <h2 class="title"><a href="/">nnet</a></h2>
+ <span>the niliara network</span>
+ </div>
+
+ <nav>
+ <a href="/">home</a>
+ <a href="/">about</a>
+ <a href="/">cv</a>
+ </nav>
+</header>
+
+<p>
+This is just a theme for my website. I am saving it just in case.
+</p>
+
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,119 @@
+:root {
+ --bg: #040a02;
+ --fg: #aad0c1;
+ --highlight: #ccf0e9;
+}
+
+:root, body {
+ min-height: 100%;
+ width: 100%;
+
+ margin: 0;
+ padding: 0;
+
+ background-color: var(--bg);
+}
+
+body {
+ width: 90%;
+ max-width: 1000px;
+ margin: 0 auto;
+ padding: 2em;
+
+ font-size: calc(8px + 1vmin);
+
+ line-height: 1.5;
+
+
+ display: block;
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ color: var(--fg);
+}
+
+header {
+ margin-bottom: 3em;
+}
+
+nav {
+ display: flex;
+ gap: 1em;
+}
+
+h1, h2, h3, h4, a, pre {
+ color: var(--highlight);
+}
+
+a {
+ color: inherit;
+ padding-top: 0.14em;
+ font-weight: bold;
+}
+
+a:hover {
+ text-decoration: none;
+ color: var(--bg);
+ background-color: var(--fg);
+}
+
+nav a {
+}
+
+button {
+}
+
+
+.title {
+ display: inline;
+ padding: 0.2em;
+
+ color: var(--bg);
+ background-color: var(--highlight);
+
+ position: relative;
+ margin-right: 100px;
+}
+
+.title a {
+ text-decoration: none !important;
+ padding: none !important;
+ color: inherit !important;
+ background-color: transparent !important;
+}
+
+.title::after {
+ content: "";
+ position: absolute;
+ left: 100%;
+ top: 0;
+ height: 100%;
+ width: 100px;
+
+ background: repeating-linear-gradient(
+ to right,
+ #fff 0,
+ #fff 1px,
+ transparent 1px,
+ transparent 8px
+ );
+}
+
+
+ul {
+ list-style-type: none;
+ padding-left: 1.5em;
+ margin: 0;
+}
+
+ul li:before {
+ content: "";
+ border-color: transparent var(--fg);
+ border-style: solid;
+ border-width: 0.35em 0 0.35em 0.45em;
+ display: block;
+
+ height: 0;
+ width: 0;
+ left: -1em;
+ top: 0.9em;
+ position: relative;
+}
