master...c98e358 · webring

git.iko.soy/webring

on c98e358 help sign in

4 files changed+39−24

since splitsnapshots

unifiedsplit

README.md+7−6 links/main.css+8−12 scripts/portal.js+1−1 scripts/sites.js+23−5

README.md+7−6

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

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

55## Join the webring

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

1010

1111- Add the webring icon to your website html.

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

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

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

2323```

2424

2525## API

2626

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 currently in the webring.

2828

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

30+- Then parse it as text from `[` to `]`, split by `,` and then trim all whitespace and `"` in resulting array.

31+- 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 sites in the webring. See [webring-checker.now.sh](https://webring-checker.now.sh) for more info.

3132

3233## Need Help?

3334

links/main.css+8−12

@@ -1,19 +1,15 @@

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

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

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 }

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

88body 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' }

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

1212body 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−}

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

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

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

scripts/portal.js+1−1

@@ -20,7 +20,7 @@ function Portal (sites) {

2020 }

2121

2222 function _redirect (target) {

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

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

2424 <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>`

2525 }

2626

scripts/sites.js+23−5

@@ -7,20 +7,19 @@ const sites = [

77 "https://wiki.xxiivv.com"

88 , "http://estevancarlos.com"

99 , "https://electro.pizza"

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

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

10+ , "https://ianjbattaglia.co"

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

1212 , "http://kaemura.com"

1313 , "https://liamcooke.com"

1414 , "https://electricgecko.de"

1515 , "https://wichniow.ski"

1616 , "https://hraew.autophagy.io"

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

17+ , "http://evenunto.net"

1818 , "https://anxl.faith"

1919 , "https://xvw.github.io"

2020 , "https://heracl.es"

2121 , "https://felipecortez.net"

2222 , "http://luminghao.com"

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

2423 , "https://turelio.github.io"

2524 , "https://spaceshipsin.space"

2625 , "http://log.lectronice.com"

@@ -57,7 +56,6 @@ const sites = [

5756 , "https://underscorediscovery.ca"

5857 , "https://drisc.io"

5958 , "https://neufv.website"

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

6159 , "https://ricky.codes"

6260 , "https://maxdeviant.com"

6361 , "https://tynandebold.com"

@@ -67,4 +65,24 @@ const sites = [

6765 , "https://mmm.s-ol.nu"

6866 , "https://chad.is"

6967 , "https://smidgeo.com/bots"

68+ , "https://iko.soy"

69+ , "http://atelieroilandsugar.com"

70+ , "https://magoz.is"

71+ , "https://szymonkaliski.com"

72+ , "https://phse.net"

73+ , "https://rosano.ca"

74+ , "https://soyboysky.github.io"

75+ , "https://gndclouds.cc"

76+ , "https://xuv.be"

77+ , "https://dsdshcym.github.io"

78+ , "https://wiki.chronica.xyz"

79+ , "https://boffosocko.com"

80+ , "https://hex22.org"

81+ , "https://patrikarvidsson.com"

82+ , "https://sophieleetmaa.com"

83+ , "https://xinniw.github.io"

84+ , "https://mboxed.github.io/forida"

85+ , "https://letters.vexingworkshop.com"

86+ , "https://tom.org.nz/about"

87+ , "https://teknari.com"

7088];