git.iko.soy/webring
on master help sign in
Added buttons
1798fd8neauoire
README.md+2−1
compare with master
unifiedsplit
@@ -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
index.html+7−4
@@ -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>
@@ -579,7 +580,7 @@
579 To add yourself to the ring, submit a <a href="https://github.com/XXIIVV/webring#join-the-webring" target="_blank">pull request</a>.<br />
580 To add yourself to the ring, submit a <a href="https://github.com/XXIIVV/webring#join-the-webring" target="_blank">pull request</a>.<br />
580 Looking for something specific, use the <a href="https://lieu.cblgh.org" target="_blank">search</a>.<br />
581 Looking for something specific, use the <a href="https://lieu.cblgh.org" target="_blank">search</a>.<br />
581 Found a broken link, please <a href="https://github.com/XXIIVV/webring/issues/new" target="_blank">report it</a>.<br /><br />
582 Found a broken link, please <a href="https://github.com/XXIIVV/webring/issues/new" target="_blank">report it</a>.<br /><br />
582− <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>
583+ <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>
583 </p>
584 </p>
584 <img id="icon" src="icon.black.large.svg" alt="icon"/>
585 <img id="icon" src="icon.black.large.svg" alt="icon"/>
585 </footer>
586 </footer>
@@ -592,9 +593,8 @@ body a:before { content: '{'; }
592body a:after { content: '}'; }
593body a:after { content: '}'; }
593body > ol { margin: 30px; padding: 0px 30px 30px; column-count: 3; display: block; border-bottom: 2px solid var(--color-beta); }
594body > ol { margin: 30px; padding: 0px 30px 30px; column-count: 3; display: block; border-bottom: 2px solid var(--color-beta); }
594body > ol > li { padding-right: 30px; }
595body > ol > li { padding-right: 30px; }
595−body > ol > li:target { background: var(--color-beta); }
596+body > ol > li img { display: none; margin:5px; }
596body > ol > li a.rss, body > ol > li a.twtxt { display: none; }
597body > ol > li a.rss, body > ol > li a.twtxt { display: none; }
597−body > ol > li:target a { color: var(--color-alpha); }
598body > ol > li a:visited:before, body > ol > li a:visited:after { color: var(--color-alpha); }
598body > ol > li a:visited:before, body > ol > li a:visited:after { color: var(--color-alpha); }
599body > footer { margin: 30px; }
599body > footer { margin: 30px; }
600body > footer > p { max-width: 600px; }
600body > footer > p { max-width: 600px; }
@@ -602,6 +602,9 @@ body > footer > p span.hide { display: none; }
602body > footer > img { display: inline-block; width: 100px; margin-bottom: -5px; margin-bottom: 30px; }
602body > footer > img { display: inline-block; width: 100px; margin-bottom: -5px; margin-bottom: 30px; }
603body:target > ol li a.twtxt, html:target li a.rss { background: var(--color-beta); color: var(--color-alpha); display: inline; }
603body:target > ol li a.twtxt, html:target li a.rss { background: var(--color-beta); color: var(--color-alpha); display: inline; }
604body:target > footer > p > span.hide, html:target footer > p > span.hide { display: inline; }
604body:target > footer > p > span.hide, html:target footer > p > span.hide { display: inline; }
605+body > ol:target > li > img { display:block; }
606+body > ol > li:target a { color: var(--color-alpha); }
607+body > ol > li:target { background: var(--color-beta); }
605@media screen and (max-width: 800px) { body > ol { column-count: 2; } }
608@media screen and (max-width: 800px) { body > ol { column-count: 2; } }
606@media screen and (max-width: 600px) { body > ol { column-count: 1; } }
609@media screen and (max-width: 600px) { body > ol { column-count: 1; } }
607@media (prefers-color-scheme: dark) {
610@media (prefers-color-scheme: dark) {