type-on-strap 1.0.1 → 1.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 6a9692d82ebd698111c199c686d23edeeaf64530
-  data.tar.gz: 706429b6444e3c9312fa4ba3fba17fd61cd1a29c
+SHA256:
+  metadata.gz: 3973f6671476c1f0a46256f0c259cc0dc7e7c25022037db4c988e55472181d5d
+  data.tar.gz: de702031f075277c855a40684ea8671a3ff2a8d802c3ada781b28ea469d013ad
 SHA512:
-  metadata.gz: 58a1dd5eb49983e001770284626da5f6f3253a8da6c10e7de78371215d875bb7f5380eef84801fd765d26640f9ea9e99788f72eb3f2deb4b510b57279bcf064c
-  data.tar.gz: fe83d3f3fa0da9014be6eba6b0af06da1403bfd171edf45214bd1cdd93f8413516f6bbcc1ac5c7a2a3bede6cbc17f30cb60d9d62bbf299587b48bc5397cfac00
+  metadata.gz: 42ea6467c15b771ec1e306a853cf1068c1a78f05023fbc8ee1784d460f60d21190c43a9e107bb1ae9d023825f0e0289183879d38089bc3aa78918f66c293ff09
+  data.tar.gz: a729300a306ccd65de050ff63515c1a7d3e3c2301a8029419efbb43c2aebd6d51faf534aaaf939a34c0a3858d48245fdb791b8c881f6655a5c5c6e8bc9fdf481

data/_includes/blog.html

@@ -25,47 +25,4 @@
     {% endfor %}
 </div>
 
-{% if paginator.total_pages > 1 %}
-<div class="pagination" style="display: inline-block;">
-    <div style="position: absolute; left: 35%;">
-    {% if paginator.previous_page %}
-        <!-- << -->
-        {% if paginator.previous_page != 1 %}
-        <a alt="{{ site.theme_settings.str_previous_page }}"
-           href="{{ '/' | relative_url }}" style="margin-right:0" class="button">
-          <i class="fa fa-angle-double-left"></i>
-        </a>
-        {% endif %}   
-        <!-- < previous -->
-        <a href="{{ paginator.previous_page_path | relative_url }}" {% if paginator.previous_page != 1 %}style="margin-left:0"{% endif %} class="button">
-          <i class="fa fa-chevron-left"></i>
-          {{ site.theme_settings.str_previous_page }}
-        </a>
-    {% endif %}
-    </div>            
-    
-    <!-- Centering not working well on all format
-    <div style="position: absolute; left: 50%;">
-        <div style="position: relative; left: -50%;">
-        {{ paginator.page }} / {{ paginator.total_pages }}
-        </div>    
-    </div> -->     
-
-    <div style="position: absolute; right: 35%;">
-    {% if paginator.next_page %}
-        <!-- next > -->
-        <a alt="{{ site.theme_settings.str_next_page }}" 
-           href="{{ paginator.next_page_path | relative_url }}" {% if paginator.next_page != paginator.total_pages %}style="margin-right:0"{% endif %} class="button">
-          {{ site.theme_settings.str_next_page }}
-          <i class="fa fa-chevron-right"></i>
-        </a>
-        <!-- >> -->
-        {% if paginator.next_page != paginator.total_pages %}
-        <a href="{{ site.paginate_path | relative_url | replace: ':num', paginator.total_pages }}" style="margin-left:0" class="button">
-          <i class="fa fa-angle-double-right"></i>
-        </a>
-        {% endif %}
-    {% endif %}
-    </div>     
-</div>
-{% endif %}
+{% include blog_nav.html %}

data/_includes/blog_nav.html

@@ -0,0 +1,40 @@
+{% if paginator.total_pages > 1 %}
+<div class="pagination">
+    <div class="previous">
+        
+        {% if paginator.previous_page and paginator.previous_page != 1%}
+        <!-- << -->
+        <a alt="{{ site.theme_settings.str_previous_page }}" href="{{ '/' | relative_url }}" style="margin-right:0.1em" class="button">
+            <i class="fa fa-angle-double-left"></i>
+        </a>
+        {% endif %}
+        
+        <!-- < previous -->
+        <a href="{{ paginator.previous_page_path | relative_url }}" {% unless paginator.previous_page %}style="visibility:hidden"{% endunless %} class="button">
+            <i class="fa fa-chevron-left"></i>
+            {{ site.theme_settings.str_previous_page }}
+        </a>
+    </div>
+
+    <div class="page_number">
+        {{ paginator.page }} / {{ paginator.total_pages }}
+    </div>
+
+    <div class="next">
+        
+        <!-- next > -->
+        <a alt="{{ site.theme_settings.str_next_page }}" href="{{ paginator.next_page_path | relative_url }}" {% unless paginator.next_page %}style="visibility:hidden"{% endunless %} class="button">
+            {{ site.theme_settings.str_next_page }}
+            <i class="fa fa-chevron-right"></i>
+        </a>
+
+        {% if paginator.next_page and paginator.next_page != paginator.total_pages %}
+        <!-- >> -->
+        <a href="{{ site.paginate_path | relative_url | replace: ':num', paginator.total_pages }}" style="margin-left:0.1em" class="button">
+            <i class="fa fa-angle-double-right"></i>
+        </a>
+        {% endif %}
+        
+    </div>
+</div>
+{% endif %}

data/_includes/gallery.html

@@ -12,13 +12,12 @@ html { overflow-y: scroll; }
 <div class="gutter-sizer"></div>
 {% for image in site.static_files %}
   {% if image.path contains include.gallery_path %}
-    
+    {% unless image.path contains '.md' %}
         <img src="{{ image.path | relative_url }}" alt="" class="grid-item" style="padding: 0;">
-      
+    {% endunless %}  
   {% endif %}
 {% endfor %}
 </div> 
 
-<!-- Require JQuery >= 3.2.1 Requireas well -->
-<script src="{{ "/assets/js/vendor/masonry.pkgd.min.js" | relative_url }}" type="text/javascript"></script>
-<script src="{{ "/assets/js/vendor/imagesloaded.min.js" | relative_url }}" type="text/javascript"></script>
+<script src="{{ "/assets/js/vendor/imagesloaded.min.js" | relative_url }}" type="text/javascript"></script>
+<script src="{{ "/assets/js/vendor/masonry.pkgd.min.js" | relative_url }}" type="text/javascript"></script>

data/_includes/head.html

@@ -35,10 +35,13 @@
 
     <!-- Google Fonts -->
     {% if site.theme_settings.google_fonts %}
-    <link href="//fonts.googleapis.com/css?family={{ site.theme_settings.google_fonts }}" rel="stylesheet" type="text/css"> 
+    <link href="//fonts.googleapis.com/css?family={{ site.theme_settings.google_fonts }}" rel="stylesheet" type="text/css">
+    {% else %}
+    <link rel="stylesheet" href="{{ '/assets/css/vendor/google_fonts.min.css' | relative_url }}">
     {% endif %}
 
     <!-- KaTeX 0.8.3 -->
+    <!-- if you have any issue check https://github.com/KaTeX/KaTeX -->
     {% if site.theme_settings.katex %}
     <link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/katex.min.css' | relative_url }}">
     <script src="{{ '/assets/js/vendor/katex.min.js' | relative_url }}">

data/_sass/includes/_blog_nav.scss

@@ -0,0 +1,50 @@
+// Pagination
+.pagination {
+    padding: $padding-small $padding-large 0 $padding-large;
+    display: inline-block;
+    text-align: center;
+    //margin-bottom: 2em;
+    width: 100%;
+    clear: both;
+
+    @media (max-width: 600px) {
+        padding: $padding-small;
+    }
+
+    &:before {
+        content: '';
+        display: inline-block;
+        height: 100%;
+        vertical-align: middle;
+    }
+
+    .page_number {
+        display: inline-block;
+        margin-top: 0.4em;
+        
+         @media (max-width: 254px) {
+            display: none;
+        }
+    }
+
+    .button {
+        margin: 0em;
+        display: inline;
+
+        i {
+            vertical-align: middle;
+        }
+
+        @media (max-width: $break) {
+            display: table-cell;
+        }
+    }
+
+    .previous {
+        float: left;
+    }
+
+    .next {
+        float: right;
+    }
+}

data/_sass/includes/_grid.scss

@@ -25,7 +25,6 @@
     float: left;
     border-radius: 5px;
 
-
     img {
         /* for image formatting in the masonry */
         display: block;
@@ -37,12 +36,11 @@
 /* --- Masonry gutter size --- */
 
 .gutter-sizer {
-
     width: 1%;
 }
 
 .grid-item:first-of-type {
-    margin: 0;
+    margin-bottom: 1%;
 }
 
 .grid-item {

data/_sass/layouts/_index.scss

@@ -13,16 +13,16 @@
     /* --- Responsive --- */
     @media screen and (min-width: $break) {
         background-size: 120% auto;
-    } 
-    
+    }
+
     @media screen and (max-width: $break) {
         background-size: 200% auto;
-    } 
-    
+    }
+
     @media screen and (max-width: $sm-break) {
         background-size: 400% auto;
     }
-    
+
     //For white images
     p,
     a,
@@ -53,9 +53,11 @@
         display: inline-block;
         background-size: $feature-image-size;
         border-bottom: 1px solid $border-color;
+
         p a {
             @extend .body-link;
         }
+
         img {
             width: 100%;
             padding: 0;
@@ -69,7 +71,9 @@
 
             @media (min-width: $break) {
                 height: 250px;
-            } //Smaller screen
+            }
+
+            //Smaller screen
             @media screen and (max-width: $break) {
                 height: 150px;
             }
@@ -77,7 +81,6 @@
 
         .post-img img {
             //max-width: 100%;
-
             -moz-transition-timing-function: ease-out;
             -webkit-transition-timing-function: ease-out;
             transition-timing-function: ease-out;
@@ -93,24 +96,8 @@
             }
         }
     }
+
     .excerpt {
         margin-top: 1em;
     }
 }
-
-// Pagination
-.pagination {
-    padding: $padding-small $padding-large 0 $padding-large;
-    text-align: center;
-    @media (max-width: 600px) {
-        padding: $padding-small;
-    }
-
-    .button {
-        margin: 0 1.5em;
-        i {
-            vertical-align: middle;
-        }
-    }
-
-}

data/_sass/type-on-strap.scss

@@ -22,4 +22,5 @@
 @import 'includes/navbar';
 @import 'includes/portfolio';
 @import 'includes/grid';
-@import 'includes/share_buttons';
+@import 'includes/share_buttons';
+@import 'includes/blog_nav.scss';