1
0
mirror of https://github.com/captainark/mystartpage.git synced 2024-11-14 14:07:38 +01:00
mystartpage/index.html
allgenesconsidered 8f8ab168fb first commit
2016-02-08 15:40:30 -08:00

95 lines
3.6 KiB
HTML

<!DOCTYPE html>
<html>
<!--
Contact: <mvdw at airmail dot cc>
Source: https://github.com/Imakethings/.files/blob/master/http/index.html
Something I made in roughly 10 minutes because I couldn't find anything
to fit my needs. Goes fairly well with the firefox theme listed in the
same directory.
-->
<head>
<meta charset="utf-8" />
<title>めめ</title>
<link rel="stylesheet" type='text/css' href="./font-awesome-4.5.0/css/font-awesome.min.css">
<link rel='stylesheet' type='text/css' href='css/homepage.css'/>
</head>
<body>
<style type="text/css" media="all">
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
html, body
{ margin:0; padding:0; }
html, body
{ background:#2D2D2D; }
.row
{ text-align:center; margin-top: 250px;}
.row .column
{ display: inline; letter-spacing:0.5em; }
.row .column a
{ font-size: 250%; color:rgba(0,0,0,0) }
.row .column a:not(:hover)
{ opacity:.5; transition: opacity .5s; }
.envelope i{color:#78C5D7;}
.youtube-play i{color:#459BA8;}
.github i{color:#79C268;}
.usd i{color:#C5D747;}
.reddit-alien i{color:#F5D63D;}
.leaf i{color:#F48C33;}
.lastfm i{color:#E868A3;}
.envelope1 i{color:#BF63A6;}
</style>
<div class="row">
<div class="column">
<a href="https://mail.google.com/mail/u/1/#inbox" class="envelope">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="column">
<a href="https://www.youtube.com/feed/subscriptions" class="youtube-play">
<i class="fa fa-youtube-play"></i>
</a>
</div>
<div class="column">
<a href="http://github.com" class="github">
<i class="fa fa-github"></i>
</a>
</div>
<div class="column">
<a href="https://www.patelco.org/" class="usd">
<i class="fa fa-usd"></i>
</a>
</div>
<div class="column">
<a href="https://www.reddit.com/" class="reddit-alien">
<i class="fa fa-reddit-alien"></i>
</a>
</div>
<div class="column">
<a href="http://boards.4chan.org/" class="leaf">
<i class="fa fa-leaf"></i>
</a>
</div>
<div class="column">
<a href="'http://www.last.fm/user/njnoise'" class="lastfm">
<i class="fa fa-lastfm"></i>
</a>
</div>
<div class="column">
<a href="https://mail.google.com/mail/u/2/#inbox" class="envelope1">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div>
<form method="get" action="http://www.ncbi.nlm.nih.gov/pubmed/?">
<input class='search' name='term' type='text' placeholder='PubMed'/>
</form>
<BR>&nbsp;<BR>
<form method="get" action="http://pitchfork.com/search/?">
<input class='search' name='query' type='text' placeholder='Pitchfork'/>
</form>
</div>
</body>
</html>