minor css & pagination fixes

eueung · Dec 31, 2017 · 44aecad · 44aecad
1 parent 41571aa
commit 44aecad
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 19 deletions.
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -12,11 +12,11 @@
 
     <nav class="pagination" role="navigation">
       {{if .Paginator.HasPrev}}
-          <a class="newer-posts" href="{{ .Paginator.Prev.URL }}">&larr; Next Posts</a>
+          <a class="newer-posts" href="{{ .Paginator.Prev.URL }}">&larr; <span class="hide">Next Posts</span></a>
       {{end}}
-      <span class="page-number">Page {{ .Paginator.PageNumber }} of {{.Paginator.TotalPages}}</span>
+      <span class="page-number"><span class="hide">Page {{ .Paginator.PageNumber }} of {{.Paginator.TotalPages}}</span>&nbsp;</span>
       {{if .Paginator.HasNext}}
-          <a class="older-posts" href="{{ .Paginator.Next.URL }}">Previous Posts &rarr;</a>
+          <a class="older-posts" href="{{ .Paginator.Next.URL }}"><span class="hide">Previous Posts</span> &rarr;</a>
       {{end}}
     </nav>
   </div>

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -12,11 +12,11 @@
 
     <nav class="pagination" role="navigation">
       {{if .NextInSection}}
-          <a class="newer-posts" href="{{ .NextInSection.RelPermalink }}">&larr; Next Post</a>
+          <a class="newer-posts" href="{{ .NextInSection.RelPermalink }}">&larr; <span class="hide">Next Post</span></a>
       {{end}}
       <span class="page-number">&nbsp;</span>
       {{if .PrevInSection}}
-          <a class="older-posts" href="{{ .PrevInSection.RelPermalink }}">Previous Post &rarr;</a>
+          <a class="older-posts" href="{{ .PrevInSection.RelPermalink }}"><span class="hide">Previous Post</span> &rarr;</a>
       {{end}}
     </nav>
     {{ partial "disqus" . }}

diff --git a/layouts/index.html b/layouts/index.html
@@ -12,11 +12,11 @@
 
     <nav class="pagination" role="navigation">
       {{if .Paginator.HasPrev}}
-          <a class="newer-posts" href="{{ .Paginator.Prev.URL }}">&larr; Next Posts</a>
+          <a class="newer-posts" href="{{ .Paginator.Prev.URL }}">&larr; <span class="hide">Next Posts</span></a>
       {{end}}
-      <span class="page-number">Page {{ .Paginator.PageNumber }} of {{.Paginator.TotalPages}}</span>
+      <span class="page-number"><span class="hide">Page {{ .Paginator.PageNumber }} of {{.Paginator.TotalPages}}</span>&nbsp;</span>
       {{if .Paginator.HasNext}}
-          <a class="older-posts" href="{{ .Paginator.Next.URL }}">Previous Posts &rarr;</a>
+          <a class="older-posts" href="{{ .Paginator.Next.URL }}"><span class="hide">Previous Posts</span> &rarr;</a>
       {{end}}
     </nav>
   </div>

diff --git a/static/css/casper-two.css b/static/css/casper-two.css
@@ -45,18 +45,28 @@
 }
 
 @media (min-width: 900px) {
-.ctsingle .post-feed {
-    margin-top: -70px;
-    padding-top: 0;    
-} 
-.ctsingle .site-nav {
-    position: relative;
-    top: -70px;
-}    
+    .ctsingle .post-feed {
+        margin-top: -70px;
+        padding-top: 0;    
+    } 
+    .ctsingle .site-nav {
+        position: relative;
+        top: -70px;
+    }    
 }
+
 @media (min-width: 795px) {  
-.ctsingle .post-feed p {
-    font-size: 1.8rem;
-    line-height: 1.55em;
+    .ctsingle .post-feed p {
+        font-size: 1.8rem;
+        line-height: 1.55em;
+    }
 }
+
+@media (max-width: 650px) {
+    .hide {
+        display: none !important;
+    }   
+    .copyright {
+        text-align: center;
+    }
 }