mirror of
https://github.com/captainark/mystartpage.git
synced 2024-11-14 14:07:38 +01:00
95 lines
3.6 KiB
HTML
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> <BR>
|
|
<form method="get" action="http://pitchfork.com/search/?">
|
|
<input class='search' name='query' type='text' placeholder='Pitchfork'/>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|