d27704b · webring · git.iko.soy

README.md+4−4

@@ -1,11 +1,11 @@

1# Webring

2

3−This [webring](http://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 personal websites such as *diaries, wikis & portfolios*. To add yourself to the ring, submit an [edit](https://github.com/XXIIVV/webring/edit/master/index.html) 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 personal websites such as *diaries, wikis & portfolios*. To add yourself to the ring, submit an [edit](https://github.com/XXIIVV/webring/edit/master/index.html) to this repository.

4

5## Join the webring

6

7```

8−<a href='http://webring.xxiivv.com/#random' target='_blank'><img src='http://webring.xxiivv.com/icon.black.svg'/></a>

8+<a href='https://webring.xxiivv.com/#random' target='_blank'><img src='https://webring.xxiivv.com/icon.black.svg'/></a>

9```

10

11- Add the webring icon to your website html.

@@ -19,9 +19,9 @@ Alternatively, if you your website has a dark background, use `icon.white.svg`.

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:

20

21```

22−<a href='http://webring.xxiivv.com/#wiki.xxiivv' target='_blank'><img src='http://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>

23```

24

25## Need Help?

26

27−The ring master is [@neauoire](http://twitter.com/neauoire), but any member of the network is also welcome to join this repository as a collaborator to help manage new links and Pull Requests. Read more [here](http://wiki.xxiivv.com/webring).

27+The ring master is [@neauoire](https://twitter.com/neauoire), but any member of the network is also welcome to join this repository as a collaborator to help manage new links and Pull Requests. Read more [here](https://wiki.xxiivv.com/webring).

index.html+1

@@ -3,6 +3,7 @@

3<head>

4 <meta charset="utf-8">

5 <meta name="viewport" content="width=device-width, initial-scale=1.0">

6+ <link rel="stylesheet" type="text/css" href="links/fonts.css"/>

6 <link rel="stylesheet" type="text/css" href="links/main.css"/>

7 <link rel="stylesheet" type="text/css" href="links/main.css"/>

7 <script src="scripts/portal.js"></script>

8 <script src="scripts/portal.js"></script>

8 <title>Webring</title>

9 <title>Webring</title>

links/fonts.cssnew file+22

@@ -0,0 +1,22 @@

1+/* Input Mono */

2+

3+@font-face {

4+ font-family: 'input_mono_regular';

5+ src: url('../media/fonts/input_mono_regular.ttf') format('truetype');

6+ font-weight: normal;

7+ font-style: normal;

8+}

9+

10+@font-face {

11+ font-family: 'input_mono_medium';

12+ src: url('../media/fonts/input_mono_medium.ttf') format('truetype');

13+ font-weight: normal;

14+ font-style: normal;

15+}

16+

17+@font-face {

18+ font-family: 'input_mono_thin';

19+ src: url('../media/fonts/input_mono_thin.ttf') format('truetype');

20+ font-weight: normal;

21+ font-style: normal;

22+}

links/main.css+12−8

@@ -1,13 +1,17 @@

1body { background:#f4f4f4; padding:0px; margin:0px; }

2−body div { display:block; background: #ccc;min-height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px;font-family: 'Monospaced','Courier New',courier;font-size:12px; position: relative; border-radius: 2px }

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

3body 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 p { display:block; padding:0px 5px}

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

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

5+body div p a { color:black; text-decoration: none; text-decoration: underline;}

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

7−body div p b { font-weight: normal; color:#000; text-decoration: underline; }

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

8body div p.readme { max-width:500px; }

9body div list { display:block; max-width: 800px; columns:3; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;}

10−body div list ln { width: 16em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }

10+body div list ln { width: 22em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }

11−body div list ln a { line-height: 20px; display: inline-block; color:#000; padding:0px 5px;}

11+body div list ln a { line-height: 20px; display: inline-block; color:#000; padding:0px 5px; text-decoration: none;}

12−body div list ln a:visited { color:#777; text-decoration: none;}

12+body div list ln a:visited { color:#999; text-decoration: none;}

13−body div list ln a:hover { background:black; color:#fff; text-decoration: none; }

13+body div list ln a:hover { background:#ccc; color:#000; text-decoration: none; border-radius: 2px }

14+

15+@media (max-width: 950px) {

16+ body div list { columns: 2 }

17+}

media/fonts/input_mono_medium.ttfnew file

Binary file not shown.

media/fonts/input_mono_regular.ttfnew file

Binary file not shown.

media/fonts/input_mono_thin.ttfnew file

Binary file not shown.

scripts/portal.js+1−1

@@ -16,7 +16,7 @@ function Portal(sites)

16

17 this.readme = function()

18 {

19− return `<p class='readme'>This webring is an attempt to inspire artists & developers to build their own website and share traffic among each other. The ring welcomes personalized websites such as <b>diaries, wikis & portfolios</b> — To add yourself to the ring, submit a <a href='https://github.com/XXIIVV/webring/edit/master/index.html' target='_blank'>Pull Request</a>.</p>`

19+ return `<p class='readme'>This webring is an attempt to inspire artists & developers to build their own website and share traffic among each other. The ring welcomes personalized websites such as <b>diaries, wikis & portfolios</b>.</p><p>To add yourself to the ring, submit a <a href='https://github.com/XXIIVV/webring/edit/master/index.html' target='_blank'>Pull Request</a>.<br />If you found a broken link, please <a href='https://github.com/XXIIVV/webring/issues/new' target='_blank'>report it</a>.</p>`

20 }

21

22 this.buttons = function()