skrd/start
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first! basic start page

Browse Source
This commit is contained in:
Daniel Cortés
2019-04-05 01:28:32 -03:00
commit 5aefe52c18
2 changed files with 96 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
custom.css Normal file
View File

@@ -0,0 +1,37 @@
body {
background: #272822;
line-height: 1.4em;
letter-spacing: .1em;
}
.flex {
display: flex;
margin-left: 10vw;
justify-content: center;
height: 100vh;
flex-direction: column;
}
.title {
color: #a6e22e;
display: inline-block;
text-align: right
}
.separator {
color: #f4bf75;
display: inline-block;
}
.item {
text-decoration: none;
color: #66d9ef;
display: inline-block;
}
.item:hover {
text-decoration: none;
color: #a1efe4;
display: inline-block;
transition: color .5s;
}

59
index.html Normal file
View File

@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Start</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="custom.css">
</head>
<body>
<div class="flex">
<div>
<span class="title">reddit</span>
<span class="separator">&raquo;</span>
<a class="item" href="https://www.reddit.com/r/unixporn">/r/unixporn</a>
<a class="item" href="https://www.reddit.com/r/chile">/r/chile</a>
<a class="item" href="https://www.reddit.com/r/programming">/r/programming</a>
<a class="item" href="https://www.reddit.com/r/vim">/r/vim</a>
<a class="item" href="https://www.reddit.com/r/piracy">/r/piracy</a>
</div>
<div>
<span class="title">4chan</span>
<span class="separator">&raquo;</span>
<a class="item" href="https://4chan.org/wg/catalog">/wg/</a>
<a class="item" href="https://4chan.org/v/catalog">/v/</a>
<a class="item" href="https://4chan.org/x/catalog">/x/</a>
</div>
<div>
<span class="title">agregators</span>
<span class="separator">&raquo;</span>
<a class="item" href="https://ycombinator.hackernews.com">hacker_news</a>
<a class="item" href="https://dev.to">dev.to</a>
</div>
<div>
<span class="title">search</span>
<span class="separator">&raquo;</span>
<a class="item" href="https://www.duckduckgo.com">duckduckgo</a>
<a class="item" href="https://www.google.com">google</a>
<a class="item" href="https://en.wikipedia.org">wiki</a>
<a class="item" href="https://images.google.com">images</a>
</div>
<div>
<span class="title">blogs</span>
<span class="separator">&raquo;</span>
<a class="item" href="https://drewdevault.com/">drew_devault</a>
<a class="item" href="https://lukesmith.xyz/">luke_smith</a>
<a class="item" href="https://bisqwit.iki.fi/">bisqwit</a>
<a class="item" href="https://hookrace.net/">hookrace</a>
<a class="item" href="https://jvns.ca/">julia_evans</a>
<a class="item" href="http://www.uf4no.com/articles">uf4no</a>
<a class="item" href="https://quanttype.net/">quanttype</a>
<a class="item" href="https://joecmarshall.com/">joem</a>
<a class="item" href="http://www.craigkerstiens.com/">craig</a>
<a class="item" href="https://www.nurkiewicz.com/">nurkiewicz</a>
<a class="item" href="https://castel.dev/">castel</a>
</div>
</div>
</div>
</body>
</html>