git.iko.soy/webring
on 1ae9a79 help sign in
eb01662
swap
0 ahead, 131 behind
404.htmldeleted−18
since splitsnapshots
unifiedsplit
@@ -1,18 +0,0 @@
1−---
2−permalink: /404.html
3−---
4−<!DOCTYPE html>
5−<html lang="en">
6−<head>
7− <meta charset="utf-8">
8− <title>Loading..</title>
9−</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>
README.md+5−12
@@ -1,15 +1,15 @@
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](http://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 personal websites such as diaries, wikis, bookmark lists, portfolios. To add yourself to the ring, submit an [edit](https://github.com/XXIIVV/webring/edit/master/index.html) to this repository.
4
4
5## Join the webring
5## Join the webring
6
6
7```
7```
8−<a href='https://webring.xxiivv.com/#random' target='_blank'><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
8+<a href='http://webring.xxiivv.com/#random' target='_blank'><img src='http://webring.xxiivv.com/icon.black.svg'/></a>
9```
9```
10
10
11- Add the webring icon to your website html.
11- 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+- Add your website url to the [index.html](https://github.com/XXIIVV/webring/edit/master/index.html)
13- Submit a Pull Request with the location of the webring icon on your site.
13- Submit a Pull Request with the location of the webring icon on your site.
14
14
15Alternatively, 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.
15Alternatively, 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.
@@ -19,16 +19,9 @@ Alternatively, if you your website has a dark background, use `icon.white.svg`.
19Instead 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:
19Instead 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:
20
20
21```
21```
22−<a href='https://webring.xxiivv.com/#wiki.xxiivv' target='_blank'><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
22+<a href='http://webring.xxiivv.com/#wiki.xxiivv' target='_blank'><img src='http://webring.xxiivv.com/icon.black.svg'/></a>
23```
23```
24
24
25−## API
26−
27−This repository does not contain mature API capabilities, but there is one way to request list of sites currently in the webring.
28−
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)
30−- Parse it as text from `[` to `]`, split by `,` and then trim all whitespace and `"` in resulting array.
31−
32## Need Help?
25## Need Help?
33
26
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).
27+The ring master is [@neauoire](http://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](http://wiki.xxiivv.com/webring).
index.html+42−6
@@ -3,17 +3,53 @@
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"/>
7− <link rel="stylesheet" type="text/css" href="links/main.css"/>
8− <script src="scripts/portal.js"></script>
6+ <script src="portal.js"></script>
9− <script src="scripts/sites.js"></script>
10 <title>Webring</title>
7 <title>Webring</title>
11</head>
8</head>
12<body>
9<body>
13 <script>
10 <script>
11+ // protocole://url.domain.ext/
12+ var sites = [
13+ "https://wiki.xxiivv.com/",
14+ "http://estevancarlos.com/",
15+ "https://electro.pizza/",
16+ "http://xla.wiki/",
17+ "https://monochromatic.co/",
18+ "https://joshavanier.github.io/",
19+ "http://kaemura.com/",
20+ "https://liamcooke.com/",
21+ "https://electricgecko.de/",
22+ "https://wichniow.ski/",
23+ "https://hraew.autophagy.io/",
24+ "https://evenunto.net/",
25+ "https://anxl.faith",
26+ "https://xvw.github.io",
27+ "https://heracl.es",
28+ "https://felipecortez.net",
29+ "http://rukial.tk",
30+ "http://luminghao.com",
31+ "http://silane.io",
32+ "https://theiceshelf.com/",
33+ "https://turelio.github.io/",
34+ "https://spaceshipsin.space/",
35+ "http://log.lectronice.com",
36+ "https://craze.co.uk",
37+ "https://shaneckel.com",
38+ "https://cblgh.org",
39+ "https://ellugar.co",
40+ "http://hur.bet",
41+ "http://chigby.org",
42+ "https://0101.solar",
43+ "https://longest.voyage"
44+ // Don't forget the comma!
45+ ]
14− const portal = new Portal(sites);
46+ var portal = new Portal(sites);
15− portal.install(document.body);
16 portal.start();
47 portal.start();
17 </script>
48 </script>
49+ <style>
50+ body { background:#eee; padding:30px; }
51+ body a { color:#000; display: inline-block; padding:0px 5px; line-height: 20px}
52+ body a:hover { color:#eee; background:#000; text-decoration: none; }
53+ </style>
18</body>
54</body>
19</html>
55</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.cssdeleted−19
@@ -1,19 +0,0 @@
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;}
2−
3−body { background:#f4f4f4; padding:0px; margin:0px; }
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 }
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 }
6−body div p { display:block; padding:0px 5px; line-height: 20px}
7−body div p a { color:black; text-decoration: none; text-decoration: underline;}
8−body div p a:hover { text-decoration: underline; }
9−body div p b { font-weight: normal; color:#000; font-family: 'input_mono_medium' }
10−body div p.readme { max-width:500px; }
11−body div ul { display:block; max-width: 800px; columns:3; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;}
12−body div ul li { width: 22em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
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){
18− body div ul { columns: 2 }
19−}
media/fonts/input_mono_medium.ttfdeleted

Binary file not shown.

media/fonts/input_mono_regular.ttfdeleted

Binary file not shown.

portal.jsnew file+74
@@ -0,0 +1,74 @@
1+function Portal(sites)
2+{
3+ this.el = document.createElement("pre");
4+ this.sites = sites;
5+
6+ this.install = function()
7+ {
8+ document.body.appendChild(this.el);
9+ }
10+
11+ this.start = function()
12+ {
13+ this.install();
14+ this.el.innerHTML = window.location.hash ? this.redirect() : this.directory();
15+ }
16+
17+ this.directory = function()
18+ {
19+ var html = ""
20+
21+ for(id in this.sites){
22+ var site = this.sites[id]
23+ html += `${id}) <a href='${site}'>${site}</a>\n`
24+ }
25+ html += `\n<a href='#random' onClick="portal.reload('random')">Random</a> | <a href='https://github.com/XXIIVV/webring'>Information</a>`
26+
27+ return html
28+ }
29+
30+ this.reload = function()
31+ {
32+ setTimeout(()=>{ window.location.reload() },500)
33+ }
34+
35+ this.location = function()
36+ {
37+ return window.location.hash.replace("#","").trim();
38+ }
39+
40+ this.locate = function()
41+ {
42+ var hash = this.location();
43+
44+ if(hash == "random"){
45+ return Math.floor(Math.random()*this.sites.length)
46+ }
47+
48+ for(var id in this.sites){
49+ var site = this.sites[id];
50+ if(site.indexOf(hash) >-1){
51+ return parseInt(id)
52+ }
53+ }
54+ return -1
55+ }
56+
57+ this.next = function(loc)
58+ {
59+ return loc == this.sites.length-1 ? this.sites[0] : this.sites[loc+1];
60+ }
61+
62+ this.redirect = function()
63+ {
64+ var location = this.locate();
65+ var target = this.next(location);
66+
67+ var html = ""
68+
69+ html = `Redirecting to ${target}
70+ <meta http-equiv="refresh" content="3; url=${target}">
71+<a href='' onClick="window.location.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>`
72+ return html
73+ }
74+}
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−];