htdocs/index.html

181 lines
4.8 KiB
HTML
Raw Normal View History

2024-09-20 03:16:20 +02:00
<!DOCTYPE html>
<html>
2025-04-21 18:07:51 +02:00
<head>
<title>despera.space</title>
<style>
html, body {
margin: 0;
padding: 0;
height: 100%;
}
2024-09-20 03:16:20 +02:00
2025-04-21 18:07:51 +02:00
body {
2025-04-25 18:46:04 +02:00
background-color: #000000; /* Black background */
color: #39ff14; /* Phosphor green text */
font-family: monospace;
2025-04-21 18:07:51 +02:00
}
2024-09-20 03:16:20 +02:00
2025-04-21 18:07:51 +02:00
a {
2025-04-25 18:46:04 +02:00
color: #39ff14; /* Match phosphor green */
2025-04-26 16:09:47 +02:00
text-decoration: none;
2025-04-21 18:07:51 +02:00
}
2024-09-20 03:16:20 +02:00
2025-04-21 18:07:51 +02:00
a:hover {
2025-04-25 18:46:04 +02:00
color: #80ff80; /* Slightly lighter green on hover */
2025-04-26 16:09:47 +02:00
text-decoration: underline;
2025-04-21 18:07:51 +02:00
}
h1 {
2025-04-26 16:09:47 +02:00
color: #39ff14;
margin-top: 30px;
font-size: 1.5em;
border-bottom: 1px solid #39ff14;
padding-bottom: 5px;
2025-04-21 18:07:51 +02:00
}
ul {
list-style-type: none;
2025-04-26 16:09:47 +02:00
padding-left: 0;
2025-04-21 18:07:51 +02:00
}
li {
margin-bottom: 10px;
}
2024-09-20 03:16:20 +02:00
2025-04-26 16:09:47 +02:00
/* Navigation Bar */
nav {
background-color: #000000;
border-bottom: 1px solid #39ff14;
padding: 10px;
display: flex;
justify-content: center;
gap: 20px;
position: sticky;
top: 0;
z-index: 9999;
}
nav a {
color: #39ff14;
font-weight: bold;
padding: 5px 10px;
border: 1px solid #39ff14;
border-radius: 2px;
transition: background 0.3s, color 0.3s;
}
nav a:hover {
background-color: #39ff14;
color: #000000;
}
2025-04-21 18:07:51 +02:00
/* Scanline overlay effect */
.scanlines {
overflow: hidden;
position: relative;
min-height: 100vh;
}
.scanlines:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 2px;
z-index: 2147483649;
2025-04-25 18:46:04 +02:00
background: rgba(0, 255, 0, 0.3); /* Subtle green line */
2025-04-21 18:07:51 +02:00
opacity: 0.75;
pointer-events: none;
animation: scanline 2s linear infinite;
}
.scanlines:after {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 2147483648;
pointer-events: none;
background: linear-gradient(
to bottom,
transparent 50%,
2025-04-25 18:46:04 +02:00
rgba(0, 255, 0, 0.05) 51%
2025-04-21 18:07:51 +02:00
);
background-size: 100% 4px;
animation: scanlines 1s steps(60) infinite;
}
@keyframes scanline {
0% {
transform: translateY(-2px);
2024-09-20 03:16:20 +02:00
}
2025-04-21 18:07:51 +02:00
100% {
transform: translateY(100vh);
}
}
2024-09-20 03:16:20 +02:00
2025-04-21 18:07:51 +02:00
@keyframes scanlines {
0% {
background-position: 0 50%;
2024-09-20 03:16:20 +02:00
}
2025-04-21 18:07:51 +02:00
}
2025-04-26 16:09:47 +02:00
/* Main content padding */
.content {
padding: 20px;
max-width: 800px;
margin: 0 auto;
}
2025-04-21 18:07:51 +02:00
</style>
</head>
<body class="scanlines">
2025-04-26 16:09:47 +02:00
<nav>
<a href="#ids">IDs</a>
<a href="#notes">Long Form Notes</a>
<a href="#other">Other Stuff</a>
<a href="#posts">Posts</a>
</nav>
<div class="content">
<h1 id="ids">IDs</h1>
<ul>
<li>NPUB: npub1nmk2399jazpsup0vsm6dzxw7gydzm5atedj4yhdkn3yx7jh7tzpq842975</li>
<li>NIP06: iru@ this domain</li>
<li>LNURL: iru@ this domain</li>
<li>GPG: 0DE8AAA9F5DA9CCB3F3F3B8E14566DCEC81EF576</li>
<li>Github: irusensei</li>
</ul>
<h1 id="notes">Long Form Notes</h1>
<ul>
<li>
Running popular AI software on Linux and AMD GPUs:
<a href="https://habla.news/a/naddr1qqxnzd3ex56rwvfexvurxwfjqgsfam9gjjew3qcwqhkgdax3r80yzx3d6w4uke2jtkmfcjr0ftl93qsrqsqqqa28vfwv5f">note</a>,
<a href="https://code.despera.space/iru/htdocs/src/branch/main/notes/AMD-AGI.md">local</a>
</li>
<li>
How I put NixOS on my UDM (trashcan model) router:
<a href="https://habla.news/a/naddr1qvzqqqr4gupzp8hv4z2t96yrpcz7eph56yvausg69hf6hjm92fwmd8zgda90ukyzqqxnzde3xccnyd3sxver2dfk5j9lzf">note</a>,
<a href="https://code.despera.space/iru/htdocs/src/branch/main/notes/UDM-NIXOS.md">local</a>
</li>
</ul>
<h1 id="other">Other Stuff</h1>
<ul>
<li>
<a href="https://code.despera.space/mirrors">I keep mirrors of repos I use or feel like having preserved</a>.
</li>
</ul>
<h1 id="posts">Posts</h1>
<ul>
<li>No posts yet... stay tuned.</li>
</ul>
</div>
2025-04-21 18:07:51 +02:00
</body>
2024-09-20 03:16:20 +02:00
</html>