feat: custom styling to replace simplecss
This commit is contained in:
parent
602cc24072
commit
5f0f3136c6
GPG Key ID:
995EFD5C1B532B3E
BIN
assets/fonts/Inter400-Latin.woff2
Normal file
BIN
assets/fonts/Inter400-Latin.woff2
Normal file
Binary file not shown.
BIN
assets/fonts/Inter500-Latin.woff2
Normal file
BIN
assets/fonts/Inter500-Latin.woff2
Normal file
Binary file not shown.
35
contact.html
Normal file
35
contact.html
Normal file
@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Experimental privacy-centric project that aims to provide a random selection of open-source services free of charge">
|
||||
|
||||
<link rel="stylesheet" href="style-min.css">
|
||||
|
||||
<link rel="icon" type="image/png" href="/assets/favicon-96x96.png" sizes="96x96" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
<link rel="shortcut icon" href="/assets/favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png" />
|
||||
<meta name="apple-mobile-web-app-title" content="Umbrella" />
|
||||
<link rel="manifest" href="/assets/webmanifest.json" />
|
||||
|
||||
<title>Umbrella - Contact</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="page">
|
||||
<h1>Umbrella. <a href="/">home</a> <a href="/contact">contact</a></h1>
|
||||
|
||||
<p>Umbrella.haus is an experimental, privacy-centric project that aims to provide a curated selection of open-source services free of charge.</p>
|
||||
|
||||
<div class="section">
|
||||
<h2>Contact</h2>
|
||||
<ul>
|
||||
<li>Signal: <code>xmr.02</code></li>
|
||||
<li>Email: <code>ben (at) uq.ci</code></li>
|
||||
<li>PGP: <a href="https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x1530f5132a1228578d2b4168995efd5c1b532b3e"><code>1530 F513 2A12 2857 8D2B 4168 995E FD5C 1B53 2B3E</code></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
52
index.html
52
index.html
@ -5,7 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Experimental privacy-centric project that aims to provide a random selection of open-source services free of charge">
|
||||
|
||||
<link rel="stylesheet" href="/simple.min.css">
|
||||
<link rel="stylesheet" href="style-min.css">
|
||||
|
||||
<link rel="icon" type="image/png" href="/assets/favicon-96x96.png" sizes="96x96" />
|
||||
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
|
||||
@ -17,23 +17,39 @@
|
||||
<title>Umbrella</title>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h4>About</h4>
|
||||
<p><b>Umbrella.haus</b> is an experimental, privacy-centric project that aims to provide a curated selection of open-source services free of charge. All services are hosted on a dedicated server located in Hetzner's Helsinki data center.</p>
|
||||
<p>Feel free to send inquiries to <code>ben (at) uq.ci</code> (<a href="https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x1530f5132a1228578d2b4168995efd5c1b532b3e">PGP</a>) or <code>xmr.02</code> on Signal.</p>
|
||||
<h4>Services</h4>
|
||||
<p><a href="https://git.umbrella.haus">Gitea</a>: Forge software package for hosting software version control using Git.</p>
|
||||
<p><a href="https://4.umbrella.haus">4get</a>: Proxy search engine that doesn't suck. Features a JavaScript-free interface and supports searching for websites, images, videos, news, and music.</p>
|
||||
<p><a href="https://ip.umbrella.haus">EchoIP</a>: Simple IP address lookup service with support for ASN, country, and city lookups powered by the MaxMind GeoIP database.</p>
|
||||
<p><a href="https://speed.umbrella.haus">LibreSpeed</a>: Extremely lightweight speedtest implemented in JavaScript (telemetry disabled). Utilizes XMLHttpRequest and Web Workers.</p>
|
||||
<h4>Tor Relays</h4>
|
||||
<ul>
|
||||
<li><a href="https://metrics.torproject.org/rs.html#details/15CD2C302869242498AFEB2369C0E95882DFCB6A">Caspian</a> (<code>15CD2...DFCB6A</code>, deployed Jan. 8th 2025)</li>
|
||||
</ul>
|
||||
</main>
|
||||
<div class="page">
|
||||
<h1>Umbrella. <a href="/">home</a> <a href="/contact">contact</a></h1>
|
||||
|
||||
<footer>
|
||||
<i><a href="https://umbrella.haus" target="_blank">umbrella.haus</a> // Last update: Jan. 14th 2025</i>
|
||||
</footer>
|
||||
<p>Umbrella.haus is an experimental, privacy-centric project that aims to provide a curated selection of open-source services free of charge.</p>
|
||||
|
||||
<div class="section">
|
||||
<h2>Services</h2>
|
||||
<ul>
|
||||
<li><a href="https://git.umbrella.haus">Gitea</a>: Forge software package for hosting software version control using Git.</li>
|
||||
<li><a href="https://4.umbrella.haus">4get</a>: Proxy search engine that doesn't suck. Features a JavaScript-free interface and supports searching for websites, images, videos, news, and music.</li>
|
||||
<li><a href="https://ip.umbrella.haus">EchoIP</a>: Simple IP address lookup service with support for ASN, country, and city lookups powered by the MaxMind GeoIP database.</li>
|
||||
<li><a href="https://speed.umbrella.haus">LibreSpeed</a>: Extremely lightweight speedtest implemented in JavaScript (telemetry disabled). Utilizes XMLHttpRequest and Web Workers.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Tor Relays</h2>
|
||||
<ul>
|
||||
<li><a href="https://metrics.torproject.org/rs.html#details/15CD2C302869242498AFEB2369C0E95882DFCB6A">Caspian</a> <code>15CD 2C30 2869 2424 98AF EB23 69C0 E958 82DF CB6A</code></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="section">
|
||||
<h2>Under construction 🏗️</h2>
|
||||
<ul>
|
||||
<li>New services:</li>
|
||||
<ul>
|
||||
<li><a href="https://codeberg.org/aryak/mozhi">Mozhi</a>: Frontend for multiple translation engines</li>
|
||||
<li><a href="https://github.com/PrivateBin/PrivateBin">PrivateBin</a>: Zero-knowledge pastebin</li>
|
||||
</ul>
|
||||
<li>At least a couple of new Tor relays</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1
simple.min.css
vendored
1
simple.min.css
vendored
File diff suppressed because one or more lines are too long
1
style-min.css
vendored
Normal file
1
style-min.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
@font-face {font-family: 'Inter';font-style: normal;font-weight: 400;font-display: auto;src: url("/assets/fonts/Inter400-Latin.woff2") format("woff2");}@font-face {font-family: 'Inter';font-style: normal;font-weight: 500;font-display: auto;src: url("/assets/fonts/Inter500-Latin.woff2") format("woff2");}:root {font-family: "Inter", sans-serif;}body {background-color: #202124;color: #ccc;margin: 0;}.page {max-width: 800px;margin: auto;padding: 20px 40px;}.section {background-color: rgba(255, 255, 255, 0.05);margin-bottom: 20px;border-left: 4px solid #5e81ac;}.section h2 {font-size: 18px;font-weight: 600;color: #fff;padding: 8px 16px;margin: 0;background-color: transparent;border-left: none;}p {background-color: #49688e;padding: 16px 32px;color: #fff;text-align: center;}p > a {color: #fff;font-weight: 600 }h1 {font-size: 42px;color: #eee;font-weight: 600;margin-bottom: 8px;line-height: 32px;}h1 > a {font-size: 22px;color: #aaa }ul {padding: 8px 32px 16px;margin: 0;}li {font-size: 16px;font-weight: 400;margin-bottom: 8px;color: #ccc;}li > a {color: #5e81ac;font-weight: 600;}code {background-color: rgba(94, 129, 172, 0.2);color: #5e81ac;padding: 2px 6px;border-radius: 4px;font-family: "Courier New", monospace;}footer {text-align: center;padding: 20px;font-style: italic;}footer a {color: #ccc;}a {color: #5e81ac;text-decoration: none;transition: color 0.3s ease;}a:hover {color: #81a1c1;text-decoration: underline;}
|
||||
117
style.css
Normal file
117
style.css
Normal file
@ -0,0 +1,117 @@
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: auto;
|
||||
src: url("/assets/fonts/Inter400-Latin.woff2") format("woff2");
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: auto;
|
||||
src: url("/assets/fonts/Inter500-Latin.woff2") format("woff2");
|
||||
}
|
||||
|
||||
:root {
|
||||
font-family: "Inter", sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #202124;
|
||||
color: #ccc;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.page {
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
padding: 20px 40px;
|
||||
}
|
||||
|
||||
.section {
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
margin-bottom: 20px;
|
||||
border-left: 4px solid #5e81ac;
|
||||
}
|
||||
|
||||
.section h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
padding: 8px 16px;
|
||||
margin: 0;
|
||||
background-color: transparent;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
p {
|
||||
background-color: #49688e;
|
||||
padding: 16px 32px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p > a {
|
||||
color: #fff;
|
||||
font-weight: 600
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 42px;
|
||||
color: #eee;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
line-height: 32px;
|
||||
}
|
||||
|
||||
h1 > a {
|
||||
font-size: 22px;
|
||||
color: #aaa
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 8px 32px 16px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
margin-bottom: 8px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
li > a {
|
||||
color: #5e81ac;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: rgba(94, 129, 172, 0.2);
|
||||
color: #5e81ac;
|
||||
padding: 2px 6px;
|
||||
border-radius: 4px;
|
||||
font-family: "Courier New", monospace;
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #5e81ac;
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #81a1c1;
|
||||
text-decoration: underline;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user