18869f6..master · webring

git.iko.soy/webring

on master help sign in

4 files changed+20−31

since splitsnapshots

unifiedsplit

README.md+3−3 links/main.css+12−8 scripts/portal.js+1−1 scripts/sites.js+4−19

README.md+3−3

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

55## Join the webring

@@ -10,9 +10,9 @@ 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. **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

links/main.css+12−8

@@ -1,15 +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;}

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

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+1−1

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

2020 }

2121

2222 function _redirect (target) {

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

23+ return `Redirecting to ${target}<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+4−19

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

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

88 , "http://estevancarlos.com"

99 , "https://electro.pizza"

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

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

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

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

1212 , "http://kaemura.com"

1313 , "https://liamcooke.com"

1414 , "https://electricgecko.de"

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

2020 , "https://heracl.es"

2121 , "https://felipecortez.net"

2222 , "http://luminghao.com"

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

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

2425 , "https://spaceshipsin.space"

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

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

5657 , "https://underscorediscovery.ca"

5758 , "https://drisc.io"

5859 , "https://neufv.website"

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

5961 , "https://ricky.codes"

6062 , "https://maxdeviant.com"

6163 , "https://tynandebold.com"

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

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

6668 , "https://chad.is"

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

8570];