on 8dbbad9 help sign in
.github/ISSUE_TEMPLATE/broken-link.mdnew file+10
since splitsnapshots
unifiedsplit
@@ -0,0 +1,10 @@
1+---
2+name: Broken link
3+about: Report a broken link in the webring
4+title: ''
5+labels: broken link
6+assignees: neauoire, kodedninja, joshavanier, ckipp01
7+
8+---
9+
10+**Name of the site:**
.github/ISSUE_TEMPLATE/hallway-issue.mdnew file+10
@@ -0,0 +1,10 @@
1+---
2+name: Hallway issue
3+about: Report an issue with the Hallway
4+title: ''
5+labels: hallway
6+assignees: neauoire, kodedninja, joshavanier, ckipp01
7+
8+---
9+
10+**Please describe the issue in the hallway:**
.github/ISSUE_TEMPLATE/inappropriate-content.mdnew file+14
@@ -0,0 +1,14 @@
1+---
2+name: Inappropriate content
3+about: Report inappropriate content in the webring
4+title: ''
5+labels: ''
6+assignees: neauoire, kodedninja, joshavanier, ckipp01
7+
8+---
9+
10+**Name of the site:**
11+
12+
13+
14+**Please explain what is inappropriate and link if necessary:**
.github/ISSUE_TEMPLATE/name-of-website.mddeleted−9
@@ -1,9 +0,0 @@
1−---
2−name: name.of.website
3−about: Describe this issue template's purpose here.
4−
5−---
6−
7−```
8−Position of webring icon on site: ex: footer, header
9−```
.github/ISSUE_TEMPLATE/portal-issue.mdnew file+10
@@ -0,0 +1,10 @@
1+---
2+name: Portal issue
3+about: Report an issue with the Portal
4+title: ''
5+labels: portal
6+assignees: neauoire, kodedninja, joshavanier, ckipp01
7+
8+---
9+
10+**Please describe the issue in the portal:**
.github/ISSUE_TEMPLATE/wiki-issue.mdnew file+10
@@ -0,0 +1,10 @@
1+---
2+name: Wiki issue
3+about: Report an issue with the Wiki
4+title: ''
5+labels: wiki
6+assignees: neauoire, kodedninja, joshavanier, ckipp01
7+
8+---
9+
10+**Please describe the issue in the wiki:**
.github/PULL_REQUEST_TEMPLATE/add-site.mdnew file+14
@@ -0,0 +1,14 @@
1+---
2+name: add.site
3+about: Submitting a new site to the webring
4+title: ''
5+labels: ''
6+assignees: neauoire, kodedninja, joshavanier, ckipp01
7+
8+---
9+
10+**Position of webring icon on site:**
11+
12+ex: footer, header
13+
14+**Make sure the contact key is also filled out in case we need to contact you**
404.html+1−8
@@ -6,13 +6,6 @@ permalink: /404.html
6<head>
6<head>
7 <meta charset="utf-8">
7 <meta charset="utf-8">
8 <title>Loading..</title>
8 <title>Loading..</title>
9+ <meta http-equiv='refresh' content='0; url=index.html' />
9</head>
10</head>
10−<body style='background:black'>
11− <script>
12− const parts = window.location.pathname.split("/")
13− const target = parts.slice(-1);
14− parts.splice(-1)
15− document.location.href = parts.join("/")+"/#"+target
16− </script>
17−</body>
18</html>
11</html>
README.md+31−14
@@ -1,6 +1,6 @@
1# Webring
1# Webring
2
2
3−This [webring](https://wiki.xxiivv.com/webring) is an attempt to inspire artists & developers to create and maintain their own website and share traffic among each other. The webring's aim is to share hand-crafted websites such as **diaries, wikis & portfolios**, single pagers with nothing but outgoing links to social platforms will be rejected. To add yourself to the ring, submit an [edit](https://github.com/XXIIVV/webring/edit/master/scripts/sites.js) to this repository.
3+This [webring](https://wiki.xxiivv.com/webring) is an attempt to inspire artists & developers to create and maintain their own website and share traffic among each other. The webring's aim is to share rich hand-crafted websites such as **diaries, wikis & portfolios**.
4
4
5## Join the webring
5## Join the webring
6
6
@@ -8,27 +8,44 @@ This [webring](https://wiki.xxiivv.com/webring) is an attempt to inspire artists
8<a href='https://webring.xxiivv.com/#random' target='_blank'><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
8<a href='https://webring.xxiivv.com/#random' target='_blank'><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
9```
9```
10
10
11−- Add the webring icon to your website html.
11+1) Add the webring icon to your website html.
12−- Add your website url to the [sites.js](https://github.com/XXIIVV/webring/edit/master/scripts/sites.js) file.
12+2) Add your website information to the [index.html](https://github.com/XXIIVV/webring/edit/master/index.html) file. Keep your link name short, and don't leave a trailing `/` in the `href` attribute. Use a sensible alphanumeric value for the id.
13−- Submit a Pull Request with the location of the webring icon on your site.
13+3) Submit a Pull Request with **the location of the webring icon** on your site. Pull requests with blank descriptions will be rejected.
14
14
15−Alternatively, if you your website has a dark background, use `icon.white.svg`. If your website is complaning about *https*, go ahead and host the icon yourself.
15+Alternatively, if you your website has a dark background, use `icon.white.svg`. If your website is complaining about *https*, go ahead and host the icon yourself.
16
16
17−### Circular Linking
17+### Webring criteria
18
18
19−Instead of linking to the directory, you can also link to the next link in the ring by adding parts of your site or domain in the hash of the request url:
19+**Single page websites, websites acting only as portals to other social platforms, or websites with violent, racist, sexist or speciesist content will be rejected**.
20+
21+The aim of the webring is to display **hand-crafted personal** websites showcasing the creator's audio, visual or written work. Your business site is probably not the best fit for the webring, and will be rejected.
22+
23+If your website requires Javascript to display the majority of its content or to navigate, it will be rejected. Your website needs its own domain, we do not accept `github.io` domains anymore.
24+
25+If it's seen that your website is in violation to any of these rules your site will be removed from the webring. If you fix the issues, feel free to submit another PR to join back in.
26+
27+#### Adding your RSS/TWTXT
28+
29+To add an extra feed to your entry, add them within your `<li>` tag as follow:
20
30
21```
31```
22−<a href='https://webring.xxiivv.com/#wiki.xxiivv' target='_blank'><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
32+<li data-lang="en" id="xxiivv">
33+ <a href="https://wiki.xxiivv.com">xxiivv</a>
34+ <a href="https://wiki.xxiivv.com/twtxt.txt" class="twtxt">twtxt</a>
35+ <a href="https://wiki.xxiivv.com/links/rss.xml" class="rss">rss</a>
36+</li>
23```
37```
24
38
25−## API
39+[twtxt](https://twtxt.readthedocs.io/en/stable/) is a decentralized, minimalist microblogging service for hackers. You're welcome to add your twtxt feed alongside your RSS feed. If you're looking a minimal C99 client for twtxt, try [this](https://github.com/neauoire/twtxtc).
40+
41+### Circular Linking
26
42
27−This repository does not contain mature API capabilities, but there is one way to request list of sites currently in the webring.
43+Instead of linking to the directory, you can also link to the next link in the ring by adding parts of your site or domain in the hash of the request url:
28
44
29−- Request [sites.js on xxiivv](https://webring.xxiivv.com/scripts/sites.js) or [sites.js on github](https://raw.githubusercontent.com/XXIIVV/webring/master/scripts/sites.js)
45+```
30−- Parse it as text from `[` to `]`, split by `,` and then trim all whitespace and `"` in resulting array.
46+<a href='https://webring.xxiivv.com/#xxiivv' target='_blank' rel="noopener noreferrer"><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
47+```
31
48
32−## Need Help?
49+## Help
33
50
34−The ring is managed by [@neauoire](https://twitter.com/neauoire), but any member of the network is also welcome to join this repository as a collaborator to help manage new links and Pull Requests. Read more [here](https://wiki.xxiivv.com/webring).
51+The ring is managed by [@neauoire](https://merveilles.town/@neauoire), but any member of the network is also welcome to join this repository as a collaborator to help manage new links and Pull Requests. Read more about the webring [here](https://wiki.xxiivv.com/webring).
favicon.iconew file

Binary file not shown.

icon.black.large.svgnew file+13
@@ -0,0 +1,13 @@
1+<svg class="vector" width="300px" height="300px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1" style="fill:none;stroke:black;stroke-width:5px;stroke-linecap:square;">
2+ <g transform="translate(0,30)">
3+ <g transform="translate(150,150),rotate(120,0,0)">
4+ <path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
5+ </g>
6+ <g transform="translate(150,150),rotate(240,0,0)">
7+ <path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
8+ </g>
9+ <g transform="translate(150,150),rotate(0,0,0)">
10+ <path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
11+ </g>
12+ </g>
13+</svg>
index.html+478−17
@@ -1,19 +1,480 @@
1<!DOCTYPE html>
1<!DOCTYPE html>
2−<html lang="en">
2+<html lang="en" id="rss">
3−<head>
3+ <head>
4− <meta charset="utf-8">
4+ <meta charset="utf-8">
5− <meta name="viewport" content="width=device-width, initial-scale=1.0">
5+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6− <link rel="stylesheet" type="text/css" href="links/fonts.css"/>
6+ <link rel="con" type="image/png" sizes="100x100" href="favicon.ico">
7− <link rel="stylesheet" type="text/css" href="links/main.css"/>
7+ <link rel="apple-touch-icon" type="image/png" sizes="100x100" href="favicon.ico">
8− <script src="scripts/portal.js"></script>
8+ <title>Webring</title>
9− <script src="scripts/sites.js"></script>
9+ </head>
10− <title>Webring</title>
10+ <body id="twtxt">
11−</head>
11+ <ol>
12−<body>
12+ <li data-lang="en" id="xxiivv">
13− <script>
13+ <a href="https://wiki.xxiivv.com">xxiivv</a>
14− const portal = new Portal(sites);
14+ <a href="https://wiki.xxiivv.com/twtxt.txt" class="twtxt">twtxt</a>
15− portal.install(document.body);
15+ <a href="https://wiki.xxiivv.com/links/rss.xml" class="rss">rss</a>
16− portal.start();
16+ </li>
17− </script>
17+ <li data-lang="en" id="1">
18−</body>
18+ <a href="http://estevancarlos.com">estevancarlos</a>
19+ </li>
20+ <li data-lang="en" id="2">
21+ <a href="https://electro.pizza">electro pizza</a>
22+ <a href="https://electro.pizza/twtxt.txt" class="twtxt">twtxt</a>
23+ <a href="https://electro.pizza/feed.xml" class="rss">rss</a>
24+ </li>
25+ <li data-lang="en" id="3">
26+ <a href="https://avanier.now.sh">Arachne</a>
27+ <a href="https://avanier.now.sh/tw.txt" class="twtxt">twtxt</a>
28+ </li>
29+ <li data-lang="en" id="4">
30+ <a href="https://kaemura.com">kaemura</a>
31+ <a href="https://kaemura.com/twttxt.txt" class="twtxt">twtxt</a>
32+ </li>
33+ <li data-lang="en" id="5">
34+ <a href="https://liamcooke.com">liamcooke</a>
35+ <a href="https://liamcooke.com/merveilles/tw.txt" class="twtxt">twtxt</a>
36+ <a href="https://liamcooke.com/feed.xml" class="rss">rss</a>
37+ </li>
38+ <li data-lang="en" id="6">
39+ <a href="https://hraew.autophagy.io">hraew.autophagy</a>
40+ </li>
41+ <li data-lang="en" id="7">
42+ <a href="http://evenunto.net">evenunto.net</a>
43+ </li>
44+ <li data-lang="en" id="8">
45+ <a href="https://anxl.faith">anxl.faith</a>
46+ </li>
47+ <li data-lang="fr" id="9">
48+ <a href="https://xvw.github.io">planet</a>
49+ <a href="https://xvw.github.io/twtxt/hallway.txt" class="twtxt">twtxt</a>
50+ <a href="https://xvw.github.io/atom.xml" class="rss">rss</a>
51+ </li>
52+ <li data-lang="en el" id="10">
53+ <a href="https://heracl.es">heracl.es</a>
54+ </li>
55+ <li data-lang="en" id="11">
56+ <a href="https://turelio.github.io">turelio.github</a>
57+ </li>
58+ <li data-lang="en" id="12">
59+ <a href="https://shards.lectronice.com">shards</a>
60+ <a href="https://lectronice.com/hallway/twtxt.txt" class="twtxt">twtxt</a>
61+ </li>
62+ <li data-lang="en" id="13">
63+ <a href="https://craze.co.uk">craze.co.uk</a>
64+ </li>
65+ <li data-lang="en" id="14">
66+ <a href="https://shaneckel.com">shaneckel</a>
67+ </li>
68+ <li data-lang="en" id="15">
69+ <a href="https://cblgh.org">cblgh</a>
70+ <a href="https://cblgh.org/twtxt.txt" class="twtxt">twtxt</a>
71+ </li>
72+ <li data-lang="en" id="16">
73+ <a href="https://ellugar.co">ellugar</a>
74+ <a href="http://feeds.ellugar.co/ellugar-logs" class="rss">rss</a>
75+ </li>
76+ <li data-lang="en" id="17">
77+ <a href="http://chigby.org">chigby</a>
78+ </li>
79+ <li data-lang="en" id="18">
80+ <a href="https://longest.voyage">longest.voyage</a>
81+ <a href="https://longest.voyage/index.xml" class="rss">rss</a>
82+ </li>
83+ <li data-lang="en" id="19">
84+ <a href="https://palomakop.tv">palomakop.tv</a>
85+ </li>
86+ <li data-lang="en" id="20">
87+ <a href="https://v-os.ca">v-os.ca</a>
88+ </li>
89+ <li data-lang="en" id="21">
90+ <a href="https://jmandel.xyz">jmandel.xyz</a>
91+ </li>
92+ <li data-lang="en" id="22">
93+ <a href="https://2d4.dev">2d4.dev</a>
94+ <a href="https://2d4.dev/tw.txt" class="twtxt">twtxt</a>
95+ </li>
96+ <li data-lang="en" id="23">
97+ <a href="https://nathanwentworth.co">nathanwentworth</a>
98+ </li>
99+ <li data-lang="en" id="24">
100+ <a href="https://uonai.space">uonai.space</a>
101+ </li>
102+ <li data-lang="en" id="25">
103+ <a href="http://controls.ee">controls.ee</a>
104+ </li>
105+ <li data-lang="en" id="26">
106+ <a href="https://wasin.io">wasin</a>
107+ </li>
108+ <li data-lang="en" id="27">
109+ <a href="https://inns.studio">inns.studio</a>
110+ </li>
111+ <li data-lang="en" id="28">
112+ <a href="http://kokorobot.ca">kokorobot.ca</a>
113+ </li>
114+ <li data-lang="en" id="29">
115+ <a href="https://ameyama.com">ameyama</a>
116+ <a href="https://ameyama.com/blog/rss.xml" class="rss">rss</a>
117+ </li>
118+ <li data-lang="en" id="30">
119+ <a href="https://wake.st">wake.st</a>
120+ <a href="https://wake.st/twtxt.txt" class="twtxt">twtxt</a>
121+ </li>
122+ <li data-lang="en" id="31">
123+ <a href="https://xarene.la">xarene.la</a>
124+ </li>
125+ <li data-lang="en" id="32">
126+ <a href="https://alex.zyzhang.me">alex.zyzhang.me</a>
127+ </li>
128+ <li data-lang="en" id="33">
129+ <a href="http://bildwissenschaft.vortok.info">vortok</a>
130+ </li>
131+ <li data-lang="en" id="34">
132+ <a href="https://jakofranko.github.com">jakofranko.github</a>
133+ </li>
134+ <li data-lang="en" id="35">
135+ <a href="https://aeriform.io">aeriform.io</a>
136+ </li>
137+ <li data-lang="en de" id="36">
138+ <a href="http://blog.lucasdidthis.com">blog.lucasdidthis</a>
139+ </li>
140+ <li data-lang="en" id="37">
141+ <a href="http://npisanti.com">npisanti.com</a>
142+ <a href="http://npisanti.com/journal/rss.xml" class="rss">rss</a>
143+ </li>
144+ <li data-lang="en" id="38">
145+ <a href="https://underscorediscovery.ca">underscorediscovery</a>
146+ </li>
147+ <li data-lang="en" id="39">
148+ <a href="https://drisc.io">drisc</a>
149+ <a href="https://drisc.io/hallway/twtxt.txt" class="twtxt">twtxt</a>
150+ </li>
151+ <li data-lang="en" id="40">
152+ <a href="https://ricky.codes">ricky.codes</a>
153+ </li>
154+ <li data-lang="en" id="41">
155+ <a href="https://maxdeviant.com">maxdeviant</a>
156+ </li>
157+ <li data-lang="en" id="42">
158+ <a href="https://tynandebold.com">tynandebold</a>
159+ </li>
160+ <li data-lang="en" id="43">
161+ <a href="http://gytis.co">gytis.co</a>
162+ </li>
163+ <li data-lang="en" id="44">
164+ <a href="https://nomand.co">nomand.co</a>
165+ </li>
166+ <li data-lang="en" id="45">
167+ <a href="http://memoriata.com">memoriata</a>
168+ </li>
169+ <li data-lang="en" id="46">
170+ <a href="https://mmm.s-ol.nu">s-ol.nu</a>
171+ </li>
172+ <li data-lang="en" id="47">
173+ <a href="https://chad.is">chad.is</a>
174+ <a href="https://chad.is/rss.xml" class="rss">rss</a>
175+ </li>
176+ <li data-lang="en" id="48">
177+ <a href="https://smidgeo.com/bots">smidgeo.com/bots</a>
178+ </li>
179+ <li data-lang="en ru" id="49">
180+ <a href="https://iko.soy">iko.soy</a>
181+ </li>
182+ <li data-lang="en" id="50">
183+ <a href="http://atelieroilandsugar.com">atelieroilandsugar</a>
184+ </li>
185+ <li data-lang="en" id="51">
186+ <a href="https://magoz.is">magoz.is</a>
187+ </li>
188+ <li data-lang="en" id="52">
189+ <a href="https://szymonkaliski.com">szymonkaliski</a>
190+ <a href="https://szymonkaliski.com/feed.xml" class="rss">rss</a>
191+ </li>
192+ <li data-lang="en" id="53">
193+ <a href="https://phse.net">phse.net</a>
194+ <a href="https://phse.net/twtxt/merv.txt" class="twtxt">twtxt</a>
195+ <a href="https://phse.net/post/index.xml" class="rss">rss</a>
196+ </li>
197+ <li data-lang="en" id="54">
198+ <a href="https://rosano.ca">rosano.ca</a>
199+ </li>
200+ <li data-lang="en" id="56">
201+ <a href="https://gndclouds.cc">gndclouds.cc</a>
202+ </li>
203+ <li data-lang="en fr" id="57">
204+ <a href="https://xuv.be">xuv.be</a>
205+ </li>
206+ <li data-lang="en zh" id="58">
207+ <a href="https://dsdshcym.github.io">dsdshcym.github.io</a>
208+ </li>
209+ <li data-lang="en" id="60">
210+ <a href="https://boffosocko.com">boffosocko</a>
211+ </li>
212+ <li data-lang="en" id="61">
213+ <a href="https://hex22.org">hex22</a>
214+ <a href="https://t.seed.hex22.org/twtxt.txt" class="twtxt">twtxt</a>
215+ </li>
216+ <li data-lang="en" id="62">
217+ <a href="https://patrikarvidsson.com">patrikarvidsson</a>
218+ </li>
219+ <li data-lang="en" id="63">
220+ <a href="https://sophieleetmaa.com">sophieleetmaa</a>
221+ </li>
222+ <li data-lang="en" id="64">
223+ <a href="https://xinniw.github.io">xinniw.github</a>
224+ </li>
225+ <li data-lang="en" id="65">
226+ <a href="https://mboxed.github.io/sodatsu">sodatsu</a>
227+ <a href="https://mboxed.github.io/sodatsu/tw.txt" class="twtxt">twtxt</a>
228+ </li>
229+ <li data-lang="en" id="66">
230+ <a href="https://letters.vexingworkshop.com">vexingworkshop</a>
231+ </li>
232+ <li data-lang="en" id="67">
233+ <a href="https://tom.org.nz">Tom Hackshaw</a>
234+ <a href="https://a.tom.org.nz/twtxt.txt" class="twtxt">twtxt</a>
235+ </li>
236+ <li data-lang="en" id="68">
237+ <a href="https://teknari.com">Teknari</a>
238+ <a href="https://teknari.com/feed.xml" class="rss">rss</a>
239+ </li>
240+ <li data-lang="es" id="69">
241+ <a href="https://colectivo-de-livecoders.gitlab.io">Colectivo de Livecoders</a>
242+ </li>
243+ <li data-lang="es" id="70">
244+ <a href="https://www.madewithtea.com">madewithtea</a>
245+ </li>
246+ <li data-lang="en" id="71">
247+ <a href="https://amorris.ca">amorris</a>
248+ <a href="https://feed.amorris.ca/hallway.txt" class="twtxt">twtxt</a>
249+ </li>
250+ <li data-lang="en" id="72">
251+ <a href="http://www.miha-co.ca">miha-co</a>
252+ </li>
253+ <li data-lang="en" id="73">
254+ <a href="https://buzzert.net">buzzert.net</a>
255+ </li>
256+ <li data-lang="en" id="74">
257+ <a href="https://notes.stuartpb.com/">notes.stuartpb</a>
258+ <a href="https://twtxt.stuartpb.com/xxiivv.txt" class="twtxt">twtxt</a>
259+ </li>
260+ <li data-lang="en" id="75">
261+ <a href="https://xxiii.co">xxiii</a>
262+ <a href="https://serocell.com/feeds/serocell.xml" class="rss">rss</a>
263+ </li>
264+ <li data-lang="en" id="76">
265+ <a href="https://kor.nz">kor</a>
266+ <a href="https://kor.nz/twtxt.txt" class="twtxt">twtxt</a>
267+ </li>
268+ <li data-lang="en" id="77">
269+ <a href="https://lublin.se">lublin.se</a>
270+ <a href="https://lublin.se/twtxt.txt" class="twtxt">twtxt</a>
271+ </li>
272+ <li data-lang="en" id="78">
273+ <a href="https://zanneth.com">zanneth</a>
274+ </li>
275+ <li data-lang="en" id="79">
276+ <a href="https://eli.li">eli.li</a>
277+ <a href="https://txt.eli.li/twtxt/twtxt.txt" class="twtxt">twtxt</a>
278+ <a href="https://eli.li/feed.rss" class="rss">rss</a>
279+ </li>
280+ <li data-lang="en" id="80">
281+ <a href="https://gueorgui.net">gueorgui.net</a>
282+ <a href="https://gueorgui.net/feed.xml" class="rss">rss</a>
283+ </li>
284+ <li data-lang="en" id="81">
285+ <a href="https://www.tatecarson.com">Tate Carson</a>
286+ </li>
287+ <li data-lang="en" id="82">
288+ <a href="https://azlen.me">azlen.me</a>
289+ <a href="https://azlen.me/twtxt.txt" class="twtxt">twtxt</a>
290+ </li>
291+ <li data-lang="en" id="83">
292+ <a href="https://opinionatedguide.github.io/">OpGuides</a>
293+ <a href="https://opinionatedguide.github.io/twtxt.txt" class="twtxt">twtxt</a>
294+ </li>
295+ <li data-lang="en" id="84">
296+ <a href="https://chrismaughan.com/">CMaughan</a>
297+ <a href="https://chrismaughan.com/twtxt.txt" class="twtxt">twtxt</a>
298+ </li>
299+ <li data-lang="en es" id="85">
300+ <a href="https://oddworlds.org/">oddworlds soliloquy</a>
301+ </li>
302+ <li data-lang="en" id="86">
303+ <a href="https://fundor333.com/">Fundor333</a>
304+ <a href="https://fundor333.com/twtxt.txt" class="twtxt">twtxt</a>
305+ </li>
306+ <li data-lang="en" id="87">
307+ <a href="https://cass.si">cass.si</a>
308+ </li>
309+ <li data-lang="en" id="88">
310+ <a href="https://dotcomboom.somnolescent.net/">somnolescent.net</a>
311+ <a href="https://dotcomboom.somnolescent.net/twtxt.txt" class="twtxt">twtxt</a>
312+ </li>
313+ <li data-lang="en" id="89">
314+ <a href="https://cadmican.neocities.org/">cadmican</a>
315+ </li>
316+ <li data-lang="en" id="90">
317+ <a href="https://jskjott.com">jskjott</a>
318+ </li>
319+ <li data-lang="en" id="91">
320+ <a href="https://sixey.es/">sixey.es</a>
321+ </li>
322+ <li data-lang="en" id="92">
323+ <a href="https://tilde.town/~dustin/">0xdstn</a>
324+ </li>
325+ <li data-lang="en" id="93">
326+ <a href="http://www.jameschip.io">James Chip</a>
327+ <a href="http://www.jameschip.io/index.xml" class="rss">rss</a>
328+ </li>
329+ <li data-lang="en" id="94">
330+ <a href="https://patrick-is.cool">patrick-is.cool</a>
331+ </li>
332+ <li data-lang="en" id="95">
333+ <a href="https://icyphox.sh">icyphox.sh</a>
334+ <a href="https://icyphox.sh/blog/feed.xml" class="rss">rss</a>
335+ </li>
336+ <li data-lang="en" id="96">
337+ <a href="https://royniang.com">roy niang</a>
338+ <a href="https://telecom.royniang.com/updates.txt" class="twtxt">twtxt</a>
339+ </li>
340+ <li data-lang="en" id="97">
341+ <a href="https://www.raul.earth/">raul altosaar</a>
342+ </li>
343+ <li data-lang="en" id="98">
344+ <a href="https://crlf.site">Cr;Lf;</a>
345+ <a href="https://crlf.site/feed.xml" class="rss">rss</a>
346+ </li>
347+ <li data-lang="en" id="99">
348+ <a href="https://www.johannesg.com">Jóhannes G. Þorsteinsson</a>
349+ </li>
350+ <li data-lang="en" id="100">
351+ <a href="https://provokeanalog.com">Provoke Analog</a>
352+ </li>
353+ <li data-lang="en" id="101">
354+ <a href="https://eti.tf">eti.tf</a>
355+ </li>
356+ <li data-lang="en" id="102">
357+ <a href="https://rezmason.net">rezmason.net</a>
358+ </li>
359+ <li data-lang="en cz" id="103">
360+ <a href="https://estfyr.net">estfyr.net</a>
361+ </li>
362+ <li data-lang="en" id="104">
363+ <a href="https://paysonwallach.com">paysonwallach.com</a>
364+ </li>
365+ <li data-lang="en" id="105">
366+ <a href="https://natwelch.com">natwelch</a>
367+ </li>
368+ <li data-lang="en" id="106">
369+ <a href="https://parkimminent.com">Park Imminent</a>
370+ </li>
371+ <li data-lang="en" id="107">
372+ <a href="https://aklsh.github.io">aklsh.github</a>
373+ </li>
374+ <li data-lang="en" id="108">
375+ <a href="https://paulglushak.com">paulglushak</a>
376+ </li>
377+ <li data-lang="en ita" id="109">
378+ <a href="https://simone.computer">Simone"s Computer</a>
379+ </li>
380+ <li data-lang="en" id="110">
381+ <a href="https://xj9.io">dreamspace</a>
382+ <a href="https://xj9.io/.well-known/webring/tw.txt" class="twtxt">twtxt</a>
383+ <a href="https://xj9.io/rss.xml" class="rss">rss</a>
384+ </li>
385+ <li data-lang="en" id="111">
386+ <a href="https://simply.personal.jenett.org">jenett. simply. personal.</a>
387+ <a href="https://simply.personal.jenett.org/feed" class="rss">rss</a>
388+ </li>
389+ <li data-lang="en" id="112">
390+ <a href="http://q.pfiffer.org/">q.pfiffer.org</a>
391+ <a href="http://q.pfiffer.org/feed.xml" class="rss">rss</a>
392+ </li>
393+ <li data-lang="en" id="113">
394+ <a href="https://ashpex.neocities.org">ashpex</a>
395+ </li>
396+ <li data-lang="en" id="114">
397+ <a href="https://zvava.org">zvava</a>
398+ </li>
399+ <li data-lang="en" id="115">
400+ <a href="https://amorphic.space">amorphic.space</a>
401+ </li>
402+ <li data-lang="en nl" id="116">
403+ <a href="https://www.edwinwenink.xyz">Archive Fever</a>
404+ <a href="https://www.edwinwenink.xyz/index.xml" class="rss">rss</a>
405+ </li>
406+ <li data-lang="en fr" id="117">
407+ <a href="https://www.mentalnodes.com">Mental Nodes</a>
408+ <a href="https://www.mentalnodes.com/sitemap.xml" class="rss">rss</a>
409+ </li>
410+ <li data-lang="es" id="118">
411+ <a href="https://copiona.com">copiona</a>
412+ </li>
413+ <li data-lang="en nl" id="119">
414+ <a href="https://proycon.anaproy.nl">proycon</a>
415+ </li>
416+ <li data-lang="en" id="120">
417+ <a href="https://www.marginchronicles.com">margin chronicles</a>
418+ </li>
419+ <li data-lang="en" id="121">
420+ <a href="https://roytang.net">roytang.net</a>
421+ <a href="https://roytang.net/index.xml" class="rss">rss</a>
422+ </li>
423+ <li data-lang="en" id="122">
424+ <a href="https://materialfuture.net">MaterialFuture</a>
425+ <a href="https://www.materialfuture.net/rss.xml" class="rss">rss</a>
426+ </li>
427+ <li data-lang="en" id="123">
428+ <a href="https://solquemal.com/">solquemal</a>
429+ </li>
430+ <li data-lang="en" id="dampfkraft">
431+ <a href="https://dampfkraft.com">Dampfkraft</a>
432+ <a href="https://dampfkraft.com/index.rss" class="rss">rss</a>
433+ </li>
434+ <li data-lang="en" id="125">
435+ <a href="https://travisshears.com">travisshears</a>
436+ <a href="https://travisshears.com/apps/twtxt/twtxt.txt" class="twtxt">twtxt</a>
437+ <a href="https://travisshears.com/index.xml" class="rss">rss</a>
438+ </li>
439+ <li data-lang="en ru" id="futuristan">
440+ <a href="https://futuristan.io">futuristan.io</a>
441+ </li>
442+ <li data-lang="en" id="yctct">
443+ <a href="https://www.yctct.com/">yctct</a>
444+ <a href="https://www.yctct.com/twtxt.txt" class="twtxt">twtxt</a>
445+ <a href="https://www.yctct.com/feed.rss" class="rss">rss</a>
446+ </li>
447+ </ol>
448+ <footer>
449+ <p class="readme">
450+ This webring is an attempt to inspire artists &amp; developers to build their own website and share traffic among each other. The ring welcomes personalized websites such as <b>diaries, wikis &amp; portfolios</b>.
451+ </p>
452+ <p>
453+ To add yourself to the ring, submit a <a href="https://github.com/XXIIVV/webring/edit/master/index.html" target="_blank">pull request</a>.<br />
454+ If you found a broken link, please <a href="https://github.com/XXIIVV/webring/issues/new" target="_blank">report it</a>.<br />
455+ Learn <a href="https://github.com/XXIIVV/webring" target="_blank">more</a> | <a href="#twtxt">Show twtxt</a> | <a href="#rss">Show rss</a><span class='hide'> | <a href='#'>Hide Feeds</a></span>
456+ </p>
457+ <img src="icon.black.large.svg" alt="icon"/>
458+ </footer>
459+ <style>
460+body { padding: 0; margin: 0 0 0 0; font-family: serif; max-width: 900px }
461+body a { color: black; text-decoration: none }
462+body a:hover { background-color: black; color: white }
463+body a:before { content:'{' }
464+body a:after { content:'}' }
465+body > ol { margin: 30px; padding: 0px 30px 30px; column-count: 3; display: block; border-bottom:2px solid black }
466+body > ol > li { padding-right: 30px }
467+body > ol > li:target { background:black }
468+body > ol > li a.rss, body > ol > li a.twtxt { display: none }
469+body > ol > li:target a { color: white }
470+body > footer { margin:30px }
471+body > footer > p { max-width: 600px }
472+body > footer > p span.hide { display: none; }
473+body > footer > img { display: inline-block; width:100px; margin-bottom: -5px; margin-bottom:30px; }
474+body:target > ol li a.twtxt, html:target li a.rss { background:black; color: white; display: inline }
475+body:target > footer > p > span.hide, html:target footer > p > span.hide { display: inline; }
476+@media screen and (max-width: 800px) { body > ol { column-count: 2; } }
477+@media screen and (max-width: 600px) { body > ol { column-count: 1; } }
478+ </style>
479+ </body>
19</html>
480</html>
links/fonts.cssdeleted−15
@@ -1,15 +0,0 @@
1−/* Input Mono */
2−
3−@font-face {
4− font-family: 'input_mono_regular';
5− src: url('../media/fonts/input_mono_regular.ttf') format('truetype');
6− font-weight: normal;
7− font-style: normal;
8−}
9−
10−@font-face {
11− font-family: 'input_mono_medium';
12− src: url('../media/fonts/input_mono_medium.ttf') format('truetype');
13− font-weight: normal;
14− font-style: normal;
15−}
links/main.css+14−19
@@ -1,19 +1,14 @@
1−* { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:collapse;border-spacing:0; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
1+body { padding: 0; margin: 0 0 0 0; font-family: serif; max-width: 900px }
2−
2+body a { color: black; text-decoration: none }
3−body { background:#f4f4f4; padding:0px; margin:0px; }
3+body a:hover { background-color: black; color: white }
4−body div { display:block; background: #ddd;min-height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px;font-family:'input_mono_regular', 'Monospaced','Courier New',courier;font-size:11px; position: relative; border-radius: 2px }
4+body a:before { content:'{' }
5−body div #icon { display: block;width: 30px;height: 30px;background-image: url(../icon.white.svg);background-size: cover;background-repeat: no-repeat;position: absolute;bottom: 10px;right:10px;background-position: center;padding:0px }
5+body a:after { content:'}' }
6−body div p { display:block; padding:0px 5px; line-height: 20px}
6+body > ol { margin: 30px; padding: 0px 30px 30px; column-count: 3; display: block; border-bottom:2px solid black }
7−body div p a { color:black; text-decoration: none; text-decoration: underline;}
7+body > ol > li { padding-right: 30px; margin-right:30px }
8−body div p a:hover { text-decoration: underline; }
8+body > ol > li:target { background:black }
9−body div p b { font-weight: normal; color:#000; font-family: 'input_mono_medium' }
9+body > ol > li:target a { color: white }
10−body div p.readme { max-width:500px; }
10+body > footer { margin:30px }
11−body div ul { display:block; max-width: 800px; columns:3; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;}
11+body > footer > p { max-width: 600px }
12−body div ul li { width: 22em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
12+body > footer > img { display: inline-block; width:100px; margin-bottom: -5px; margin-bottom:30px; }
13−body div ul li a { line-height: 20px; display: inline-block; color:#000; padding:0px 5px; text-decoration: none;}
14−body div ul li a:visited { color:#999; text-decoration: none;}
15−body div ul li a:hover { background:#ccc; color:#000; text-decoration: none; border-radius: 2px }
16−
17−@media (max-width: 950px){
13+@media screen and (max-width: 800px) { body > ol { column-count: 2; } }
18− body div ul { columns: 2 }
14+@media screen and (max-width: 600px) { body > ol { column-count: 1; } }
19−}
media/fonts/input_mono_medium.ttfdeleted

Binary file not shown.

media/fonts/input_mono_regular.ttfdeleted

Binary file not shown.

media/icon.black.large.svgnew file+13
@@ -0,0 +1,13 @@
1+<svg class="vector" width="300px" height="300px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1" style="fill:none;stroke:black;stroke-width:5px;stroke-linecap:square;">
2+ <g transform="translate(0,30)">
3+ <g transform="translate(150,150),rotate(120,0,0)">
4+ <path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
5+ </g>
6+ <g transform="translate(150,150),rotate(240,0,0)">
7+ <path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
8+ </g>
9+ <g transform="translate(150,150),rotate(0,0,0)">
10+ <path d="M0,-60 a60,60 0 1,0 0,120 l100,0"></path>
11+ </g>
12+ </g>
13+</svg>
scripts/portal.jsdeleted−63
@@ -1,63 +0,0 @@
1−'use strict'
2−
3−function Portal (sites) {
4− this.el = document.createElement('div')
5− this.sites = sites
6−
7− // Templates
8−
9− function _readme () {
10− return `<p class='readme'>This webring is an attempt to inspire artists & developers to build their own website and share traffic among each other. The ring welcomes personalized websites such as <b>diaries, wikis & portfolios</b>.</p><p>To add yourself to the ring, submit a <a href='https://github.com/XXIIVV/webring/edit/master/scripts/sites.js' target='_blank'>Pull Request</a>.<br />If you found a broken link, please <a href='https://github.com/XXIIVV/webring/issues/new' target='_blank'>report it</a>.</p>`
11− }
12−
13− function _buttons () {
14− return `<p class='buttons'><a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a> <a id='icon' href='#random' onClick="portal.reload('random')"></a></p>`
15− }
16−
17− function _directory (sites) {
18− return `
19− <ul>${sites.reduce((acc, val, id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split('//')[1]}</a></li>` }, '')}</ul>\n${_readme()}${_buttons()}`
20− }
21−
22− function _redirect (target) {
23− return `<p>Redirecting to <b>${target}</b></p><meta http-equiv="refresh" content="3; url=${target}">
24− <p class='buttons'><a href='#' onClick="portal.reload('')">Directory</a> | <a href='#${target}' onClick="portal.reload('random')">Skip</a> | <a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a> <a id='icon' href='#random' onClick="portal.reload('random')"></a></p>`
25− }
26−
27− //
28−
29− this.install = function (host) {
30− host.appendChild(this.el)
31− }
32−
33− this.start = function () {
34− this.el.innerHTML = window.location.hash && window.location.hash.length > 4 ? _redirect(this.next()) : _directory(this.sites)
35− }
36−
37− this.reload = function () {
38− setTimeout(() => { window.location.reload() }, 500)
39− }
40−
41− this.navigate = function (target) {
42− setTimeout(() => { window.location.href = target }, 3000)
43− }
44−
45− this.locate = function () {
46− const hash = window.location.hash.replace('#', '').trim()
47−
48− if (hash == 'random') {
49− return Math.floor(Math.random() * this.sites.length)
50− }
51−
52− for (const id in this.sites) {
53− if (this.sites[id].indexOf(hash) > -1) {
54− return parseInt(id)
55− }
56− }
57− return -1
58− }
59−
60− this.next = function (loc = this.locate()) {
61− return loc == this.sites.length - 1 ? this.sites[0] : this.sites[loc + 1]
62− }
63−}
scripts/sites.jsdeleted−70
@@ -1,70 +0,0 @@
1−'use strict';
2−
3−// Don't forget the comma! No trailing slashes
4−// protocole://url.domain.ext
5−
6−const sites = [
7− "https://wiki.xxiivv.com"
8− , "http://estevancarlos.com"
9− , "https://electro.pizza"
10− , "https://monochromatic.co"
11− , "https://joshavanier.github.io"
12− , "http://kaemura.com"
13− , "https://liamcooke.com"
14− , "https://electricgecko.de"
15− , "https://wichniow.ski"
16− , "https://hraew.autophagy.io"
17− , "https://evenunto.net"
18− , "https://anxl.faith"
19− , "https://xvw.github.io"
20− , "https://heracl.es"
21− , "https://felipecortez.net"
22− , "http://luminghao.com"
23− , "https://theiceshelf.com"
24− , "https://turelio.github.io"
25− , "https://spaceshipsin.space"
26− , "http://log.lectronice.com"
27− , "https://craze.co.uk"
28− , "https://shaneckel.com"
29− , "https://cblgh.org"
30− , "https://ellugar.co"
31− , "http://hur.bet"
32− , "http://chigby.org"
33− , "https://longest.voyage"
34− , "https://palomakop.tv"
35− , "https://travisshears.com"
36− , "https://v-os.ca"
37− , "http://secretinternet.club"
38− , "https://jmandel.xyz"
39− , "https://systems.ws"
40− , "https://jamesin.space"
41− , "https://nathanwentworth.co"
42− , "https://eswat.ca"
43− , "https://uonai.space"
44− , "http://controls.ee"
45− , "https://wasin.io"
46− , "https://inns.studio"
47− , "http://kokorobot.ca"
48− , "https://ameyama.com"
49− , "https://wake.st"
50− , "https://xarene.la"
51− , "https://alex.zyzhang.me"
52− , "http://bildwissenschaft.vortok.info"
53− , "https://jakofranko.github.com"
54− , "https://aeriform.io"
55− , "http://blog.lucasdidthis.com"
56− , "http://npisanti.com"
57− , "https://underscorediscovery.ca"
58− , "https://drisc.io"
59− , "https://neufv.website"
60− , "https://simbolo.xyz"
61− , "https://ricky.codes"
62− , "https://maxdeviant.com"
63− , "https://tynandebold.com"
64− , "http://gytis.co"
65− , "https://nomand.co"
66− , "http://memoriata.com"
67− , "https://mmm.s-ol.nu"
68− , "https://chad.is"
69− , "https://smidgeo.com/bots"
70−];