-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwebring.html
More file actions
134 lines (103 loc) · 7.94 KB
/
webring.html
File metadata and controls
134 lines (103 loc) · 7.94 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/93866eaaa9.js" crossorigin="anonymous"></script>
<title>Steve's Blog</title>
</head>
<body class="light-mode">
<nav class="menu">
<div class="nav-left">
<ul>
<li><a href="index.html"><img class="logo" src="favicon.png" alt="favicon"><span class="sitename">Steve's blog</span></a></li>
</ul>
</div>
<div class="nav-right">
<ul>
<li style="padding: 9px"><a id="darkmodetoggle" class="fas fa-moon" onclick="switchTheme()"></a></li>
<li><a href="https://hghann.github.io/contact.html">contact</a></li>
<li><a href="https://hghann.github.io/donate.html">donate</a></li>
<li><a href="https://github.com/hghann">github</a></li>
<li><a href="https://hghann.github.io/rss.xml">rss</a></li>
</ul>
</div>
</nav>
<article>
<h1 id="Webring">Webring</h1>
<hr/>
<p>Here are some cool websites, friends and other things!</p>
<h3 id="%3Cimg%20src=%22https://hghann.github.io/pix/romanzolotarev.png%22%20alt=%22Rgz%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://www.romanzolotarev.com/%22%3ERoman%20Zolotarev%3C/a%3E"><img src="https://hghann.github.io/pix/romanzolotarev.png" alt="Rgz" width="30" height="30" /> <a href="https://www.romanzolotarev.com/">Roman Zolotarev</a></h3>
<p>The brains behind the wonderful utility
<a href="https://www.romanzolotarev.com/ssg.html">ssg</a> and
<a href="https://www.romanzolotarev.com/pass.html">pass</a>. He posts how-to articles on
everything web-hosting related and has a mini-series on running OpenBSD on bare metal!</p>
<h3 id="%3Cimg%20src=%22https://hghann.github.io/pix/luke.png%22%20alt=%22Luke%20Smith%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://lukesmith.xyz/%22%3ELuke%20Smith%3C/a%3E"><img src="https://hghann.github.io/pix/luke.png" alt="Luke Smith" width="30" height="30" /> <a href="https://lukesmith.xyz/">Luke Smith</a></h3>
<p>Luke Smith is the reason I decided to embark on my internet landchad quest.
It’s because of him that I decided to run Linux, set up a website, and
generally just dab on libtards. He doesn’t need the shout-out from me
but this list would just be totally incomplete without him.</p>
<h3 id="%3Cimg%20src=%22https://hghann.github.io/pix/chad.gif%22%20alt=%22LandChad.net%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://landchad.net/%22%3ELandChad.net%3C/a%3E"><img src="https://hghann.github.io/pix/chad.gif" alt="LandChad.net" width="30" height="30" /> <a href="https://landchad.net/">LandChad.net</a></h3>
<p>A website dedicated to turning internet peasants into Internet Landlords by
showing them how to setup websites, email servers, chat servers and everything
in between.</p>
<h3 id="%3Cimg%20src=%22https://hghann.github.io/pix/denshi.jpg%22%20alt=%22Denshi%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://denshi.org/%22%3EDenshi%3C/a%3E"><img src="https://hghann.github.io/pix/denshi.jpg" alt="Denshi" width="30" height="30" /> <a href="https://denshi.org/">Denshi</a></h3>
<p>Denshi’s personal website. He makes videos and music on the internet and spends
his spare time working on projects like his website; anything that makes him
understand computers better. He also hosts a wiki with all sort of useful stuff
on it.</p>
<h3 id="%3Cimg%20src=%22https://hghann.github.io/pix/wow.svg%22%20alt=%22Wownero%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://wownero.xyz/%22%3EWownero.xyz%3C/a%3E"><img src="https://hghann.github.io/pix/wow.svg" alt="Wownero" width="30" height="30" /> <a href="https://wownero.xyz/">Wownero.xyz</a></h3>
<p>A website Denshi made to inform people about Wownero, an innovative fork of Monero.</p>
<h3 id="%3Cimg%20src=%22https://hghann.github.io/pix/sun.jpg%22%20alt=%22Sun%20Knudesen%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://sunknudsen.com/%22%3ESun%20Knudsen%3C/a%3E"><img src="https://hghann.github.io/pix/sun.jpg" alt="Sun Knudesen" width="30" height="30" /> <a href="https://sunknudsen.com/">Sun Knudsen</a></h3>
<p>Sun Knudsen’s persinal website. He is a privacy and security researcher,
blogger and technologist. He also makes Youtube videos and hosts reference
material along with some blogs on this site.</p>
<h3 id="%3Cimg%20src=%22https://hghann.github.io/pix/wolfgang.png%22%20alt=%22Wolfgang%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://notthebe.ee/%22%3EWolfgang%3C/a%3E"><img src="https://hghann.github.io/pix/wolfgang.png" alt="Wolfgang" width="30" height="30" /> <a href="https://notthebe.ee/">Wolfgang</a></h3>
<p>Wolfgang’s personal website. He makes videos about computers, Thinkpads, Linux/Unix and other stuff.</p>
<h3 id="%3Cimg%20src=%22/pix/kostantinnaz.jpeg%22%20alt=%22Konstantin%20Nazarov%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://knazarov.com/%22%3EKonstantin%20Nazarov%3C/a%3E"><img src="/pix/kostantinnaz.jpeg" alt="Konstantin Nazarov" width="30" height="30" /> <a href="https://knazarov.com/">Konstantin Nazarov</a></h3>
<p>Konstantin Nazarov’s personal website. He is a software engineer that makes tech related videos.</p>
<h3 id="%3Cimg%20src=%22https://hghann.github.io/pix/dt.jpeg%22%20alt=%22DT%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://distro.tube/%22%3EDistroTube%3C/a%3E"><img src="https://hghann.github.io/pix/dt.jpeg" alt="DT" width="30" height="30" /> <a href="https://distro.tube/">DistroTube</a></h3>
<p>DistroTube.com is a site created by Derek Taylor (DT), creator of the
DistroTube (DT) video channel on YouTube and Odysee (LBRY). He create videos
about GNU/Linux, free software, open source software and related interests.</p>
<h3 id="%3Cimg%20src=%22https://hghann.github.io/pix/monstro.png%22%20alt=%22Monstro%22%20width=%2230%22%20height=%2230%22%20/%3E%20%3Ca%20href=%22https://monstro1.com/%22%3EMonstro%3C/a%3E"><img src="https://hghann.github.io/pix/monstro.png" alt="Monstro" width="30" height="30" /> <a href="https://monstro1.com/">Monstro</a></h3>
<p>Monstro’s personal site. He also has a PeerTube instance and a Matrix homserver.</p>
</article>
<footer>
<p>Licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA</a></br>
Created with <a href="https://www.romanzolotarev.com/ssg.html">ssg</a> by Roman Zolotarev
</footer>
<script>
// Get the theme toggle input
const currentTheme = localStorage.getItem("theme");// If the current local storage item can be found
// Function that will switch the theme based on the if the theme toggle is checked or not
function switchTheme() {
if (document.documentElement.getAttribute("data-theme") === "dark") {
document.documentElement.setAttribute("data-theme", "light");
// Set the user's theme preference to dark
localStorage.setItem("theme", "light");
} else {
document.documentElement.setAttribute("data-theme", "dark");
// Set the user's theme preference to light
localStorage.setItem("theme", "dark");
}
}
// Get the current theme from local storage
if (currentTheme) {
// Set the body data-theme attribute to match the local storage item
document.documentElement.setAttribute("data-theme", currentTheme);
if (currentTheme === "dark") {
document.documentElement.setAttribute("data-theme", "dark");
}
}
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
console.log('user prefers dark scheme, going dark');
document.documentElement.setAttribute("data-theme", "dark");
}
</script>
</body>
</html>