haopengzhan/CoderSherlock.github.io
1
0
Fork 0
mirror of https://github.com/CoderSherlock/CoderSherlock.github.io.git synced 2026-06-13 08:08:10 -07:00
Code Issues Packages Projects Releases Wiki Activity

I_changed_another_theme

Browse Source
This commit is contained in:
CoderSherlock
2016-08-16 20:03:40 -04:00
parent 23434adfb0
commit 3d1bca5d8b
345 changed files with 47813 additions and 2571 deletions
Download Patch File Download Diff File Expand all files Collapse all files
categories/index.html
+172
View File
@@ -0,0 +1,172 @@
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
<title>Categories</title>
<script src="https://codersherlock.github.io//bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="https://codersherlock.github.io//bower_components/iron-icons/iron-icons.html">
<link rel="import" href="https://codersherlock.github.io//bower_components/paper-drawer-panel/paper-drawer-panel.html">
<link rel="import" href="https://codersherlock.github.io//bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="https://codersherlock.github.io//bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import" href="https://codersherlock.github.io//bower_components/paper-scroll-header-panel/paper-scroll-header-panel.html">
<link rel="import" href="https://codersherlock.github.io//bower_components/paper-fab/paper-fab.html">
<link rel="import" href="https://codersherlock.github.io//bower_components/paper-item/paper-item.html">
<link rel="import" href="https://codersherlock.github.io//bower_components/paper-menu/paper-menu.html">
<link rel="import" href="https://codersherlock.github.io//bower_components/iron-image/iron-image.html">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/styles/default.min.css">
<style is="custom-style">
body {
font-family: 'Roboto', sans-serif;
}
.nav {
border-right: 1px solid #ccc;
}
paper-scroll-header-panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--paper-grey-200, #eee);
--paper-scroll-header-panel-full-header: {
background-image: url(https://codersherlock.github.io//images/cover.png);
};
--paper-scroll-header-panel-condensed-header: {
background-image: url(https://codersherlock.github.io//images/cover.png);
};
}
paper-toolbar {
height: 256px;
background-color: transparent;
}
.profile{
width: 100%;
padding-bottom: 20px;
}
.photo{
margin: 20px;
display: inline-block;
height: 64px; width: 64px;
border-radius: 50%;
}
.article{
border: 1px solid #bebebe;
padding: 16px;
margin: 16px;
border-radius: 5px;
background-color: #fff;
}
.title{
font-size: 22px;
padding: 8px 0 16px;
}
.description{
font-size: 16px;
padding-bottom: 8px;
}
.author{
font-size: 16px;
padding-left: 20px;
color: white;
}
.design{
font-size: 14px;
}
.copyright{
font-size: 16px;
}
paper-menu a {
text-decoration: none;
color: #212121;
}
</style>
</head>
<body>
<paper-drawer-panel id="drawerPanel" responsive-width="1280px">
<div class="nav scroll" drawer>
<iron-image class="profile" sizing="cover" src="https://codersherlock.github.io//images/profile.png">
<iron-image class="photo" sizing="cover" src="https://codersherlock.github.io//images/photo.png"></iron-image>
<div class="author">Jon Hao</div>
</iron-image>
<paper-menu>
<a href="https://codersherlock.github.io/"><paper-item>
<iron-icon icon="home"></iron-icon>　<div class="flex">Home</div>
<iron-icon icon="chevron-right"></iron-icon>
</paper-item></a>
<a href="https://codersherlock.github.io//categories/"><paper-item>
<iron-icon icon="drafts"></iron-icon>　<div class="flex">Categories</div>
<iron-icon icon="chevron-right"></iron-icon>
</paper-item></a>
<a href="https://codersherlock.github.io//tags/"><paper-item>
<iron-icon icon="loyalty"></iron-icon>　<div class="flex">Tags</div>
<iron-icon icon="chevron-right"></iron-icon>
</paper-item></a>
</paper-menu>
</div>
<paper-scroll-header-panel main condenses header-height="256" condensed-header-height="64">
<paper-toolbar>
<paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
<div class="bottom title">Mil años de solitario</div>
<div class="flex"></div>
<a href="https://google.com/+Pengzhan%20Hao"><paper-icon-button src="https://codersherlock.github.io//images/google+-dreamstale37.png"></paper-icon-button></a>
<a href="https://github.com/CoderSherlock"><paper-icon-button src="https://codersherlock.github.io//images/github2-dreamstale35.png"></paper-icon-button></a>
<a href="https://codersherlock.github.io//index.xml"><paper-icon-button src="https://codersherlock.github.io//images/feed-dreamstale27.png"></paper-icon-button></a>
</paper-toolbar>
<paper-menu>
<a href="https://codersherlock.github.io//categories/2016-07"><paper-item><iron-icon icon="drafts"></iron-icon>　<div class="flex">2016-07</div> 2</paper-item></a>
<a href="https://codersherlock.github.io//categories/2016-08"><paper-item><iron-icon icon="drafts"></iron-icon>　<div class="flex">2016-08</div> 1</paper-item></a>
</paper-menu>
<paper-item>
<div class="copyright"></div>
<div class="flex"></div>
<div class="design">Design <a href="http://pdevty.github.io/blog/">pdevty</a></div>
</paper-item>
</paper-scroll-header-panel>
</paper-drawer-panel>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82637164-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>