on master help sign in
4 files changed+88−108
since splitsnapshots
unifiedsplit
README.md+8−8 links/main.css+12−9 scripts/portal.js+5−10 scripts/sites.js+63−81
README.md+8−8
@@ -1,6 +1,6 @@
11# Webring
22
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**. 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 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.
44
55## Join the webring
66
@@ -9,25 +9,25 @@ This [webring](https://wiki.xxiivv.com/webring) is an attempt to inspire artists
99```
1010
1111- Add the webring icon to your website html.
12−- Add your website information to the [sites.js](https://github.com/XXIIVV/webring/edit/master/scripts/sites.js) file. The `url` key is required, but you can also include `title`, `type`, `author`, `contact`, and `rss`.
13−- Submit a Pull Request with **the location of the webring icon** on your site.
12+- Add your website url to the [sites.js](https://github.com/XXIIVV/webring/edit/master/scripts/sites.js) file.
13+- Submit a Pull Request with the location of the webring icon on your site.
1414
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. **Single page websites, and websites acting only as portals to other social platforms, will be rejected**.
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.
1616
1717### Circular Linking
1818
1919Instead 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:
2020
2121```
22−<a href='https://webring.xxiivv.com/#wiki.xxiivv' target='_blank' rel="noopener noreferrer"><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
22+<a href='https://webring.xxiivv.com/#wiki.xxiivv' target='_blank'><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
2323```
2424
2525## API
2626
27−This repository does not contain mature API capabilities, but there are a couple ways to request a list of sites and other information currently in the webring.
27+This repository does not contain mature API capabilities, but there is one way to request list of sites currently in the webring.
2828
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) and parse it. An example can be seen [here](https://gist.github.com/ckipp01/2ab7ac42e2837b4359efeb76eb49bb54).
30−- If you'd like a already parsed list, [webring-checker.now.sh/sites](https://webring-checker.now.sh/sites) will return an json array of the site objects in the webring. See [webring-checker.now.sh](https://webring-checker.now.sh) for more info on what else is available.
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.
3131
3232## Need Help?
3333
links/main.css+12−9
@@ -1,16 +1,19 @@
11* { 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;}
22
33body { background:#f4f4f4; padding:0px; margin:0px; }
4−body div { display:block; background: #111;min-height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #333;padding: 15px;font-family:'input_mono_regular', 'Monospaced','Courier New',courier;font-size:11px; position: relative; border-radius: 2px; color:white;}
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: 15px;right:15px;background-position: center;padding: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 }
66body div p { display:block; padding:0px 5px; line-height: 20px}
7−body div p a { text-decoration: underline;}
7+body div p a { color:black; text-decoration: none; text-decoration: underline;}
88body div p a:hover { text-decoration: underline; }
9−body div p b { font-weight: normal; font-family: 'input_mono_medium' }
9+body div p b { font-weight: normal; color:#000; font-family: 'input_mono_medium' }
1010body div p.readme { max-width:500px; }
11−body div ul { display:flex; flex-wrap:wrap; max-width: 800px; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;}
11+body div ul { display:block; max-width: 800px; columns:3; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;}
1212body div ul li { width: 22em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
13−body div ul li.wiki::after { content:"<wiki>"; color:#555;}
14−body div ul li a { line-height: 20px; padding:0px 5px; text-decoration: none;}
15−body div ul li a:visited { color:#ccc; text-decoration: none;}
16−body div ul li a:hover { text-decoration: underline; }
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+}
scripts/portal.js+5−10
@@ -16,16 +16,12 @@ function Portal (sites) {
1616
1717 function _directory (sites) {
1818 return `
19− <ul>${sites.reduce((acc, site, id) => { return `${acc}<li class='${site.type}'>${id}) <a href='${site.url}'>${_name(site)}</a></li>` }, '')}</ul>\n${_readme()}${_buttons()}`
19+ <ul>${sites.reduce((acc, val, id) => { return `${acc}<li>${id}) <a href='${val}'>${val.split('//')[1]}</a></li>` }, '')}</ul>\n${_readme()}${_buttons()}`
2020 }
2121
22− function _name(site) {
23− return site.title ? site.title : `${site.url.split('//')[1]}`
24− }
25−
26− function _redirect (site) {
27− return `<p>Redirecting to <a href="${site.url}">${site.url}</a></p><meta http-equiv="refresh" content="3; url=${site.url}">
28− <p class='buttons'><a href='#' onClick="portal.reload('')">Directory</a> | <a href='#${site.url}' 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>`
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>`
2925 }
3026
3127 //
@@ -54,8 +50,7 @@ function Portal (sites) {
5450 }
5551
5652 for (const id in this.sites) {
57− const site = this.sites[id]
58− if (site.url.indexOf(hash) > -1) {
53+ if (this.sites[id].indexOf(hash) > -1) {
5954 return parseInt(id)
6055 }
6156 }
scripts/sites.js+63−81
@@ -4,85 +4,67 @@
44// protocole://url.domain.ext
55
66const sites = [
7− {url:"https://wiki.xxiivv.com", title:"XXIIVV", type:"wiki", author:"Devine Lu Linvega", contact:"aliceffekt@gmail.com", rss:"https://wiki.xxiivv.com/links/rss.xml"}
8− , {url:"http://estevancarlos.com"}
9− , {url:"https://electro.pizza", title:"electro·pizza", type:"blog", rss:"https://electro.pizza/feed.xml"}
10− , {url:"https://ianjbattaglia.co"}
11− , {url:"https://joshavanier.github.io/wiki"}
12− , {url:"http://kaemura.com"}
13− , {url:"https://liamcooke.com"}
14− , {url:"https://electricgecko.de"}
15− , {url:"https://wichniow.ski"}
16− , {url:"https://hraew.autophagy.io"}
17− , {url:"http://evenunto.net"}
18− , {url:"https://anxl.faith"}
19− , {url:"https://xvw.github.io"}
20− , {url:"https://heracl.es"}
21− , {url:"https://felipecortez.net"}
22− , {url:"http://luminghao.com"}
23− , {url:"https://turelio.github.io"}
24− , {url:"https://spaceshipsin.space"}
25− , {url:"http://log.lectronice.com"}
26− , {url:"https://craze.co.uk"}
27− , {url:"https://shaneckel.com"}
28− , {url:"https://cblgh.org"}
29− , {url:"https://ellugar.co"}
30− , {url:"http://hur.bet"}
31− , {url:"http://chigby.org"}
32− , {url:"https://longest.voyage"}
33− , {url:"https://palomakop.tv"}
34− , {url:"https://travisshears.com"}
35− , {url:"https://v-os.ca"}
36− , {url:"http://secretinternet.club"}
37− , {url:"https://jmandel.xyz"}
38− , {url:"https://systems.ws"}
39− , {url:"https://jamesin.space"}
40− , {url:"https://nathanwentworth.co"}
41− , {url:"https://eswat.ca"}
42− , {url:"https://uonai.space"}
43− , {url:"http://controls.ee"}
44− , {url:"https://wasin.io"}
45− , {url:"https://inns.studio"}
46− , {url:"http://kokorobot.ca"}
47− , {url:"https://ameyama.com"}
48− , {url:"https://wake.st"}
49− , {url:"https://xarene.la"}
50− , {url:"https://alex.zyzhang.me"}
51− , {url:"http://bildwissenschaft.vortok.info"}
52− , {url:"https://jakofranko.github.com"}
53− , {url:"https://aeriform.io"}
54− , {url:"http://blog.lucasdidthis.com"}
55− , {url:"http://npisanti.com"}
56− , {url:"https://underscorediscovery.ca"}
57− , {url:"https://drisc.io"}
58− , {url:"https://neufv.website"}
59− , {url:"https://ricky.codes"}
60− , {url:"https://maxdeviant.com"}
61− , {url:"https://tynandebold.com"}
62− , {url:"http://gytis.co"}
63− , {url:"https://nomand.co"}
64− , {url:"http://memoriata.com"}
65− , {url:"https://mmm.s-ol.nu"}
66− , {url:"https://chad.is"}
67− , {url:"https://smidgeo.com/bots"}
68− , {url:"https://iko.soy"}
69− , {url:"http://atelieroilandsugar.com"}
70− , {url:"https://magoz.is"}
71− , {url:"https://szymonkaliski.com"}
72− , {url:"https://phse.net"}
73− , {url:"https://rosano.ca"}
74− , {url:"https://soyboysky.github.io"}
75− , {url:"https://gndclouds.cc"}
76− , {url:"https://xuv.be"}
77− , {url:"https://dsdshcym.github.io"}
78− , {url:"https://wiki.chronica.xyz", title:"chronica", type:"wiki", author:"Chris Kipp", contact:"ckipp@pm.me"}
79− , {url:"https://boffosocko.com"}
80− , {url:"https://hex22.org"}
81− , {url:"https://patrikarvidsson.com"}
82− , {url:"https://sophieleetmaa.com"}
83− , {url:"https://xinniw.github.io"}
84− , {url:"https://mboxed.github.io/forida"}
85− , {url:"https://letters.vexingworkshop.com"}
86− , {url:"https://tom.org.nz/about"}
87− , {url:"https://teknari.com"}
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"
8870];