ilyakooo0/webring
1
0
Fork 0
mirror of https://github.com/ilyakooo0/webring.git synced 2024-11-22 13:35:24 +03:00
Code Issues Projects Releases Wiki Activity

Merge branch 'master' into master

Browse Source
This commit is contained in:
Лu Лinveгa 2018-07-06 09:03:36 +12:00 committed by GitHub
commit d27704b24a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 40 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@ -1,11 +1,11 @@
# Webring # 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 ## Join the webring
``` ```
<a href='http://webring.xxiivv.com/#random' target='_blank'><img src='http://webring.xxiivv.com/icon.black.svg'/></a> <a href='https://webring.xxiivv.com/#random' target='_blank'><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
``` ```
- Add the webring icon to your website html. - 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: 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:
``` ```
<a href='http://webring.xxiivv.com/#wiki.xxiivv' target='_blank'><img src='http://webring.xxiivv.com/icon.black.svg'/></a> <a href='https://webring.xxiivv.com/#wiki.xxiivv' target='_blank'><img src='https://webring.xxiivv.com/icon.black.svg'/></a>
``` ```
## Need Help? ## 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).

1
index.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="links/fonts.css"/>
<link rel="stylesheet" type="text/css" href="links/main.css"/> <link rel="stylesheet" type="text/css" href="links/main.css"/>
<script src="scripts/portal.js"></script> <script src="scripts/portal.js"></script>
<title>Webring</title> <title>Webring</title>

22
links/fonts.css Normal file
View File

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

20
links/main.css
View File

@ -1,13 +1,17 @@
body { background:#f4f4f4; padding:0px; margin:0px; } 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 #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 { display:block; padding:0px 5px; line-height: 20px}
body div p a { color:black; text-decoration: none; } body div p a { color:black; text-decoration: none; text-decoration: underline;}
body div p a:hover { 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 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 { 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 { 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;} 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:#777; text-decoration: none;} body div list ln a:visited { color:#999; text-decoration: none;}
body div list ln a:hover { background:black; color:#fff; 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 }
}

BIN
media/fonts/input_mono_medium.ttf Normal file
View File

Binary file not shown.

BIN
media/fonts/input_mono_regular.ttf Normal file
View File

Binary file not shown.

BIN
media/fonts/input_mono_thin.ttf Normal file
View File

Binary file not shown.

2
scripts/portal.js
View File

@ -16,7 +16,7 @@ function Portal(sites)
this.readme = function() this.readme = function()
{ {
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>` 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>`
} }
this.buttons = function() this.buttons = function()