master...4b04589 · webring

git.iko.soy/webring

README.md+8−8

since splitsnapshots

@@ -1,6 +1,6 @@

1# Webring

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 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.

5## Join the webring

@@ -9,25 +9,25 @@ This [webring](https://wiki.xxiivv.com/webring) is an attempt to inspire artists

9```

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 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.

13+- Submit a Pull Request with **the location of the webring icon** on your site.

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. **Single page websites, and websites acting only as portals to other social platforms, will be rejected**.

17### Circular Linking

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:

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='https://webring.xxiivv.com/#wiki.xxiivv' target='_blank' rel="noopener noreferrer"><img src='https://webring.xxiivv.com/icon.black.svg'/></a>

23```

25## API

27−This repository does not contain mature API capabilities, but there is one way to request list of sites currently in the webring.

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.

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)

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−- Parse it as text from `[` to `]`, split by `,` and then trim all whitespace and `"` in resulting array.

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.

32## Need Help?

links/main.css+10−12

@@ -1,19 +1,17 @@

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;}

3body { 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 }

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: 10px;right:10px;background-position: center;padding:0px }

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 }

6body div p { display:block; padding:0px 5px; line-height: 20px}

7−body div p a { color:black; text-decoration: none; text-decoration: underline;}

7+body div p a { text-decoration: underline;}

8body div p a:hover { text-decoration: underline; }

9−body div p b { font-weight: normal; color:#000; font-family: 'input_mono_medium' }

9+body div p b { font-weight: normal; font-family: 'input_mono_medium' }

10body 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;}

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;}

12body 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.blog::after { content:"<blog>"; color:#555;}

13−body div ul li a { line-height: 20px; display: inline-block; color:#000; padding:0px 5px; text-decoration: none;}

15+body div ul li a { line-height: 20px; padding:0px 5px; text-decoration: none;}

14−body div ul li a:visited { color:#999; text-decoration: none;}

16+body div ul li a:visited { color:#ccc; text-decoration: none;}

15−body div ul li a:hover { background:#ccc; color:#000; text-decoration: none; border-radius: 2px }

17+body div ul li a:hover { text-decoration: underline; }

16−

17−@media (max-width: 950px){

18− body div ul { columns: 2 }

19−}

scripts/portal.js+10−5

@@ -16,12 +16,16 @@ function Portal (sites) {

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()}`

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()}`

20 }

22− function _redirect (target) {

22+ function _name(site) {

23+ return site.title ? site.title : `${site.url.split('//')[1]}`

24+ }

25+

26+ function _redirect (site) {

23− return `Redirecting to ${target}<meta http-equiv="refresh" content="3; url=${target}">

27+ return `Redirecting to <a href="${site.url}">${site.url}</a><meta http-equiv="refresh" content="3; url=${site.url}">

24− <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>`

28+ <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>`

25 }

29 }

27 //

31 //

@@ -50,7 +54,8 @@ function Portal (sites) {

50 }

54 }

52 for (const id in this.sites) {

56 for (const id in this.sites) {

57+ const site = this.sites[id]

53− if (this.sites[id].indexOf(hash) > -1) {

58+ if (site.url.indexOf(hash) > -1) {

54 return parseInt(id)

59 return parseInt(id)

55 }

60 }

56 }

61 }

scripts/sites.js+81−63

@@ -4,67 +4,85 @@

4// protocole://url.domain.ext

6const sites = [

7− "https://wiki.xxiivv.com"

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− , "http://estevancarlos.com"

8+ , {url:"http://estevancarlos.com"}

9− , "https://electro.pizza"

9+ , {url:"https://electro.pizza", title:"electro·pizza", type:"blog", rss:"https://electro.pizza/feed.xml"}

10− , "https://monochromatic.co"

10+ , {url:"https://ianjbattaglia.co"}

11− , "https://joshavanier.github.io"

11+ , {url:"https://joshavanier.github.io/wiki"}

12− , "http://kaemura.com"

12+ , {url:"http://kaemura.com"}

13− , "https://liamcooke.com"

13+ , {url:"https://liamcooke.com"}

14− , "https://electricgecko.de"

14+ , {url:"https://electricgecko.de"}

15− , "https://wichniow.ski"

15+ , {url:"https://wichniow.ski"}

16− , "https://hraew.autophagy.io"

16+ , {url:"https://hraew.autophagy.io"}

17− , "https://evenunto.net"

17+ , {url:"http://evenunto.net"}

18− , "https://anxl.faith"

18+ , {url:"https://anxl.faith"}

19− , "https://xvw.github.io"

19+ , {url:"https://xvw.github.io"}

20− , "https://heracl.es"

20+ , {url:"https://heracl.es"}

21− , "https://felipecortez.net"

21+ , {url:"https://felipecortez.net"}

22− , "http://luminghao.com"

22+ , {url:"http://luminghao.com"}

23− , "https://theiceshelf.com"

24− , "https://turelio.github.io"

23+ , {url:"https://turelio.github.io"}

25− , "https://spaceshipsin.space"

24+ , {url:"https://spaceshipsin.space"}

26− , "http://log.lectronice.com"

25+ , {url:"http://log.lectronice.com"}

27− , "https://craze.co.uk"

26+ , {url:"https://craze.co.uk"}

28− , "https://shaneckel.com"

27+ , {url:"https://shaneckel.com"}

29− , "https://cblgh.org"

28+ , {url:"https://cblgh.org"}

30− , "https://ellugar.co"

29+ , {url:"https://ellugar.co"}

31− , "http://hur.bet"

30+ , {url:"http://hur.bet"}

32− , "http://chigby.org"

31+ , {url:"http://chigby.org"}

33− , "https://longest.voyage"

32+ , {url:"https://longest.voyage"}

34− , "https://palomakop.tv"

33+ , {url:"https://palomakop.tv"}

35− , "https://travisshears.com"

34+ , {url:"https://travisshears.com"}

36− , "https://v-os.ca"

35+ , {url:"https://v-os.ca"}

37− , "http://secretinternet.club"

36+ , {url:"http://secretinternet.club"}

38− , "https://jmandel.xyz"

37+ , {url:"https://jmandel.xyz"}

39− , "https://systems.ws"

38+ , {url:"https://systems.ws"}

40− , "https://jamesin.space"

39+ , {url:"https://jamesin.space"}

41− , "https://nathanwentworth.co"

40+ , {url:"https://nathanwentworth.co"}

42− , "https://eswat.ca"

41+ , {url:"https://eswat.ca"}

43− , "https://uonai.space"

42+ , {url:"https://uonai.space"}

44− , "http://controls.ee"

43+ , {url:"http://controls.ee"}

45− , "https://wasin.io"

44+ , {url:"https://wasin.io"}

46− , "https://inns.studio"

45+ , {url:"https://inns.studio"}

47− , "http://kokorobot.ca"

46+ , {url:"http://kokorobot.ca"}

48− , "https://ameyama.com"

47+ , {url:"https://ameyama.com"}

49− , "https://wake.st"

48+ , {url:"https://wake.st"}

50− , "https://xarene.la"

49+ , {url:"https://xarene.la"}

51− , "https://alex.zyzhang.me"

50+ , {url:"https://alex.zyzhang.me"}

52− , "http://bildwissenschaft.vortok.info"

51+ , {url:"http://bildwissenschaft.vortok.info"}

53− , "https://jakofranko.github.com"

52+ , {url:"https://jakofranko.github.com"}

54− , "https://aeriform.io"

53+ , {url:"https://aeriform.io"}

55− , "http://blog.lucasdidthis.com"

54+ , {url:"http://blog.lucasdidthis.com"}

56− , "http://npisanti.com"

55+ , {url:"http://npisanti.com"}

57− , "https://underscorediscovery.ca"

56+ , {url:"https://underscorediscovery.ca"}

58− , "https://drisc.io"

57+ , {url:"https://drisc.io"}

59− , "https://neufv.website"

58+ , {url:"https://neufv.website"}

60− , "https://simbolo.xyz"

61− , "https://ricky.codes"

59+ , {url:"https://ricky.codes"}

62− , "https://maxdeviant.com"

60+ , {url:"https://maxdeviant.com"}

63− , "https://tynandebold.com"

61+ , {url:"https://tynandebold.com"}

64− , "http://gytis.co"

62+ , {url:"http://gytis.co"}

65− , "https://nomand.co"

63+ , {url:"https://nomand.co"}

66− , "http://memoriata.com"

64+ , {url:"http://memoriata.com"}

67− , "https://mmm.s-ol.nu"

65+ , {url:"https://mmm.s-ol.nu"}

68− , "https://chad.is"

66+ , {url:"https://chad.is"}

69− , "https://smidgeo.com/bots"

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"}

70];

88];