Skip to content

Commit

Permalink
nothing updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@easyandme
easyandme committed Jul 15, 2015
0 parents commit 94a63d7
Show file tree
Hide file tree
Showing 2 changed files with 178 additions and 0 deletions.
101 changes: 101 additions & 0 deletions cats.css
@@ -0,0 +1,101 @@
/*
@2015 copyright maxim-xu
*/

body {
background-color: #FDF2F2;
margin: 0;
padding: 0;
}
div {
display: block;
}
body div#start {
margin:0 auto;
border-left: 3px solid #f1f1f1;
border-right: 3px solid #f1f1f1;
background-color: #fff;
max-width: 50em;
min-width: 320px;
height: 100%;
padding: 1em 2em 8em 2em;
}
a {
color: green;
}
/* a:visited {
color:red;
} */
small {
color:grey;
margin-left: 10px;
}
h3 {
font-family:Merriweather, segoe ui, Geneva, georgia;
font-weight:bold;
text-align:center;
}
h5 {
font-family:Times New Roman, sans-serif;
color:brown;
}
h6 {
font-size: 100%;
text-align:center;
}
.collections {
margin-top: 37px;
font-family: segoe ui, Geneva;
text-align:center;
}
.tops {
margin-top: 37px;
font-family: segoe ui, Geneva;
text-align:center;
}
.recentBooks {
text-align: left;
}
.bookImage {
-webkit-transition: all 1s ease; /* Safari and Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* IE 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.bookImage:hover {
-webkit-transform:scale(1.5); /* Safari and Chrome */
-moz-transform:scale(1.5); /* Firefox */
-ms-transform:scale(1.5); /* IE 9 */
-o-transform:scale(1.5); /* Opera */
transform:scale(1.5);
}
.social {
-webkit-transition: all .5s ease; /* Safari and Chrome */
-moz-transition: all .5s ease; /* Firefox */
-ms-transition: all .5s ease; /* IE 9 */
-o-transition: all .5s ease; /* Opera */
transition: all .5s ease;
}
.social:hover {
-webkit-transform:scale(1.25); /* Safari and Chrome */
-moz-transform:scale(1.25); /* Firefox */
-ms-transform:scale(1.25); /* IE 9 */
-o-transform:scale(1.25); /* Opera */
transform:scale(1.25);
}
#footer {
top:80em;
padding:2em;
text-align: center;
border-left: 3px solid #f1f1f1;
border-right: 3px solid #f1f1f1;
background-color: #fff;
max-width: 50em;
min-width: 320px;
height: 100%;
margin: 0 auto;
}
#adeptus {
font-family: segoe ui; times;
}
77 changes: 77 additions & 0 deletions cats.html
@@ -0,0 +1,77 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="maxim-xu">
<title>Audio Cat Index</title>
<link href='http://fonts.useso.com/css?family=Merriweather:700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
<style>

</style>
<script type="text/javascript">
(function() {
var c = document.createElement('script');
c.type = 'text/javascript';
c.async = true;
c.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'www.clicki.cn/boot/49848';
var h = document.getElementsByTagName('script')[0];
h.parentNode.insertBefore(c, h);
})();
</script>
</head>
<body>
<div id="start">
<div class="row">
<h3 class="col-xs-12 col-md-12 col-lg-12">audiobooks shared by Adeptus</h3>
<h6 class="text-muted col-xs-12 col-md-12 col-lg-12">Due to <abbr title="laziness mostly Orz">personal matters</abbr>, I may not be updating this page. Please find new audiobooks on <a href="http://audioc.at/" target="_blank">audioc.at</a></h6>
<div class="collections col-xs-12 col-md-4">
<h5>Author Collection</h5>
<a href="http://pan.baidu.com/share/link?shareid=179806&uk=3926351038" target="_blank">Alain de Botton</a><br>
<a href="http://audioc.at/?s=bill+bryson" target="_blank">Bill Bryson</a><br>
<a href="http://audioc.at/edgar-allan-poe/" target="_blank">Edgar Allen Poe</a><br>
<a href="http://audioc.at/george-orwell/" target="_blank">George Orwell</a><br>
<a href="http://audioc.at/hermann-hesse/" target="_blank">Herman Hesse</a><br>
<a href="http://audioc.at/hilary-mantel-collection/" target="_blank">Hilary Mantel</a><br>
<a href="http://audioc.at/here-and-nowletters/" target="_blank">J. M. Coetzee</a><br>
<a href="http://pan.baidu.com/share/link?shareid=177034&uk=3660264298" target="_blank">Kurt Vonnegut</a><br>
<a href="http://audioc.at/?s=Michael+Lewis" target="_blank">Michael Lewis</a><br>
<a href="http://audioc.at/?s=neil+gaiman" target="_blank">Neil Gaiman</a><br>
<a href="http://pan.baidu.com/s/1qWKBr0w" target="_blank">Peter Hessler</a><br>
<a href="http://audioc.at/?s=thomas+hardy" target="_blank">Thomas Hardy</a><br>
<a href="http://audioc.at/shakespeare-naxos/" target="_blank">William Shakespeare</a><br>
<a href="http://audioc.at/%E5%A4%A2%E5%8D%81%E5%A4%9C/" target="_blank">夏目漱石</a><br>
</div>
<div class="tops col-xs-12 col-md-8">
<h5>My Recent Top Listens & Reads</h5>
<div class="recentBooks text-nowrap">
<a href="http://audioc.at/martian/" target="_blank"><img style="margin:0 6px 10px 0;" class="bookImage" alt="The Martian" src="http://audioc.at/wp-content/uploads/2015/01/18007564-1.jpg" width="30" height="45"/>The Martian</a><small>Log entries of the man who's abandoned on Mars.</small><br>
<a href="http://audioc.at/just-mercy/" target="_blank"><img style="margin:0 6px 10px 0;" class="bookImage" alt="Just Mercy" src="http://audioc.at/wp-content/uploads/2015/04/20342617-197x300.jpg" width="30" height="45"/>Just Mercy</a><small>You can't fight injustice without being broken by it.</small><br>
<a href="http://audioc.at/flash-boys/" target="_blank"><img style="margin:0 6px 10px 0;" class="bookImage" alt="Flash Boys" src="http://audioc.at/wp-content/uploads/2015/04/24724602-200x300.jpg" width="30" height="45"/>Flash Boys</a><small>What HFT is and how it deeply changed the game rule.</small><br>
<a href="http://audioc.at/americas-bitter-pill/" target="_blank"><img style="margin:0 6px 10px 0;" class="bookImage" alt="America's Bitter Pill" src="http://audioc.at/wp-content/uploads/2015/03/22716469-197x300.jpg" width="30" height="45"/>America's Bitter Pill</a><small>How the Affordable Care Act came out.</small><br>
<a href="http://audioc.at/americas-bitter-pill/" target="_blank"><img style="margin:0 6px 10px 0;" class="bookImage" alt="America's Bitter Pill" src="http://audioc.at/wp-content/uploads/2015/01/666215-200x300.jpg" width="30" height="45"/>How to Be Alone</a><small>Surely you need to be alone to read this.</small><br>
</div>

</div>
</div>
</div>
</body>
<footer id="footer">
<span style="margin-left:2px;font-weight:bold;color:brown;">KEEP</span>
<span style="margin-left:2px;font-weight:bold;color:#42A8C7;">CALM</span>
and
<span style="margin-left:2px;font-weight:bold;color:#CE7E3D;">LISTEN</span><br>
<small id="adeptus">created by <a style="color:grey;" target="_blank" href="http://www.douban.com/people/fuckable/">adeptus</a></small><br>
<section>
<a target="_blank" href="http://instagram.com/easyandme" rel="me"><img src="http://audioc.at/wp-content/plugins/about-me/images/instagram-icon.png" alt="Instagram" class="social" title="Instagram"></a>
<a target="_blank" href="http://500px.com/undertour" rel="me"><img src="http://audioc.at/wp-content/plugins/about-me/images/500px.png" alt="500px" class="social" title="500px"></a>
<a target="_blank" href="http://flickr.com/photos/under_s" rel="me"><img src="http://audioc.at/wp-content/plugins/about-me/images/flickr.png" alt="Flickr" class="social" title="Flickr"></a>
<a target="_blank" href="http://www.douban.com/people/fuckable/" rel="me"><img src="http://audioc.at/wp-content/plugins/about-me/images/douban.png" alt="douban" class="social" title="douban"></a>
<a target="_blank" href="http://www.last.fm/user/undertour" rel="me"><img src="http://audioc.at/wp-content/plugins/about-me/images/lastfm.png" alt="Last.fm" class="social" title="Last.fm"></a>
<a target="_blank" href="http://dribbble.com/easyandme" rel="me"><img src="http://audioc.at/wp-content/plugins/about-me/images/Dribbble.png" alt="dribbble" class="social" title="dribbble"></a>
<a target="_blank" href="http://goodreads.com/user/show/23848446-maxim-xu-easyandme" rel="me"><img src="http://audioc.at/wp-content/plugins/about-me/images/goodreads.png" alt="GoodReads" class="social" title="GoodReads"></a>
<a target="_blank" href="http://about.me/easyandme" rel="me"><img src="http://audioc.at/wp-content/plugins/about-me/images/img_aboutmeLogo.png" alt="aboutme page" class="social" title="aboutme page"></a>
</section>
</footer>
</html>

0 comments on commit 94a63d7

Please sign in to comment.