Cleaned house
This commit is contained in:
allgenesconsidered
parent
456959c99a
commit
1add88ad50
108
css/homepage.css
108
css/homepage.css
|
|
@ -1,3 +1,4 @@
|
|||
@import url(/home/mike/scripts/START/js/weather.js);
|
||||
@import url(http://fonts.googleapis.com/css?family=Roboto:400,200);
|
||||
* {
|
||||
margin: 0;
|
||||
|
|
@ -29,3 +30,110 @@ form {
|
|||
.search:focus {
|
||||
outline: none;
|
||||
border: 2.5px solid #8f8f8f; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'weather';
|
||||
src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
|
||||
src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
|
||||
url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
|
||||
url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#weather {
|
||||
width: 500px;
|
||||
height: 40px;
|
||||
margin: 0px auto;
|
||||
padding: 45px 0;
|
||||
font: "Roboto", "Consolas", "Helvetica", sans-serif;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
i {
|
||||
color: #7d7d7d;
|
||||
font-family: weather;
|
||||
font-size: 150px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
line-height: 0.0;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.icon-0:before { content: ":"; }
|
||||
.icon-1:before { content: "p"; }
|
||||
.icon-2:before { content: "S"; }
|
||||
.icon-3:before { content: "Q"; }
|
||||
.icon-4:before { content: "S"; }
|
||||
.icon-5:before { content: "W"; }
|
||||
.icon-6:before { content: "W"; }
|
||||
.icon-7:before { content: "W"; }
|
||||
.icon-8:before { content: "W"; }
|
||||
.icon-9:before { content: "I"; }
|
||||
.icon-10:before { content: "W"; }
|
||||
.icon-11:before { content: "I"; }
|
||||
.icon-12:before { content: "I"; }
|
||||
.icon-13:before { content: "I"; }
|
||||
.icon-14:before { content: "I"; }
|
||||
.icon-15:before { content: "W"; }
|
||||
.icon-16:before { content: "I"; }
|
||||
.icon-17:before { content: "W"; }
|
||||
.icon-18:before { content: "U"; }
|
||||
.icon-19:before { content: "Z"; }
|
||||
.icon-20:before { content: "Z"; }
|
||||
.icon-21:before { content: "Z"; }
|
||||
.icon-22:before { content: "Z"; }
|
||||
.icon-23:before { content: "Z"; }
|
||||
.icon-24:before { content: "E"; }
|
||||
.icon-25:before { content: "E"; }
|
||||
.icon-26:before { content: "3"; }
|
||||
.icon-27:before { content: "a"; }
|
||||
.icon-28:before { content: "A"; }
|
||||
.icon-29:before { content: "a"; }
|
||||
.icon-30:before { content: "A"; }
|
||||
.icon-31:before { content: "6"; }
|
||||
.icon-32:before { content: "1"; }
|
||||
.icon-33:before { content: "6"; }
|
||||
.icon-34:before { content: "1"; }
|
||||
.icon-35:before { content: "W"; }
|
||||
.icon-36:before { content: "1"; }
|
||||
.icon-37:before { content: "S"; }
|
||||
.icon-38:before { content: "S"; }
|
||||
.icon-39:before { content: "S"; }
|
||||
.icon-40:before { content: "M"; }
|
||||
.icon-41:before { content: "W"; }
|
||||
.icon-42:before { content: "I"; }
|
||||
.icon-43:before { content: "W"; }
|
||||
.icon-44:before { content: "a"; }
|
||||
.icon-45:before { content: "S"; }
|
||||
.icon-46:before { content: "U"; }
|
||||
.icon-47:before { content: "S"; }
|
||||
|
||||
#weather h2 {
|
||||
margin: 0 0 8px;
|
||||
color: #7d7d7d;
|
||||
font-size: 55px;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
opacity: 0.5;
|
||||
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
#weather ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#weather li {
|
||||
background: #7d7d7d;
|
||||
background: rgba(255,255,255,0.90);
|
||||
padding: 20px;
|
||||
display: inline-block;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#weather .currently {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
|
@ -9,7 +9,9 @@
|
|||
<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'/>
|
||||
<link rel='stylesheet' type='text/css' href='css/homepage.css'/>
|
||||
<script src='./js/weather.js'>
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<style type="text/css" media="all">
|
||||
|
|
@ -36,6 +38,7 @@
|
|||
.lastfm i{color:#E868A3;}
|
||||
.envelope1 i{color:#BF63A6;}
|
||||
</style>
|
||||
<!--<div id="weather"></div> -->
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<a href="https://mail.google.com/mail/u/1/#inbox" class="envelope">
|
||||
|
|
|
|||
|
|
@ -1,55 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Home</title>
|
||||
<link rel='stylesheet' type='text/css' href='css/homepage.css'/>
|
||||
<link rel='stylesheet' type='text/css' href='css/fonts.css'/>
|
||||
<script type='text/javascript' src='js/fonticon.js'></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='total-container'>
|
||||
<div class='container'>
|
||||
<!-- <div class='favorites'>
|
||||
<div class='list fav-dev'>
|
||||
<p>Develop</p>
|
||||
<ul>
|
||||
<li><a href='http://www.awwwards.com'>Awwwards</a></li>
|
||||
<li><a href='http://codepen.io'>CodePen</a></li>
|
||||
<li><a href='https://www.github.com'>GitHub</a></li>
|
||||
<li><a href='http://www.sitepoint.com'>SitePoint</a></li>
|
||||
<li><a href='https://web-development.zeef.com'>Web Dev Resources</a></li>
|
||||
<li><a href='http://wwwhere.io/'>wwwhere</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<a href="http://vk.com" class="vk">
|
||||
<i class="fa fa-vk"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class='googles'>
|
||||
<p><a href='https://mail.google.com/mail/u/1/#inbox'>Gladstone Mail</a></p>
|
||||
<p><a href='https://mail.google.com/mail/u/2/#inbox'>HSU Mail</a></p>
|
||||
<p><a href='http://www.reddit.com/'>Reddit</a></p>
|
||||
<p><a href='http://www.youtube.com/'>Youtube</a></p>
|
||||
<p><a href='http://www.4chan.org/'>4chan</a></p>
|
||||
<p><a href='https://www.patelco.org/'>Patelco</a></p>
|
||||
<p><a href='https://github.com/'>GitHub</a></p>
|
||||
<p><a href='http://www.last.fm/user/njnoise'>Last.fm</a></p>
|
||||
<p><a href='http://student.kaptest.com/ochome.jhtml?programCode=MCAT&cid=8569713'>Kaplan MCAT</a></p>
|
||||
</div>
|
||||
<form method="get" action="http://www.ncbi.nlm.nih.gov/pubmed/?">
|
||||
<input class='search' name='term' type='text' placeholder='PubMed'/>
|
||||
<button class='go' type='submit'><i class='icon icon-search'></i></button>
|
||||
</form>
|
||||
<form method="get" action="http://pitchfork.com/search/?">
|
||||
<input class='search' name='query' type='text' placeholder='Pitchfork'/>
|
||||
<button class='go' type='submit'><i class='icon icon-search'></i></button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue