summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authortinfoil-hat <mail@tinfoil-hat.net>2022-07-26 06:31:45 +0200
committertinfoil-hat <mail@tinfoil-hat.net>2022-07-26 06:31:45 +0200
commit7f2f81c053296e4a1568e636b39d3f6633d1f55f (patch)
treea9b0da2cfc334843e64960416124917652c6e317
parent52da8077d3c1a0c25d04fa77e166b7bc5f3b8001 (diff)
downloadtinfoil-hat.net-7f2f81c053296e4a1568e636b39d3f6633d1f55f.tar.gz
tinfoil-hat.net-7f2f81c053296e4a1568e636b39d3f6633d1f55f.tar.bz2
tinfoil-hat.net-7f2f81c053296e4a1568e636b39d3f6633d1f55f.zip
Website Redisign - Mayor changes
-rw-r--r--categories/gitweb.html52
-rw-r--r--categories/unixporn-dungeon.html46
-rw-r--r--categories/webring.html40
-rw-r--r--css/style.css90
-rw-r--r--index.html227
-rw-r--r--media/cmatrix.gifbin0 -> 990636 bytes
-rw-r--r--media/cybresite.pngbin0 -> 697136 bytes
-rw-r--r--media/edex.pngbin0 -> 89799 bytes
-rw-r--r--media/hollywood.gifbin0 -> 1038923 bytes
-rw-r--r--media/serverraum.gifbin0 -> 5110603 bytes
-rw-r--r--media/website-01.pngbin0 -> 270165 bytes
11 files changed, 224 insertions, 231 deletions
diff --git a/categories/gitweb.html b/categories/gitweb.html
index 57cd2fc..78b49a2 100644
--- a/categories/gitweb.html
+++ b/categories/gitweb.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+ <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@@ -6,49 +6,49 @@
<meta NAME="language" CONTENT="en">
<meta name="keywords" content=" Linux, Opensource, IT, Computer-Science, Unix, Blog,[★]">
<meta name="description" content="Personal Site from tinfoil-hat: Linux, Opensource, Sysadmin, Unix, Blog, [★]">
- <title>tinfoil-hat.net - A secure home for every tinfoil-hat.</title>
+ <script async defer data-website-id="2166e054-a5c6-41a5-8233-91c76d7a7f10" src="https://stats.tinfoil-hat.net/umami.js"></script>
</head>
<body>
- <div style="border:2px solid #555;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#000;box-shadow:3px 3px 5px rgba(0,0,0,0.5)">
- <div style="text-shadow:1px 0px 0px #444;letter-spacing:0.28px;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;background-color:#111;padding:3px 6px 3px 6px;border-bottom:1px solid #555">
- <b>:: Tinfoil-hat.net - A secure home for every tinfoil-hat</b>
<br>
- <div class="floatdiv"><a title="to Startpage" href="../index.html" style="color:#fff;border:0px">Start</a></div>
- <div class="floatdiv"><a title="Blog" href="https://blog.tinfoil-hat.net" style="color:#fff;border:0px">Blog</a></div>
- <div class="floatdiv"><a title="Unixporn" href="unixporn-dungeon.html" style="color:#fff;border:0px">Unixporn</a></div>
- <div class="floatdiv"><a title="Webring" href="webring.html" style="color:#fff;border:0px">Webring</a></div>
- <div class="floatdiv"><a title="Git Projects" href="gitweb.html" style="color:#fff;border:0px">Git Projects</a></div>
- <div class="floatdiv"><a title="Music" href="music/structure.html" style="color:#fff;border:0px"><del>Music</del></a></div>
- <div class="floatdiv"><a title="Posts Overview" href="structure.html" style="color:#fff;border:0px"><del>Posts Overview</del></a></div>
-
- <div style="padding:4px 7px 4px 7px;background-color:#000;clear:both">
- <div style="text-align: center">
- <!-- Beginning Content -->
+ <div style="border:2px solid #555;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#000;box-shadow:3px 3px 5px rgba(0,0,0,0.5)">
+ <div style="text-shadow:1px 0px 0px #444;letter-spacing:0.28px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#111;padding:3px 6px 3px 6px;border-bottom:1px solid #555">
- <br><br>
+ <!-- Beginning Content -->
+ <div class=box>
+ <div class=opa>
+ <div class="container">
- <iframe src="https://git.tinfoil-hat.net" height="800px" width="80%" title="Iframe Example"></iframe>
+ <!-- Beginning Content -->
+ <h3>Have a nice day fellow human</h3>
+ <title>tinfoil-hat.net - A secure home for every tinfoil-hat.</title>
+ <br>
+ <a title="to Startpage" href="../index.html">Start</a>
+ <a title="Blog" href="https://blog.tinfoil-hat.net">Blog</a>
+ <a title="Unixporn" href="../categories/unixporn-dungeon.html">Unixporn</a>
+ <a title="Webring" href="../categories/webring.html">Webring</a>
+ <a title="Git Projects" href="../categories/gitweb.html">Git Projects</a>
-
- </div>
-</div>
+ <br><br>
+ <a href="https://git.tinfoil-hat.net">https://git.tinfoil-hat.net | bigger</a>
+ <br><br>
+ <iframe src="https://git.tinfoil-hat.net" height="800px" width="95%" title="Iframe Example"></iframe>
+</div>
+</div>
<!-- End Content -->
<!-- Footer -->
- <div style="font-size:14.2px;background-color:#00004d;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff;padding:3px 6px 3px 6px;border-top:1px solid #555">
- <div style="text-align: center">
+ <div class=footerdiv>
<!-- Footer Content -->
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/1C02266E4882C2A7279EB012C0090D40CFE34966">GPG-Fingerprint: 1C02 266E 4882 C2A7 279E B012 C009 0D40 CFE3 4966</a> ·
- <a href="../blog/feed.rss">RSS</a> ·
+ <a href="blog/feed.rss">RSS</a> ·
Mail:&nbsp;<span title="Do you have any questions or complains? E-Mail me!"><a href="mailto:mail@tinfoil-hat.net" style="color:#fff">mail@tinfoil-hat.net</a></span> ·
</div>
<!-- End Footer -->
-</body>
-</html>
+</body
diff --git a/categories/unixporn-dungeon.html b/categories/unixporn-dungeon.html
index 9067397..f33e420 100644
--- a/categories/unixporn-dungeon.html
+++ b/categories/unixporn-dungeon.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+ <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@@ -6,27 +6,33 @@
<meta NAME="language" CONTENT="en">
<meta name="keywords" content=" Linux, Opensource, IT, Computer-Science, Unix, Blog,[★]">
<meta name="description" content="Personal Site from tinfoil-hat: Linux, Opensource, Sysadmin, Unix, Blog, [★]">
- <title>tinfoil-hat.net - A secure home for every tinfoil-hat.</title>
+ <script async defer data-website-id="2166e054-a5c6-41a5-8233-91c76d7a7f10" src="https://stats.tinfoil-hat.net/umami.js"></script>
</head>
<body>
- <div style="border:2px solid #555;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#000;box-shadow:3px 3px 5px rgba(0,0,0,0.5)">
- <div style="text-shadow:1px 0px 0px #444;letter-spacing:0.28px;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;background-color:#111;padding:3px 6px 3px 6px;border-bottom:1px solid #555">
- <b>:: Tinfoil-hat.net - A secure home for every tinfoil-hat</b>
<br>
- <div class="floatdiv"><a title="to Startpage" href="../index.html" style="color:#fff;border:0px">Start</a></div>
- <div class="floatdiv"><a title="Blog" href="https://blog.tinfoil-hat.net" style="color:#fff;border:0px">Blog</a></div>
- <div class="floatdiv"><a title="Unixporn" href="unixporn-dungeon.html" style="color:#fff;border:0px">Unixporn</a></div>
- <div class="floatdiv"><a title="Webring" href="webring.html" style="color:#fff;border:0px">Webring</a></div>
- <div class="floatdiv"><a title="Git Projects" href="gitweb.html" style="color:#fff;border:0px">Git Projects</a></div>
- <div class="floatdiv"><a title="Music" href="music/structure.html" style="color:#fff;border:0px"><del>Music</del></a></div>
- <div class="floatdiv"><a title="Posts Overview" href="structure.html" style="color:#fff;border:0px"><del>Posts Overview</del></a></div>
-
- <div style="padding:4px 7px 4px 7px;background-color:#000;clear:both">
- <div style="text-align: center">
+
+ <div style="border:2px solid #555;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#000;box-shadow:3px 3px 5px rgba(0,0,0,0.5)">
+ <div style="text-shadow:1px 0px 0px #444;letter-spacing:0.28px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#111;padding:3px 6px 3px 6px;border-bottom:1px solid #555">
+
<!-- Beginning Content -->
+ <div class=box>
+ <div class=opa>
+ <h3>Have a nice day fellow human</h3>
+ <title>tinfoil-hat.net - A secure home for every tinfoil-hat.</title>
+ <br>
+ <a title="to Startpage" href="../index.html">Start</a>
+ <a title="Blog" href="https://blog.tinfoil-hat.net">Blog</a>
+ <a title="Unixporn" href="../categories/unixporn-dungeon.html">Unixporn</a>
+ <a title="Webring" href="../categories/webring.html">Webring</a>
+ <a title="Git Projects" href="../categories/gitweb.html">Git Projects</a>
+ <br><br><br>
+ <a href=../media/website-01.png>>>>Click here for old website<<<</a><br>
+ tell me if you like the old site more :-)
+
+ <br><br>
<div class=”gallery”>
<a target="_blank" href="../media/screenshots/Bildschirmfoto vom 2022-02-16 05-45-10.png">
@@ -177,23 +183,21 @@
- </div>
-</div>
-
+
<!-- End Content -->
<!-- Footer -->
- <div style="font-size:14.2px;background-color:#00004d;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff;padding:3px 6px 3px 6px;border-top:1px solid #555">
- <div style="text-align: center">
+ <div class=footerdiv>
<!-- Footer Content -->
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/1C02266E4882C2A7279EB012C0090D40CFE34966">GPG-Fingerprint: 1C02 266E 4882 C2A7 279E B012 C009 0D40 CFE3 4966</a> ·
- <a href="../blog/feed.rss">RSS</a> ·
+ <a href="blog/feed.rss">RSS</a> ·
Mail:&nbsp;<span title="Do you have any questions or complains? E-Mail me!"><a href="mailto:mail@tinfoil-hat.net" style="color:#fff">mail@tinfoil-hat.net</a></span> ·
</div>
<!-- End Footer -->
</body>
</html>
+
diff --git a/categories/webring.html b/categories/webring.html
index 8c15339..e17dbde 100644
--- a/categories/webring.html
+++ b/categories/webring.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+ <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@@ -6,25 +6,27 @@
<meta NAME="language" CONTENT="en">
<meta name="keywords" content=" Linux, Opensource, IT, Computer-Science, Unix, Blog,[★]">
<meta name="description" content="Personal Site from tinfoil-hat: Linux, Opensource, Sysadmin, Unix, Blog, [★]">
- <title>tinfoil-hat.net - A secure home for every tinfoil-hat.</title>
+ <script async defer data-website-id="2166e054-a5c6-41a5-8233-91c76d7a7f10" src="https://stats.tinfoil-hat.net/umami.js"></script>
</head>
<body>
- <div style="border:2px solid #555;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#000;box-shadow:3px 3px 5px rgba(0,0,0,0.5)">
- <div style="text-shadow:1px 0px 0px #444;letter-spacing:0.28px;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;background-color:#111;padding:3px 6px 3px 6px;border-bottom:1px solid #555">
- <b>:: Tinfoil-hat.net - A secure home for every tinfoil-hat</b>
<br>
- <div class="floatdiv"><a title="to Startpage" href="../index.html" style="color:#fff;border:0px">Start</a></div>
- <div class="floatdiv"><a title="Blog" href="https://blog.tinfoil-hat.net" style="color:#fff;border:0px">Blog</a></div>
- <div class="floatdiv"><a title="Unixporn" href="unixporn-dungeon.html" style="color:#fff;border:0px">Unixporn</a></div>
- <div class="floatdiv"><a title="Webring" href="webring.html" style="color:#fff;border:0px">Webring</a></div>
- <div class="floatdiv"><a title="Git Projects" href="gitweb.html" style="color:#fff;border:0px">Git Projects</a></div>
- <div class="floatdiv"><a title="Music" href="music/structure.html" style="color:#fff;border:0px"><del>Music</del></a></div>
- <div class="floatdiv"><a title="Posts Overview" href="structure.html" style="color:#fff;border:0px"><del>Posts Overview</del></a></div>
- <div style="padding:4px 7px 4px 7px;background-color:#000;clear:both">
- <div style="text-align: center">
+ <div style="border:2px solid #555;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#000;box-shadow:3px 3px 5px rgba(0,0,0,0.5)">
+ <div style="text-shadow:1px 0px 0px #444;letter-spacing:0.28px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#111;padding:3px 6px 3px 6px;border-bottom:1px solid #555">
+
<!-- Beginning Content -->
+ <div class=box>
+ <div class=opa>
+ <h3>Have a nice day fellow human</h3>
+ <title>tinfoil-hat.net - A secure home for every tinfoil-hat.</title>
+ <br>
+ <a title="to Startpage" href="../index.html">Start</a>
+ <a title="Blog" href="https://blog.tinfoil-hat.net">Blog</a>
+ <a title="Unixporn" href="../categories/unixporn-dungeon.html">Unixporn</a>
+ <a title="Webring" href="../categories/webring.html">Webring</a>
+ <a title="Git Projects" href="../categories/gitweb.html">Git Projects</a>
+ <br><br><br>
<p>Cool websites. Please give them a visit. This webring is from
Lainchan. I try to keep it up to date. I don't endorse anything
@@ -137,23 +139,19 @@
<a href="https://yukinu.com/"><img src="../media/webring-img/yukinu.gif"></a>
<a href="https://hen6003.xyz/"><img src="../media/webring-img/hen6003.png"></a>
- </div>
</div>
-
-
-
<!-- End Content -->
<!-- Footer -->
- <div style="font-size:14.2px;background-color:#00004d;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff;padding:3px 6px 3px 6px;border-top:1px solid #555">
- <div style="text-align: center">
+ <div class=footerdiv>
<!-- Footer Content -->
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/1C02266E4882C2A7279EB012C0090D40CFE34966">GPG-Fingerprint: 1C02 266E 4882 C2A7 279E B012 C009 0D40 CFE3 4966</a> ·
- <a href="../blog/feed.rss">RSS</a> ·
+ <a href="blog/feed.rss">RSS</a> ·
Mail:&nbsp;<span title="Do you have any questions or complains? E-Mail me!"><a href="mailto:mail@tinfoil-hat.net" style="color:#fff">mail@tinfoil-hat.net</a></span> ·
</div>
<!-- End Footer -->
</body>
</html>
+
diff --git a/css/style.css b/css/style.css
index f489e68..39f229a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,32 +1,84 @@
-<style>
-table, div{font-family:'Consolas','Source Code Pro',Verdana,'DejaVu Sans','Courier New','Liberation Mono',Helvetica,monospace,sans-serif;font-size:14px;border-collapse:collapse;border-color:#acc0f0}
+body{
+ background-image: URL("../media/cybresite.png");
+ background-repeat: repeat;
+ background-attachment: fixed;
+ background-position: center center;
+ background-size: cover;
+ opacity:0,8;
+ color: red;
+ text-align:center;
+ font-family: monospace;
+ font-size:16px;
+ display: flex;
+ justify-content: right;
+ max-width:1260px
+}
+
+/*Opacity*/
+.menu{
+ background-color: #000;
+ text-align:center;
+ border-top-left-radius:10px;
+ border-top-right-radius:10px;
+ letter-spacing:0.28px;
+ border-top-left-radius:10px;
+}
+table.tablestyle{
+ width: 100%;
+ text-align:center;
+ border-collapse: collapse;
+ border-width: 2px;
+ border-color: rgb(51, 51, 51);
+ border-style: solid;
+}
-body{background-color:#242424;color:#fff;margin:0px auto;padding:10px 7px 10px 7px;max-width:1260px}
+table.tyblestyle td, table.tablestyle th {
+ border-width: 2px;
+ text-align:center;
+ border-color: rgb(51, 51, 51);
+ border-style: solid;
+ padding: 5px;
+}
-a:link{color:#cfc;text-decoration:none}
-a:visited{color:#9cf;text-decoration:none}
-a:hover{color:#fff;background-color:#grey;text-decoration:none;border-radius:3px;border-top:1px dotted gold;border-bottom:1px dotted gold}
-a:focus{color:#fff;background-color:#grey;text-decoration:none}
-a:active{color:#fff;text-decoration:none}
-a:hover.home{color:#fff;text-decoration:none;background-color:#grey}
-a:focus.home{color:#fff;text-decoration:none;background-color:#grey}
-a:active.home{color:#fff;text-decoration:none;background-color:#grey}
-.floatdiv{float:left;color:#fff;border-right:1px solid #999;border-bottom:1px solid #999;padding:3px 6px 3px 6px;border-radius:3px;background-color:black}
-.floatdiv:hover{color:#222;background-color:#808080;text-decoration:none;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.75)}
-.floatdiv2{float:left;color:#fff;border-right:1px solid #999;border-bottom:1px solid #999;padding:3px 6px 3px 6px;border-radius:3px;background-color:black}
-.floatdiv2:hover{color:#222;background-color:#808080;text-decoration:none;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.75)}
+.box{
+ letter-spacing 0.28px;
+ border-top-left-radius:10px ;
+ border: 0px;
+ text-align:center;
+ background-color: #000;
+ padding:4px 7pc 4px 7px;
+ clear:both;
+ padding:0px 14px 7px 0px;
+ max-width:640px;
+}
+.footerdiv{
+ font-size:14;
+ text-align:center;
+ opacity:0,8;
+ background-color: #000;
+ border-bottom-left-radius:5px;
+ border-bottom-right-radius:5px;
+ padding:3px 6px 3px 6px;
+ border-top:1px solid #555;
+}
+
+a:link{color:orange;text-decoration:none}
+a:visited{color:darkorange;text-decoration:none}
+a:hover{color:white;background-color:#grey;text-decoration:none;border-radius:3px;border-top:1px dotted gold;border-bottom:1px dotted gold}
+a:focus{color:white;background-color:#grey;text-decoration:none}
+a:active{color:white;text-decoration:none}
+a:hover.home{color:#000;text-decoration:none;background-color:#grey}
+a:focus.home{color:#000;text-decoration:none;background-color:#grey}
+a:active.home{color:#000;text-decoration:none;background-color:#grey}
h1 {
- color: white;
text-align: center;
}
p {
- color: white;
- font-family: verdana;
font-size: 20px;
}
@@ -50,5 +102,3 @@ div.desc {
padding: 15px;
text-align: center;
}
-
-</style>
diff --git a/index.html b/index.html
index 6b42369..dc6a64d 100644
--- a/index.html
+++ b/index.html
@@ -7,165 +7,106 @@
<meta name="keywords" content=" Linux, Opensource, IT, Computer-Science, Unix, Blog,[★]">
<meta name="description" content="Personal Site from tinfoil-hat: Linux, Opensource, Sysadmin, Unix, Blog, [★]">
<script async defer data-website-id="2166e054-a5c6-41a5-8233-91c76d7a7f10" src="https://stats.tinfoil-hat.net/umami.js"></script>
- <title>tinfoil-hat.net - A secure home for every tinfoil-hat.</title>
</head>
<body>
- <div style="border:2px solid #555;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#000;box-shadow:3px 3px 5px rgba(0,0,0,0.5)">
- <div style="text-shadow:1px 0px 0px #444;letter-spacing:0.28px;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;background-color:#111;padding:3px 6px 3px 6px;border-bottom:1px solid #555">
- <b>:: Tinfoil-hat.net - A secure home for every tinfoil-hat</b>
- <br>
- <div class="floatdiv"><a title="to Startpage" href="index.html" style="color:#fff;border:0px">Start</a></div>
- <div class="floatdiv"><a title="Blog" href="https://blog.tinfoil-hat.net" style="color:#fff;border:0px">Blog</a></div>
- <div class="floatdiv"><a title="Unixporn" href="categories/unixporn-dungeon.html" style="color:#fff;border:0px">Unixporn</a></div>
- <div class="floatdiv"><a title="Webring" href="categories/webring.html" style="color:#fff;border:0px">Webring</a></div>
- <div class="floatdiv"><a title="Git Projects" href="categories/gitweb.html" style="color:#fff;border:0px">Git Projects</a></div>
- <div class="floatdiv"><a title="Linklists" href="linklists/structure.html" style="color:#fff;border:0px"><del>Linklists</del></a></div>
- <div class="floatdiv"><a title="Music" href="music/structure.html" style="color:#fff;border:0px"><del>Music</del></a></div>
- <div style="padding:4px 7px 4px 7px;background-color:#000;clear:both">
- <div style=">float:left;padding:0px 14px 7px 0px;max-width:640px;display:inline-block">
- <div style="text-align: center">
+ <div style="border:2px solid #555;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#000;box-shadow:3px 3px 5px rgba(0,0,0,0.5)">
+ <div style="text-shadow:1px 0px 0px #444;letter-spacing:0.28px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#111;padding:3px 6px 3px 6px;border-bottom:1px solid #555">
+
<!-- Beginning Content -->
+ <div class=box>
+ <div class=opa>
+ <center>:: Tinfoil-hat.net - A secure home for every tinfoil-hat</center>
<h3>Have a nice day fellow human</h3>
- <br>
- <br>
- Hi there, I'm tinfoil-hat here is my Blog, Gitweb and landing page for public services I host. <b>I don't want any Guestposts, even against Money</b>. If you would like to gift something to me, you can use Librepay
- <script src="https://liberapay.com/tinfoil-hat/widgets/button.js"></script>
- <noscript><a href="https://liberapay.com/tinfoil-hat/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript>
-
+ <title>tinfoil-hat.net - A secure home for every tinfoil-hat.</title>
+ <div class=menu>
+ <a title="to Startpage" href="index.html">Start</a>
+ <a title="Blog" href="https://blog.tinfoil-hat.net">Blog</a>
+ <a title="Unixporn" href="categories/unixporn-dungeon.html">Unixporn</a>
+ <a title="Webring" href="categories/webring.html">Webring</a>
+ <a title="Git Projects" href="categories/gitweb.html">Git Projects</a>
+ </div>
-
-
- <h3>Services: </h3>
+ <br>
- <style>
- table.services {
- width: 100%;
- background-color: #000000;
- border-collapse: collapse;
- border-width: 2px;
- border-color: rgb(51, 51, 51);
- border-style: solid;
- color: #FFFFFF;
- }
-
- table.services td, table.services th {
- border-width: 2px;
- border-color: rgb(51, 51, 51);
- border-style: solid;
- padding: 5px;
- }
-
- table.services thead {
- background-color: rgb(51, 51, 51);
- }
- </style>
-
- <table class="services">
- <thead>
- <tr>
- <th>Service</th>
- <th>TOR</th>
- <th>About</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="https://tinfoil-hat.net" target=“_blank”>tinfoil-hat.net</a></td>
- <td><a href="http://kybv4mwusfojs46ssb4jqwfhcxyd5dt4jcke6ex77litklknwlc4ymqd.onion/index.html" target="_blank">[TOR]</a></td>
- <td>Self written HTML/CSS</td>
- </tr>
- <tr>
- <td><a href="https://blog.tinfoil-hat.net" target=“_blank”>blog.tinfoil-hat.net</a></td>
- <td><a href="http://twtydlxn4g3ajndtdx3dri6egeklsajw74l42sitzcmrcsp2zpyk23id.onion" target="_blank">[TOR]</a></td>
- <td>Hugo Blog</td>
- </tr>
- <tr>
- <td><a href="https://git.tinfoil-hat.net" target=“_blank”> Git</a></td>
- <td><a href="http://ckjcr6qmamvdfnhiywka6ru64ref6bqm6aeg6r5hpz3i4x3d62tfulyd.onion" target="_blank">[TOR]</a></td>
- <td>cGit</td>
- </tr>
- <tr>
- <td><a href="https://nitter.tinfoil-hat.net" target=“_blank”> Nitter</a> </td>
- <td><a href=http://ymubxxfvisex44ddalmvawkrfikudvek4xt6d55sx3hgnrel453dv5qd.onion/ target="_blank">[TOR] </a> </td>
- <td>Twitter Frontend</td>
- </tr>
- <tr>
- <td><a href="https://tube.tinfoil-hat.net" target=“_blank”> Peertube</a></td>
- <td>No TOR</td>
- <td>Youtube alternative</td>
- </tr>
- <tr>
- <td><a href="https://wiki.tinfoil-hat.net" target=“_blank”>Wiki</a> </td>
- <td>No TOR</td>
- <td>Bookstack</td>
- </tr>
- <tr>
- <td><a href="https://search.tinfoil-hat.net" target=“_blank”>Searx</a></td>
- <td><a href=http://tfvmxj6eqjp5mdtou7doyg6q3vd7xoir7ruhlrykvl4o53b27st73bad.onion/searx/ target="_blank">[TOR]</a></td>
- <td>Searx</td>
- </tr>
- </tbody>
- </table>
-
- <br>
+ Hi there, I'm tinfoil-hat here is my humble Page, Blog, Gitweb. I was hosting several public services like invidious, nitter, a wiki and peertube. I will shut such services down bit by bit. The Reason is sinply the lack of funding. The time and energy will go to my website and blog
+ <br><b><u>I don't want any Guestposts, even against Money</u></b>. If you would like to gift something to me, you can use Librepay
+ <script src="https://liberapay.com/tinfoil-hat/widgets/button.js"></script>
+ <noscript><a href="https://liberapay.com/tinfoil-hat/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a></noscript>
- <br><br><br>
- </div>
- </div>
+ <br><br><br>
+
<div style="padding-bottom:2px;display:inline-block;width:380px;max-width:100%">
- <style>
- .aboutme {
- width:130%;
- border-collapse:collapse;
- padding:1px;
- }
- .aboutme th {
- padding:1px;
- }
- .aboutme td {
- padding:1px;
- background:#000000;
- }
- </style>
-
- <table class="aboutme">
- <tbody>
- <tr>
- <td>Age</td>
- <td>31</td>
- </tr>
- <tr>
- <td>Nickname</td>
- <td>tinfoil-hat</td>
- </tr>
- <tr>
- <td>Profession</td>
- <td>Junior Linux Admin</td>
- </tr>
- <tr>
- <td>Curse</td>
- <td>Paranoid Schitzophrenia</td>
- </tr>
- <tr>
- <td>Gender</td>
- <td>Apache Combat Helicopter</td>
- </tr>
- </tbody>
- </table>
-
-
- <img class="h-card u-photo" src=media/me.png width=130%"></img>
+ <img class="h-card u-photo" src="media/me.png" align=middle width=100%></img>
+ <table class="tablestyle">
+ <tbody>
+ <thead>
+ <th>About Me</th>
+ </thead>
+ <tr>
+ <td>Age</td>
+ <td>31</td>
+ </tr>
+ <tr>
+ <td>Nickname</td>
+ <td>tinfoil-hat</td>
+ </tr>
+ <tr>
+ <td>Profession</td>
+ <td>Junior Linux Admin</td>
+ </tr>
+ <tr>
+ <td>Curse</td>
+ <td>Paranoid Schitzophrenia</td>
+ </tr>
+ <tr>
+ <td>Gender</td>
+ <td>Apache Combat Helicopter</td>
+ </tr>
+ </tbody>
+ </table>
+ <table class="tablestyle">
+ <thead>
+ <tr>
+ <th>Service</th>
+ <th>TOR</th>
+ <th>About</th>
+ </tr>
+ </thead>
+ <h3>Services: </h3>
+ <tbody>
+ <tr>
+ <td><a href="https://tinfoil-hat.net" target=“_blank”>tinfoil-hat.net</a></td>
+ <td><a href="http://kybv4mwusfojs46ssb4jqwfhcxyd5dt4jcke6ex77litklknwlc4ymqd.onion/index.html" target="_blank">[TOR]</a></td>
+ <td>Self written HTML/CSS</td>
+ </tr>
+ <tr>
+ <td><a href="https://blog.tinfoil-hat.net" target=“_blank”>blog.tinfoil-hat.net</a></td>
+ <td><a href="http://twtydlxn4g3ajndtdx3dri6egeklsajw74l42sitzcmrcsp2zpyk23id.onion" target="_blank">[TOR]</a></td>
+ <td>Hugo Blog</td>
+ </tr>
+ <tr>
+ <td><a href="https://git.tinfoil-hat.net" target=“_blank”> Git</a></td>
+ <td><a href="http://ckjcr6qmamvdfnhiywka6ru64ref6bqm6aeg6r5hpz3i4x3d62tfulyd.onion" target="_blank">[TOR]</a></td>
+ <td>cGit</td>
+ </tr>
+ <tr>
+ <td><a href="https://wiki.tinfoil-hat.net" target=“_blank”>Wiki</a> </td>
+ <td>No TOR</td>
+ <td>Bookstack</td>
+ </tr>
+ </tbody>
+ </table>
+
+ </div>
<!-- End Content -->
- </div>
<!-- Footer -->
- <div style="font-size:14.2px;background-color:#00004d;border-bottom-left-radius:5px;border-bottom-right-radius:5px;color:#fff;padding:3px 6px 3px 6px;border-top:1px solid #555">
- <div style="text-align: center">
+ <div class=footerdiv>
<!-- Footer Content -->
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/1C02266E4882C2A7279EB012C0090D40CFE34966">GPG-Fingerprint: 1C02 266E 4882 C2A7 279E B012 C009 0D40 CFE3 4966</a> ·
<a href="blog/feed.rss">RSS</a> ·
diff --git a/media/cmatrix.gif b/media/cmatrix.gif
new file mode 100644
index 0000000..ce95f81
--- /dev/null
+++ b/media/cmatrix.gif
Binary files differ
diff --git a/media/cybresite.png b/media/cybresite.png
new file mode 100644
index 0000000..2ee6a8a
--- /dev/null
+++ b/media/cybresite.png
Binary files differ
diff --git a/media/edex.png b/media/edex.png
new file mode 100644
index 0000000..3e7d831
--- /dev/null
+++ b/media/edex.png
Binary files differ
diff --git a/media/hollywood.gif b/media/hollywood.gif
new file mode 100644
index 0000000..0967270
--- /dev/null
+++ b/media/hollywood.gif
Binary files differ
diff --git a/media/serverraum.gif b/media/serverraum.gif
new file mode 100644
index 0000000..7ad6b8f
--- /dev/null
+++ b/media/serverraum.gif
Binary files differ
diff --git a/media/website-01.png b/media/website-01.png
new file mode 100644
index 0000000..482a986
--- /dev/null
+++ b/media/website-01.png
Binary files differ