diff --git a/README.md b/README.md index 05b8a33..4a3b0df 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,11 @@ # Webring -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. +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. ## Join the webring ``` - + ``` - 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`. Instead 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: ``` - + ``` ## Need Help? -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). +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). diff --git a/index.html b/index.html index 3387177..8d91247 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..773da22 100644 --- a/links/main.css +++ b/links/main.css @@ -1,13 +1,17 @@ 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 } + +@media (max-width: 950px) { + body div list { columns: 2 } +} \ 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()