feat: add syntax highlight, Google analytics, Disqus and responseive view

README.md

@@ -0,0 +1,2 @@
+# Ezhil
+Clean and minimal personal blog and portfolio theme for Hugo.

layouts/_default/single.html

@@ -13,8 +13,10 @@
 		<div class="markdown">
 			{{ .Content }}
 		</div>
+
+		{{ partial "disqus.html" . }}
 	</div>
 
 	{{ partial "footer.html" . }}
 </body>
-</html>
+</html>

layouts/index.html

@@ -31,5 +31,6 @@
 		</div>
 	</div>
 	{{ partial "footer.html" . }}
+	{{ template "_internal/google_analytics_async.html" . }}
 </body>
 </html>

layouts/partials/header.html

@@ -12,9 +12,11 @@
 	{{- end -}}
 
 	<meta name="viewport" content="width=device-width, initial-scale=1">
+	{{ template "_internal/opengraph.html" . }}
+	{{ template "_internal/twitter_cards.html" . }}
 
 	<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,300italic,400italic|Raleway:500,100,300" rel="stylesheet">
 	<link rel="stylesheet" type="text/css" media="screen" href="/css/normalize.css" />
 	<link rel="stylesheet" type="text/css" media="screen" href="/css/main.css" />
 	<script src="main.js"></script>
-</head>
+</head>

static/css/main.css

@@ -3,6 +3,7 @@ body {
     font-weight: 300;
 	color: #333;
 	line-height: 1.6;
+	font-size: 16px;
 }
 
 a, a:hover {
@@ -63,13 +64,6 @@ blockquote cite {
     opacity: .8
 }
 
-.browsehappy {
-    margin: .2rem 0;
-    background: #ccc;
-    color: #000;
-    padding: .2rem 0
-}
-
 a,a:hover {
     color: #a00;
     text-decoration: none
@@ -135,9 +129,6 @@ ul.flat li {
     min-height: .1rem
 }
 
-.page-label {
-}
-
 .page-title {
     margin: 0
 }
@@ -150,24 +141,14 @@ ul {
     list-style: disc inside
 }
 
-.codehilitetable td {
-    border: 0;
-    padding-top: 0;
-    padding-bottom: 0;
-    padding-right: 0
-}
-
-.codehilitetable td pre {
+.highlight pre {
     margin-bottom: 0;
-    margin-top: 0
+	margin-top: 0;
+	padding: 20px;
+	background-color: #FAFAFA !important;
 }
 
-.codehilitetable td.linenos {
-    color: #999;
-    font-size: .9em
-}
-
-.codehilite {
+.highlight {
     background: 0 0
 }
 
@@ -220,8 +201,6 @@ ul {
     text-transform: capitalize;
 }
 
-.section {}
-
 .section .section-header {
 	font-size: 0.75rem;
 	font-weight: 600;
@@ -281,3 +260,35 @@ ul {
 .tag-cloud a {
     margin-right: 15px;
 }
+
+@media (max-width: 767px) {
+	body {
+		padding: 20px;
+	}
+
+	h1 {
+		font-size: 2rem
+	}
+
+	h2 {
+		font-size: 1.6rem
+	}
+
+	h3 {
+		font-size: 1.2rem
+	}
+
+	h4 {
+		font-size: 1rem
+	}
+
+	.container {
+		margin-top: 10px;
+	}
+}
+
+@media (max-width: 480px) {
+	body {
+		font-size: 14px;
+	}
+}