update tags for pages | fix bugs

.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+.DS_Store

404.jade

@@ -3,4 +3,4 @@ html
 		title Not Found
 		+load('/template/style/css/style.scss')
 	.page_404
-		p 404 Not Foundvar assert = require("assert")
+		p 404 Not Found

about.jade

@@ -3,7 +3,7 @@ block content
 	.autopagerize_page_element:.content
 		.about.animated.fadeInDown
 			h3 是我
-			p 生活的花匠，互联网的裁缝，理想的士兵
+			p 对，你现在看到的这个家伙，就是我，设计湿，当得了视觉，撸的起交互，还能偷偷改几行代码～
 			h3 自嘲
 			p 
 			| 经常嬉笑自嘲，假装不靠谱.
@@ -14,11 +14,8 @@ block content
 			| 热爱我的职业是这辈子最幸福的事情，虽挖过的坑比填的坑还多，但乐此不疲.
 			h3 玩儿
 			p 
-			| 玩，什么都玩，拼命的玩！喜欢接触新鲜玩意
+			| 玩，什么都玩，拼命的玩，新鲜每一天，人称“app疯子”，手机内多达300多app来回摆弄～，拍的照片不怎么样，却老喜欢强迫别人拿去当壁纸！
-			h3 直白
+			h3 硬广	
-			p 
-			| 不会拐弯抹角，不会阿谀奉承！
-			h3 硬广
 			p	
 			| 如果需要老博客主题，请访问:http://old.cai-cai.me
 			p
@@ -29,9 +26,4 @@ block content
 			a(href="http://anatole.cai-cai.me") 点我点我～
 			h3 联系
 			p
-			| 任何问题，欢迎给我发邮件（hi#cai-cai.me #=@），或者twitter上@我～～
+			| 任何问题，欢迎给我发邮件（hi#cai-cai.me #=@），或者@我～～
-			br
-			p 
-			| 也可以用 
-			a(href="https://telegram.me/hicaicai") Telegram 
-			| 联系我

base.jade

@@ -20,17 +20,17 @@ html
 		+get_resource("blog_basic.css")
 		+load('/template/style/css/style.scss')
 	body
-		.sidebar
+		.sidebar.animated.fadeInDown
 			.logo-title
-				.title.animated.fadeInDown
+				.title
 					img(src="/template/style/images/logo@2x.png",style="width:127px;")
 					h3(title="")
-						a(href="https://www.caicai.me") {{ site.title }}
+						a(href="/") {{ site.title }}
 					if site.raw_content
-						.description.animated.fadeInDown
+						.description
 							p= '%s' % site.raw_content[:100]
 
-			ul.social-links.animated.fadeInDown
+			ul.social-links
 				if site.configs.twitter
 				    li
 						a(href="https://twitter.com/{{site.configs.twitter}}")
@@ -41,7 +41,7 @@ html
 							i.fa.fa-instagram
 				if site.configs.dribbble
 					li
-						a(href="https://dribbble.com/{{site.configs.dribbble}}")
+						a(href="https://dribbbble.com/{{site.configs.dribbble}}")
 							i.fa.fa-dribbble
 				if site.configs.weibo
 					li

index+tags.jade

@@ -0,0 +1,7 @@
+from mixins import make_post, make_pager
+extends base.jade
+block content
+	.autopagerize_page_element:.content
+		for post in posts
+			+make_post(post, is_detail=False)
+		+make_pager('Newer Posts', 'Older Posts')

mixins.jade

@@ -17,6 +17,10 @@ mixin make_post(post, is_detail=False)
 				if site.configs.disqus
 					i.fa.fa-comment-o
 					a(href="{{post.url}}#disqus_thread") Comments
+				if post.tags
+					i.fa.fa-tag
+					for tag in post.tags
+						a.tag(href='/tags/{{tag}}')  {{tag}}
 mixin make_pager(pre_text, next_text)
 	.pagination
 		ul.clearfix

style/css/style.scss

@@ -6,7 +6,7 @@ html {
 
 body {
 	color: rgba(0, 0, 0, 0.5);
-	font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","STHeitiSC-Light","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+	font-family: 'PingHei', 'PingFang SC', Helvetica Neue, 'Work Sans', 'Hiragino Sans GB', 'Microsoft YaHei', SimSun, sans-serif;
 	font-size: 15px;
 	width: 100%;
 	margin: 0 auto 30px auto;
@@ -35,7 +35,7 @@ a:link, a:visited {
 }
 
 a:hover, a:active {
-	color: #555;
+	color: #4786D6;
 
 }
 
@@ -157,7 +157,7 @@ a:hover, a:active {
 			color:#5A5A5A;
 		}
 		a:hover{
-			color:#464545;
+			color:#4786D6;
 		}
 		a.current{
 			color:#5A5A5A;
@@ -259,6 +259,9 @@ a:hover, a:active {
 		a {
 			color: #565654;
 		}
+		a:hover{
+			color: #4786D6;
+		}
 	}
 }
 
@@ -299,7 +302,9 @@ a:hover, a:active {
 			text-decoration: none;
 			letter-spacing: 1px;
 			color: #5f5f5f;
-			font-family: Open Sans;
+			&:hover{
+				text-decoration: underline;
+			}
 
 		}
 	}
@@ -310,22 +315,17 @@ a:hover, a:active {
 			letter-spacing: 1px;
 			color: #4786D6;
 		}
+		a:hover{
+			color: #2F69B3;
+		}
 		h3{
 			color: #5F5F5F;
 			font-size:22px;
 			font-weight:600;
-			font-family: Open Sans;
-
 		}
 		h4 {
 			color: #5F5F5F;
 			font-size:16px;
-			font-family: Open Sans;
-
-
-		}
-		img {
-			min-width: 100%;
 		}
 	}
 
@@ -343,16 +343,20 @@ a:hover, a:active {
 				float: left;
 				font-size: 12px;
 				.date{
-					margin-right: 5px;
+					margin-right: 10px;
 				}
 			}
 
 			a {
 				text-decoration: none;
 				color: #bbbbbb;
+				padding-right: 10px;
+				&:hover{
+					color: #4786D6;
+				}
 			}
 			i{
-				margin-right: 3px;
+				margin-right: 6px;
 			}
 		}
 
@@ -469,6 +473,9 @@ a:hover, a:active {
 	a {
 		color: #A6A6A6;
 	}
+	a:hover{
+		color: #4786D6;
+	}
 	span{
 	}
 	.by_farbox{
@@ -511,7 +518,7 @@ a:hover, a:active {
 				color: #8F8F8F;
 
 				 &:hover{
-					 color: #464545;
+					 color: #4786D6;
 				 }
 			}
 
@@ -520,11 +527,8 @@ a:hover, a:active {
 }
 /* share */
 .share{
-	padding-left: 30px;
+	margin: 0px 30px;
-	display: flex;
+	display: inline-flex;
-	width: 100%;
-	height: 60px;
-	display: -webkit-box;
 }
 .evernote{
 	width: 32px;
@@ -722,13 +726,13 @@ a.btn {
 }
 
 
-@media screen and (max-width: 414px) {
+@media screen and (max-width: 960px) {
 	.sidebar {
 		width: 100%;
 		position:absolute;
 		border-right:none;
 			.logo-title{
-				padding-top: 100px;
+				padding-top: 120px;
 			
 				.title{
 
@@ -742,19 +746,20 @@ a.btn {
 			}
 		}
 	.page-top{
-		display: none;
+		width: 100%
+	}
+	.post-title h3{
+		line-height: 1.6;
 	}
 	.content{
-		margin-top: 360px;
+		margin-top: 420px;
 		width: 100%;
-		overflow: hidden;
 	}
 	.footer{
 		display: none;
 	}
 	.share{
-		display: flex;
+		display: grid;
-		display: -webkit-box;
 	}
 	
 }