summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
author‮noisawe <3evasion@gmail.com>2017-11-04 15:01:22 +0100
committer‮noisawe <3evasion@gmail.com>2017-11-04 15:01:43 +0100
commit65c46cceaabcdb6eb692d7267e74f65d73bb958c (patch)
tree7fe545abfc8654819affc4a18a35d82d1baa39b7
downloadiro-65c46cceaabcdb6eb692d7267e74f65d73bb958c.tar.gz
Initial commit
-rw-r--r--README.md3
-rw-r--r--index.html51
-rw-r--r--style.css87
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;
+}