fix chrome disqus keyboard bug

63565ade · Murukesh Mohanan · 21f3618f · 63565ade · 63565ade · 63565ade
Commit 63565ade authored Sep 06, 2015 by Murukesh Mohanan
6 changed files
--- a/_config.yml
+++ b/_config.yml
@@ -8,6 +8,7 @@ section_separator: "<!-- section -->"

 gems:
  - jekyll-sitemap
+  - jemoji

 kramdown:
    input: GFM
@@ -21,7 +22,7 @@ defaults:
            layout: "page"

 pages_list:
-    Main: ''
+    About: ''
    Acads: 'acad'
    Resources: 'resources'
    Blog: 'blog'

--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -13,8 +13,7 @@
 		</title>
 		<link rel="stylesheet" href="{{ site.base-url }}/styles/style.css" type="text/css">
 		<link rel="stylesheet" href="{{ site.base-url }}/styles/{{ page.pagestyle }}.css" type="text/css">
-		<link rel="stylesheet" href="{{ site.base-url }}/public/css/gpgc_style.css">
-<!-- Web Fonts FTW! -->
+		<!-- Web Fonts FTW! -->
 		<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu">
 	</head>
 	<body>
@@ -34,13 +33,11 @@
 				{% endfor %}
 			</ul>
 		</nav>
-		<!--
 		<div id="vim-proposal"> 
 			<a href="http://area51.stackexchange.com/proposals/80441/vi-and-vim?referrer=cSyv9sCu62iNAfGtTTKvSg2">
 				<img src="http://area51.stackexchange.com/ads/proposal/80441.png" alt="Stack Exchange Q&A site proposal: Vi and vim" />
 			</a>
 		</div>
-		-->
 		<article id="main">

 			{{ content }}

--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -24,7 +24,7 @@ pagestyle: posts

 {% assign sections = content | split: site.section_separator %}
 {% for section in sections %}
-<section class="post">
+<section>
 	{{ section }}
 </section>
 {% endfor %}

--- a/styles/cann-table.css
+++ b/styles/cann-table.css
@@ -40,7 +40,7 @@
 	display: block;
 }

-@media screen and (orientation:portrait) {
+@media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) {
 	#cann-table-area {
 		width: 100%;
 		overflow: scroll;

--- a/styles/posts.css
+++ b/styles/posts.css
@@ -35,30 +35,32 @@ pre {
 }

 pre span.lineno::after {
-	content: counter(line-numbering);
+	content: counter(line-numbering, decimal-leading-zero);
 	counter-increment: line-numbering;
-	text-align: right;
 	opacity: 0.4;
-	display: inline-block;
 	-webkit-touch-callout: none;
 	-webkit-user-select: none;
 	-khtml-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
-	min-width: 1em;
 	visibility: visible;
 	margin-left: -1em;
 }

 pre span.lineno {
 	visibility: collapse;
+	text-align: right;
+	display: inline-block;
+	min-width: 1em;
 }

 .comments {
 	background-color: darkslategrey;
+	overflow: auto;
 }
-@media screen and (orientation:landscape) {
+
+@media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
 	.post-date {
 		float: right;
 		border-left: solid 0.2em black;
@@ -66,7 +68,7 @@ pre span.lineno {
 	}
 }

-@media screen and (orientation:portrait) {
+@media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) {
 	.post-date {
 		font-size: initial;
 		display: block;

--- a/styles/style.css
+++ b/styles/style.css
@@ -4,7 +4,7 @@
 	font-size: x-large;
 	font-variant: small-caps;
 	text-align: center;
-	min-height: 5em;
+	min-height: 4em;
 	background-color: lightslategrey;
 	color: whitesmoke;
 }
@@ -74,6 +74,7 @@ footer img {
 	padding: 1em;
 	text-align: center;
 }
+
 #vim-proposal img {
 	height: 100%;
 	border-radius: 1vw;
@@ -159,14 +160,13 @@ pre code strong {
 	font-size: 1.5em;
 }

-@media screen and (orientation:landscape) {
+@media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
 	nav {
 		padding-top: 1%;
 		/*	min-height: 42em;
 		display: inline-block;*/
 		float: left;
 		font-size: 1.2em;
-		clear: both;
 		text-align: right;
 		height: 100%;
 		vertical-align: top;
@@ -184,50 +184,56 @@ pre code strong {
 		border-bottom: 0.1em solid gray;
 		border-right: 0.1em solid gray;
 	}
-
 	nav li:hover {
 		box-shadow: 0.1em 0.1em 0.15em 0.05em rgba(100,100,100,0.75);
 	}
+
 	#main {
-		max-width: 70%;
+		max-width: 70vw;
 		min-width: 22em;
 		width: 60%;
 	}
+
 	#vim-proposal {
 		float: right;
 		height: 15em;
 		max-height: 18vw;
+		max-width: 10vw;
 	}
 }

-@media screen and (orientation:portrait) {
+@media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) {
+
+	#title h1 {
+		margin: 0.2em;
+	}

 	nav {
 		width: 90%;
 		/*	min-height: 42em;*/
-		font-size: 1.5em;
-		clear: both;
+		font-size: 2em;
 		text-align: center;
 		margin: 0 auto;
 	}
 	nav ul {
 		padding: 0;
-		border-radius: 0.3em;
 	}
 	nav li {
-		border-bottom: 0.1em solid gray;
 		list-style: none;
 		border-radius: 0.3em;
 		margin: 0.2em;
+		box-shadow: 0.1em 0.1em 0.15em 0.05em rgba(100,100,100,0.75);
 	}

 	#main, body {
 		text-align: center;
 	}
+
 	section, .section {
 		width: 85%;
 		font-size: 2em;
 		margin: 2em auto;
+		background-color: whitesmoke;
 	}

 	#vim-proposal {