f63d189 · webring · git.iko.soy

index.html+1

compare with master

unifiedsplit

@@ -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+8−8

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

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 }

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