git.iko.soy/webring
on master help sign in
Merge pull request #1 from XXIIVV/master
d426360Ben Hammond
README.md+3−2
compare with master
unifiedsplit
@@ -20,7 +20,7 @@ Alternatively, if you your website has a dark background, use `icon.white.svg`.
20
20
21The aim of the webring is to display **hand-crafted personal** websites showcasing the creator's audio, visual or written works. Your business site is probably not the best fit for the webring, and will be rejected.
21The aim of the webring is to display **hand-crafted personal** websites showcasing the creator's audio, visual or written works. Your business site is probably not the best fit for the webring, and will be rejected.
22
22
23−If your website requires Javascript to display the majority of its content or to navigate, it will be rejected. Your website must count at least 10 pages and include and about page. You must have your own domain name, we do not accept `github.io` subdomains.
23+If your website requires Javascript to display the majority of its content or to navigate, it will be rejected. Your website must count at least 10 pages and include an about page. You must have your own domain name, we do not accept `github.io` subdomains.
24
24
25If 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.
25If 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
26
@@ -33,10 +33,11 @@ To add an extra feed to your entry, add them within your `<li>` tag as follow:
33 <a href="https://wiki.xxiivv.com">xxiivv</a>
33 <a href="https://wiki.xxiivv.com">xxiivv</a>
34 <a href="https://wiki.xxiivv.com/links/tw.txt" class="twtxt">twtxt</a>
34 <a href="https://wiki.xxiivv.com/links/tw.txt" class="twtxt">twtxt</a>
35 <a href="https://wiki.xxiivv.com/links/rss.xml" class="rss">rss</a>
35 <a href="https://wiki.xxiivv.com/links/rss.xml" class="rss">rss</a>
36+ <img src='https://wiki.xxiivv.com/media/services/button.gif'/>
36</li>
37</li>
37```
38```
38
39
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+[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). The `button.gif` is a 88x31 icon hosted on your server.
40
41
41### Circular Linking
42### Circular Linking
42
43
icon.black.large.svg+1−13
@@ -1,13 +1 @@
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;">
1+<svg fill="none" height="300" stroke="#000" stroke-linecap="square" stroke-width="7" width="300" xmlns="http://www.w3.org/2000/svg"><path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603"/><path d="M98.038 210a60 60 0 10103.924-60l-50-86.603"/><path d="M150 120a60 60 0 100 120h100"/></svg>
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>
icon.black.svg+1−13
@@ -1,13 +1 @@
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:28px;stroke-linecap:square;">
1+<svg fill="none" height="300" stroke="#000" stroke-linecap="square" stroke-width="28" width="300" xmlns="http://www.w3.org/2000/svg"><path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603"/><path d="M98.038 210a60 60 0 10103.924-60l-50-86.603"/><path d="M150 120a60 60 0 100 120h100"/></svg>
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>
icon.white.svg+1−13
@@ -1,13 +1 @@
1−<svg class="vector" width="300px" height="300px" xmlns="http://www.w3.org/2000/svg" baseProfile="full" version="1.1" style="fill:none;stroke:white;stroke-width:28px;stroke-linecap:square;">
1+<svg fill="none" height="300" stroke="#fff" stroke-linecap="square" stroke-width="28" width="300" xmlns="http://www.w3.org/2000/svg"><path d="M201.962 210a60 60 0 10-103.924-60l-50 86.603"/><path d="M98.038 210a60 60 0 10103.924-60l-50-86.603"/><path d="M150 120a60 60 0 100 120h100"/></svg>
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+82−19
@@ -8,11 +8,12 @@
8 <title>Webring</title>
8 <title>Webring</title>
9 </head>
9 </head>
10 <body id="twtxt">
10 <body id="twtxt">
11− <ol>
11+ <ol id="icons">
12 <li data-lang="en" id="xxiivv">
12 <li data-lang="en" id="xxiivv">
13 <a href="https://wiki.xxiivv.com">xxiivv</a>
13 <a href="https://wiki.xxiivv.com">xxiivv</a>
14 <a href="https://wiki.xxiivv.com/links/tw.txt" class="twtxt">twtxt</a>
14 <a href="https://wiki.xxiivv.com/links/tw.txt" class="twtxt">twtxt</a>
15 <a href="https://wiki.xxiivv.com/links/rss.xml" class="rss">rss</a>
15 <a href="https://wiki.xxiivv.com/links/rss.xml" class="rss">rss</a>
16+ <img src='https://wiki.xxiivv.com/media/services/button.gif' />
16 </li>
17 </li>
17 <li data-lang="en" id="1">
18 <li data-lang="en" id="1">
18 <a href="http://estevancarlos.com">estevancarlos</a>
19 <a href="http://estevancarlos.com">estevancarlos</a>
@@ -37,9 +38,6 @@
37 <li data-lang="en" id="6">
38 <li data-lang="en" id="6">
38 <a href="https://hraew.autophagy.io">hraew.autophagy</a>
39 <a href="https://hraew.autophagy.io">hraew.autophagy</a>
39 </li>
40 </li>
40− <li data-lang="en" id="7">
41− <a href="http://evenunto.net">evenunto.net</a>
42− </li>
43 <li data-lang="en" id="8">
41 <li data-lang="en" id="8">
44 <a href="https://anxl.faith">anxl.faith</a>
42 <a href="https://anxl.faith">anxl.faith</a>
45 </li>
43 </li>
@@ -55,7 +53,9 @@
55 <a href="https://stecko.website">stecko.website</a>
53 <a href="https://stecko.website">stecko.website</a>
56 </li>
54 </li>
57 <li data-lang="en" id="12">
55 <li data-lang="en" id="12">
58− <a href="https://now.lectronice.com">now.lectronice.com</a>
56+ <a href="https://now.lectronice.com">lectronice</a>
57+ <a href="https://now.lectronice.com/feed.xml" class="rss">rss</a>
58+ <img src="https://now.lectronice.com/lctrncbttn.gif" />
59 </li>
59 </li>
60 <li data-lang="en" id="13">
60 <li data-lang="en" id="13">
61 <a href="https://craze.co.uk">craze.co.uk</a>
61 <a href="https://craze.co.uk">craze.co.uk</a>
@@ -66,6 +66,7 @@
66 <li data-lang="en" id="15">
66 <li data-lang="en" id="15">
67 <a href="https://cblgh.org">cblgh</a>
67 <a href="https://cblgh.org">cblgh</a>
68 <a href="https://cblgh.org/twtxt.txt" class="twtxt">twtxt</a>
68 <a href="https://cblgh.org/twtxt.txt" class="twtxt">twtxt</a>
69+ <img src="https://cblgh.org/dl/cblgh-webring.gif" alt="cblgh.org webring banner">
69 </li>
70 </li>
70 <li data-lang="en" id="16">
71 <li data-lang="en" id="16">
71 <a href="https://ellugar.co">ellugar</a>
72 <a href="https://ellugar.co">ellugar</a>
@@ -108,6 +109,7 @@
108 </li>
109 </li>
109 <li data-lang="en" id="28">
110 <li data-lang="en" id="28">
110 <a href="http://kokorobot.ca">kokorobot.ca</a>
111 <a href="http://kokorobot.ca">kokorobot.ca</a>
112+ <img src="https://kokorobot.ca/media/interface/button.gif"/>
111 </li>
113 </li>
112 <li data-lang="en" id="29">
114 <li data-lang="en" id="29">
113 <a href="https://ameyama.com">ameyama</a>
115 <a href="https://ameyama.com">ameyama</a>
@@ -191,6 +193,7 @@
191 </li>
193 </li>
192 <li data-lang="en" id="54">
194 <li data-lang="en" id="54">
193 <a href="https://rosano.ca">rosano.ca</a>
195 <a href="https://rosano.ca">rosano.ca</a>
196+ <a href="https://rosano.ca/feed" class="rss">rss</a>
194 </li>
197 </li>
195 <li data-lang="en" id="56">
198 <li data-lang="en" id="56">
196 <a href="https://gndclouds.cc">gndclouds.cc</a>
199 <a href="https://gndclouds.cc">gndclouds.cc</a>
@@ -225,8 +228,7 @@
225 <a href="https://letters.vexingworkshop.com">vexingworkshop</a>
228 <a href="https://letters.vexingworkshop.com">vexingworkshop</a>
226 </li>
229 </li>
227 <li data-lang="en" id="67">
230 <li data-lang="en" id="67">
228− <a href="https://tom.org.nz">Tom Hackshaw</a>
231+ <a href="https://tom.so">tom hackshaw</a>
229− <a href="https://a.tom.org.nz/twtxt.txt" class="twtxt">twtxt</a>
230 </li>
232 </li>
231 <li data-lang="en" id="68">
233 <li data-lang="en" id="68">
232 <a href="https://teknari.com">Teknari</a>
234 <a href="https://teknari.com">Teknari</a>
@@ -280,8 +282,7 @@
280 <a href="https://azlen.me/twtxt.txt" class="twtxt">twtxt</a>
282 <a href="https://azlen.me/twtxt.txt" class="twtxt">twtxt</a>
281 </li>
283 </li>
282 <li data-lang="en" id="83">
284 <li data-lang="en" id="83">
283− <a href="https://opinionatedguide.github.io/">OpGuides</a>
285+ <a href="https://opguides.info">OpGuides</a>
284− <a href="https://opinionatedguide.github.io/twtxt.txt" class="twtxt">twtxt</a>
285 </li>
286 </li>
286 <li data-lang="en" id="84">
287 <li data-lang="en" id="84">
287 <a href="https://chrismaughan.com/">CMaughan</a>
288 <a href="https://chrismaughan.com/">CMaughan</a>
@@ -317,6 +318,7 @@
317 <li data-lang="en" id="93">
318 <li data-lang="en" id="93">
318 <a href="http://www.jameschip.io">James Chip</a>
319 <a href="http://www.jameschip.io">James Chip</a>
319 <a href="http://www.jameschip.io/index.xml" class="rss">rss</a>
320 <a href="http://www.jameschip.io/index.xml" class="rss">rss</a>
321+ <img src='http://www.jameschip.io/media/jc88x31.gif' />
320 </li>
322 </li>
321 <li data-lang="en" id="94">
323 <li data-lang="en" id="94">
322 <a href="https://patrick-is.cool">patrick-is.cool</a>
324 <a href="https://patrick-is.cool">patrick-is.cool</a>
@@ -329,6 +331,7 @@
329 <a href="https://royniang.com">royniang.com</a>
331 <a href="https://royniang.com">royniang.com</a>
330 <a href="https://royniang.com/tw.txt" class="twtxt">twtxt</a>
332 <a href="https://royniang.com/tw.txt" class="twtxt">twtxt</a>
331 <a href="https://royniang.com/rss.xml" class="rss">rss</a>
333 <a href="https://royniang.com/rss.xml" class="rss">rss</a>
334+ <img src='https://royniang.com/koikoi.gif' />
332 </li>
335 </li>
333 <li data-lang="en" id="97">
336 <li data-lang="en" id="97">
334 <a href="https://www.raul.earth/">raul altosaar</a>
337 <a href="https://www.raul.earth/">raul altosaar</a>
@@ -356,13 +359,14 @@
356 <a href="https://paysonwallach.com">paysonwallach.com</a>
359 <a href="https://paysonwallach.com">paysonwallach.com</a>
357 </li>
360 </li>
358 <li data-lang="en" id="105">
361 <li data-lang="en" id="105">
359− <a href="https://natwelch.com">natwelch</a>
362+ <a href="https://natwelch.com">Nat Welch</a>
363+ <a href="https://writing.natwelch.com/feed.rss" class="rss">rss</a>
360 </li>
364 </li>
361 <li data-lang="en" id="106">
365 <li data-lang="en" id="106">
362 <a href="https://parkimminent.com">Park Imminent</a>
366 <a href="https://parkimminent.com">Park Imminent</a>
363 </li>
367 </li>
364 <li data-lang="en" id="107">
368 <li data-lang="en" id="107">
365− <a href="https://aklsh.github.io">aklsh.github</a>
369+ <a href="https://aklsh.now.sh">aklsh</a>
366 </li>
370 </li>
367 <li data-lang="en" id="108">
371 <li data-lang="en" id="108">
368 <a href="https://0xff.nu">Paul Glushak</a>
372 <a href="https://0xff.nu">Paul Glushak</a>
@@ -370,11 +374,12 @@
370 </li>
374 </li>
371 <li data-lang="en ita" id="109">
375 <li data-lang="en ita" id="109">
372 <a href="https://simone.computer">Simone's Computer</a>
376 <a href="https://simone.computer">Simone's Computer</a>
377+ <a href="https://system32.simone.computer/rss.xml" class="rss">rss</a>
373 </li>
378 </li>
374− <li data-lang="en" id="110">
379+ <li data-lang="en es" id="110">
375 <a href="https://xj-ix.luxe">dreamspace</a>
380 <a href="https://xj-ix.luxe">dreamspace</a>
376− <a href="https://xj-ix.luxe/.well-known/webring/tw.txt" class="twtxt">twtxt</a>
381+ <a href="https://xj-ix.luxe/.well-known/twtxt/xjix.txt" class="twtxt">twtxt</a>
377− <a href="https://xj-ix.luxe/rss.xml" class="rss">rss</a>
382+ <a href="https://xj-ix.luxe/feed.atom" class="rss">rss</a>
378 </li>
383 </li>
379 <li data-lang="en" id="111">
384 <li data-lang="en" id="111">
380 <a href="https://simply.personal.jenett.org">jenett. simply. personal.</a>
385 <a href="https://simply.personal.jenett.org">jenett. simply. personal.</a>
@@ -518,15 +523,70 @@
518 <a href="https://mineralexistence.com/">Mineral Existence</a>
523 <a href="https://mineralexistence.com/">Mineral Existence</a>
519 <a href="https://mineralexistence.com/twtxt.txt" class="twtxt">twtxt</a>
524 <a href="https://mineralexistence.com/twtxt.txt" class="twtxt">twtxt</a>
520 </li>
525 </li>
526+ <li data-lang="en" id="147">
527+ <a href="https://aless.co">anti-pattern / alessia bellisario</a>
528+ <a href="https://aless.co/rss.xml" class="rss">rss</a>
529+ </li>
530+ <li data-lang="en" id="148">
531+ <a href="https://weakty.com">weakty</a>
532+ </li>
533+ <li data-lang="en" id="149">
534+ <a href="https://0l.wtf">0l</a>
535+ <a href="https://0l.wtf/rss.xml" class="rss">rss</a>
536+ <a href="https://0l.wtf/twtxt.txt" class="twtxt">twtxt</a>
537+ </li>
538+ <li data-lang="en" id="150">
539+ <a href="https://mrshll.com">mrshll</a>
540+ </li>
541+ <li data-lang="en" id="151">
542+ <a href="https://everest-pipkin.com/">everest pipkin</a>
543+ </li>
544+ <li data-lang="fr" id="152">
545+ <a href="https://hugo.soucy.cc">hs0ucy</a>
546+ <a href="https://hugo.soucy.cc/index.xml" class="rss">rss</a>
547+ </li>
548+ <li data-lang="en" id="153">
549+ <a href="https://darch.dk">darch</a>
550+ <a href="https://darch.dk/twtxt.txt" class="twtxt">twtxt</a>
551+ <a href="https://darch.dk/feed/page:feed.xml" class="rss">rss</a>
552+ </li>
553+ <li data-lang="en" id="natehn">
554+ <a href="https://natehn.com">natehn</a>
555+ <a href="https://natehn.com/index.xml" class="rss">rss</a>
556+ </li>
557+ <li data-lang="en" id="pbatch">
558+ <a href="https://pbat.ch">pbatch</a>
559+ <a href="https://pbat.ch/twtxt.txt" class="twtxt">twtxt</a>
560+ </li>
561+ <li data-lang="en" id="156">
562+ <a href="https://dom.ink">dom</a>
563+ <a href="https://dom.ink/tw.txt" class="twtxt">twtxt</a>
564+ </li>
565+ <li data-lang="en" id="157">
566+ <a href="https://njoqi.me">njoqi</a>
567+ </li>
568+ <li data-lang="en" id="158">
569+ <a href="https://eric.jetzt">eric.jetzt</a>
570+ <a href="https://eric.jetzt/twtxt.txt" class="twtxt">twtxt</a>
571+ </li>
572+ <li data-lang="en" id="gr0k">
573+ <a href="https://www.gr0k.net">gr0k</a>
574+ <a href="https://www.gr0k.net/twtxt.txt" class="twtxt">twtxt</a>
575+ <a href="https://www.gr0k.net/blog/feed.xml" class="rss">rss</a>
576+ </li>
577+ <li data-lang="en" id="clarity">
578+ <a href="https://clarity.flowers">Clarity Flowers</a>
579+ </li>
521 </ol>
580 </ol>
522 <footer>
581 <footer>
523 <p class="readme">
582 <p class="readme">
524− 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>.
583+ This webring is an attempt to inspire artists &amp; developers to build their websites and share traffic amongst each other. The ring welcomes <b>hand-crafted wikis and portfolios</b>.
525 </p>
584 </p>
526 <p>
585 <p>
527 To add yourself to the ring, submit a <a href="https://github.com/XXIIVV/webring#join-the-webring" target="_blank">pull request</a>.<br />
586 To add yourself to the ring, submit a <a href="https://github.com/XXIIVV/webring#join-the-webring" target="_blank">pull request</a>.<br />
587+ Looking for something specific, use the <a href="https://lieu.cblgh.org" target="_blank">search</a>.<br />
528− If you found a broken link, please <a href="https://github.com/XXIIVV/webring/issues/new" target="_blank">report it</a>.<br />
588+ Found a broken link, please <a href="https://github.com/XXIIVV/webring/issues/new" target="_blank">report it</a>.<br /><br />
529− 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>
589+ <a href="#icons">Show icons</a> | <a href="#twtxt">Show twtxt</a> | <a href="#rss">Show rss</a><span class="hide"> | <a href="#">Hide Feeds</a></span> | <a href="https://lieu.cblgh.org/random" target="_blank">Random</a>
530 </p>
590 </p>
531 <img id="icon" src="icon.black.large.svg" alt="icon"/>
591 <img id="icon" src="icon.black.large.svg" alt="icon"/>
532 </footer>
592 </footer>
@@ -539,15 +599,18 @@ body a:before { content: '{'; }
539body a:after { content: '}'; }
599body a:after { content: '}'; }
540body > ol { margin: 30px; padding: 0px 30px 30px; column-count: 3; display: block; border-bottom: 2px solid var(--color-beta); }
600body > ol { margin: 30px; padding: 0px 30px 30px; column-count: 3; display: block; border-bottom: 2px solid var(--color-beta); }
541body > ol > li { padding-right: 30px; }
601body > ol > li { padding-right: 30px; }
542−body > ol > li:target { background: var(--color-beta); }
602+body > ol > li img { display: none; margin:5px; }
543body > ol > li a.rss, body > ol > li a.twtxt { display: none; }
603body > ol > li a.rss, body > ol > li a.twtxt { display: none; }
544−body > ol > li:target a { color: var(--color-alpha); }
604+body > ol > li a:visited:before, body > ol > li a:visited:after { color: var(--color-alpha); }
545body > footer { margin: 30px; }
605body > footer { margin: 30px; }
546body > footer > p { max-width: 600px; }
606body > footer > p { max-width: 600px; }
547body > footer > p span.hide { display: none; }
607body > footer > p span.hide { display: none; }
548body > footer > img { display: inline-block; width: 100px; margin-bottom: -5px; margin-bottom: 30px; }
608body > footer > img { display: inline-block; width: 100px; margin-bottom: -5px; margin-bottom: 30px; }
549body:target > ol li a.twtxt, html:target li a.rss { background: var(--color-beta); color: var(--color-alpha); display: inline; }
609body:target > ol li a.twtxt, html:target li a.rss { background: var(--color-beta); color: var(--color-alpha); display: inline; }
550body:target > footer > p > span.hide, html:target footer > p > span.hide { display: inline; }
610body:target > footer > p > span.hide, html:target footer > p > span.hide { display: inline; }
611+body > ol:target > li > img { display:block; }
612+body > ol > li:target a { color: var(--color-alpha); }
613+body > ol > li:target { background: var(--color-beta); }
551@media screen and (max-width: 800px) { body > ol { column-count: 2; } }
614@media screen and (max-width: 800px) { body > ol { column-count: 2; } }
552@media screen and (max-width: 600px) { body > ol { column-count: 1; } }
615@media screen and (max-width: 600px) { body > ol { column-count: 1; } }
553@media (prefers-color-scheme: dark) {
616@media (prefers-color-scheme: dark) {