master...2373981 · webring

git.iko.soy/webring

README.md+3−3

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

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

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.

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

17### Circular Linking

links/main.css+7−7

@@ -1,18 +1,18 @@

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

11body div ul { display:block; max-width: 800px; columns:3; 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 a { line-height: 20px; display: inline-block; color:#000; padding:0px 5px; text-decoration: none;}

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

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

14+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 }

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

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

18 body div ul { columns: 2 }

scripts/portal.js+1−1

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

20 }

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

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

25 }

scripts/sites.js+16−4

@@ -7,8 +7,8 @@ const sites = [

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

8 , "http://estevancarlos.com"

9 , "https://electro.pizza"

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

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

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

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

12 , "http://kaemura.com"

13 , "https://liamcooke.com"

14 , "https://electricgecko.de"

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

20 , "https://heracl.es"

21 , "https://felipecortez.net"

22 , "http://luminghao.com"

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

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

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

25 , "https://spaceshipsin.space"

24 , "https://spaceshipsin.space"

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

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

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

57 , "https://underscorediscovery.ca"

56 , "https://underscorediscovery.ca"

58 , "https://drisc.io"

57 , "https://drisc.io"

59 , "https://neufv.website"

58 , "https://neufv.website"

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

61 , "https://ricky.codes"

59 , "https://ricky.codes"

62 , "https://maxdeviant.com"

60 , "https://maxdeviant.com"

63 , "https://tynandebold.com"

61 , "https://tynandebold.com"

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

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

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

68 , "https://chad.is"

66 , "https://chad.is"

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

67 , "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"

70];

82];