diff --git a/index.html b/index.html index f77e6ec..7257ce2 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + Webring diff --git a/links/fonts.css b/links/fonts.css new file mode 100644 index 0000000..aac9411 --- /dev/null +++ b/links/fonts.css @@ -0,0 +1,22 @@ +/* Input Mono */ + +@font-face { + font-family: 'input_mono_regular'; + src: url('../media/fonts/input_mono_regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'input_mono_medium'; + src: url('../media/fonts/input_mono_medium.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'input_mono_thin'; + src: url('../media/fonts/input_mono_thin.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/links/main.css b/links/main.css index 1ebe3e4..abb35e3 100644 --- a/links/main.css +++ b/links/main.css @@ -1,13 +1,13 @@ body { background:#f4f4f4; padding:0px; margin:0px; } -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 } +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 } 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 } -body div p { display:block; padding:0px 5px} -body div p a { color:black; text-decoration: none; } +body div p { display:block; padding:0px 5px; line-height: 20px} +body div p a { color:black; text-decoration: none; text-decoration: underline;} body div p a:hover { text-decoration: underline; } -body div p b { font-weight: normal; color:#000; text-decoration: underline; } +body div p b { font-weight: normal; color:#000; font-family: 'input_mono_medium' } body div p.readme { max-width:500px; } body div list { display:block; max-width: 800px; columns:3; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;} -body div list ln { width: 16em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; } -body div list ln a { line-height: 20px; display: inline-block; color:#000; padding:0px 5px;} -body div list ln a:visited { color:#777; text-decoration: none;} -body div list ln a:hover { background:black; color:#fff; text-decoration: none; } \ No newline at end of file +body div list ln { width: 22em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; } +body div list ln a { line-height: 20px; display: inline-block; color:#000; padding:0px 5px; text-decoration: none;} +body div list ln a:visited { color:#999; text-decoration: none;} +body div list ln a:hover { background:#ccc; color:#000; text-decoration: none; border-radius: 2px } \ No newline at end of file diff --git a/media/fonts/input_mono_medium.ttf b/media/fonts/input_mono_medium.ttf new file mode 100644 index 0000000..0d488bf Binary files /dev/null and b/media/fonts/input_mono_medium.ttf differ diff --git a/media/fonts/input_mono_regular.ttf b/media/fonts/input_mono_regular.ttf new file mode 100644 index 0000000..c19c287 Binary files /dev/null and b/media/fonts/input_mono_regular.ttf differ diff --git a/media/fonts/input_mono_thin.ttf b/media/fonts/input_mono_thin.ttf new file mode 100644 index 0000000..9622bc3 Binary files /dev/null and b/media/fonts/input_mono_thin.ttf differ diff --git a/scripts/portal.js b/scripts/portal.js index 4559151..9dde826 100644 --- a/scripts/portal.js +++ b/scripts/portal.js @@ -16,7 +16,7 @@ function Portal(sites) this.readme = function() { - return `

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 diaries, wikis & portfolios — To add yourself to the ring, submit a Pull Request.

` + return `

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 diaries, wikis & portfolios.

To add yourself to the ring, submit a Pull Request.
If you found a broken link, please report it.

` } this.buttons = function()