diff options
author | noisawe <3evasion@gmail.com> | 2017-11-04 15:01:22 +0100 |
---|---|---|
committer | noisawe <3evasion@gmail.com> | 2017-11-04 15:01:43 +0100 |
commit | 65c46cceaabcdb6eb692d7267e74f65d73bb958c (patch) | |
tree | 7fe545abfc8654819affc4a18a35d82d1baa39b7 | |
download | iro-65c46cceaabcdb6eb692d7267e74f65d73bb958c.tar.gz |
Initial commit
-rw-r--r-- | README.md | 3 | ||||
-rw-r--r-- | index.html | 51 | ||||
-rw-r--r-- | style.css | 87 |
3 files changed, 141 insertions, 0 deletions
diff --git a/README.md b/README.md new file mode 100644 index 0000000..9b2d655 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# Iro + +A startpage. with colors. diff --git a/index.html b/index.html new file mode 100644 index 0000000..b7dde64 --- /dev/null +++ b/index.html @@ -0,0 +1,51 @@ +<!DOCTYPE html> +<html> + <head> + <title>new tab</title> + <link rel="stylesheet" href="style.css"> + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu+Mono"> + <meta charset="utf-8"> + </head> + <body> + <h1>色</h1> + <div> + <ul> + <li>4chan</li> + + <li><a href="https://boards.4chan.org/w/">w</a></li> + <li><a href="https://boards.4chan.org/wg/">wg</a></li> + <li><a href="https://boards.4chan.org/g/">tech</a></li> + </ul> + <ul> + <li>reddit</li> + + <li><a href="https://www.reddit.com/r/unixporn/">unixporn</a></li> + <li><a href="https://www.reddit.com/r/Rainmeter/">rainmeter</a></li> + <li><a href="https://www.reddit.com/r/PHP/">php</a></li> + </ul> + <ul> + <li>anime</li> + + <li><a href="https://www.crunchyroll.com">crunchyroll</a></li> + <li><a href="https://nyaa.si">nyaa</a></li> + <li><a href="https://myanimelist.net">mal</a></li> + <li><a href="https://exhentai.org">sadpanda</a></li> + </ul> + <ul> + <li>docs</li> + + <li><a href="https://devdocs.io">devdocs</a></li> + <li><a href="https://developer.mozilla.org">mdn</a></li> + <li><a href="http://nanami-tan.info">ricing7</a></li> + <li><a href="http://chloechantelle.com/guide">ricing10</a></li> + </ul> + <ul> + <li>misc</li> + + <li><a href="http://127.0.0.1:9117/UI/Dashboard">jackett</a></li> + <li><a href="https://mail.riseup.net/rc/">riseup</a></li> + <li><a href="https://mail.google.com/mail/">gmail</a></li> + </ul> + </div> + </body> +</html> diff --git a/style.css b/style.css new file mode 100644 index 0000000..35108dd --- /dev/null +++ b/style.css @@ -0,0 +1,87 @@ +/* + Heading color +*/ + +h1 { + color: #ffe28a; +} + +/* + Category colors +*/ + +ul:nth-child(1) { + color: #ffbe4f; +} + +ul:nth-child(2) { + color: #6bd2db; +} + +ul:nth-child(3) { + color: #ebdada; +} + +ul:nth-child(4) { + color: #e8702a; +} + +ul:nth-child(5) { + color: #9ed670; +} + +/* + For longest category name +*/ + +li:first-child { + width: 4em; +} + +/* + Actual code +*/ + +body { + font-family: 'Ubuntu Mono', sans-serif; + background-color: #2a2a2a; + margin: 0; +} + +h1 { + font-size: 8em; + margin: 0; + text-align: center; +} + +a { + color: inherit; + text-decoration: none; +} + +li { + color: white; + display: inline-block; + position: relative; + font-size: 2em; +} + +li:hover, li:first-child { + color: inherit; +} + +li:first-child:after { + position: absolute; + right: 0; + content: '\000BB'; +} + +li:first-child, h1 { + pointer-events: none; +} + +li:not(:first-child) + li:before { + content: '|'; + margin-right: 5px; + color: white; +} |