87 lines
2.8 KiB
HTML
87 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Start Page</title>
|
|
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" type="text/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="https://github.com/allgenesconsidered" 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="https://duckduckgo.com/?">
|
|
<input class='search' name='q' type='text' placeholder='DuckDuckGo'/>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|