my-lab 0.1.02 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c87d32aa3592a68b2e65f803ff4d70cc1c8bbbda40249dae808b274c362f0d67
-  data.tar.gz: 28ded9665213d4211170859dc5bc027e99fd98d27f4af37e40cd397e657f459c
+  metadata.gz: 00cf3217a52d3e5b6738cb314807b2cf029319e9d037bf34599153c919ec5449
+  data.tar.gz: c07b13ead65b4c9efb0b538c26195c164326e79a56519ccee7b6c2cb4f24941f
 SHA512:
-  metadata.gz: d446a604f11e710798635b2b158247bbb40c199994f3bcc9b5d971734cddaa579ecd298d9de1aa9ef51e37d9532cd82fe96cffabf6752b34789187e08477a230
-  data.tar.gz: a5647b8573903dd2b00596a530d13a86fe97b6788395112533154c5e595ad5122d4cede09414edfeb603aaf4b1c6413bbcc30b38864736001999e5a089139194
+  metadata.gz: b4efe237934ef869e3b1d44c7e3ccb81d6858fedd81defb7d8fbd33b67677df5d1e6267cef72439178391e385b3c2cc8e4348f7a25692224789c8feea479149f
+  data.tar.gz: e7cb525b291d61b22c1fb7cbc381ada14bd8ed5c9918c2947e0bcb9197e83768e726da1ad02c45367bb2f90143da963f538f6c7fc2f3aa1ea07ef07707123c65

data/README.md

@@ -28,8 +28,8 @@ Or install it yourself as:
     $ gem install my-lab
 
 ## Image
-![](assets/images/my_lab01.jpg)
-![](assets/images/my_lab02.jpg)
+![main page](/assets/images/my_lab01.jpg)
+![post page](/assets/images/my_lab02.jpg)
 
 ## Usage
 ### default layouts files
@@ -54,6 +54,8 @@ __index.html__
 ---
 layout: default
 title: Posts
+pagination: 
+  enabled: true
 ---
 Index page
 ```

data/_config.yml

@@ -9,19 +9,29 @@ encoding: utf-8
 language: en
 theme: my-lab
 
-# pagination
-paginate: 2
-paginate_path: /page:num
-sort_field: 'date'
-sort_reverse: true
-limit: 0
+markdown: kramdown
+highlighter: rouge
+kramdown:
+  input: GFM
+  syntax_highlighter_opts:
+    default_lang: html
+    css_class   : 'syntax'
+
+pagination:
+  enabled: true
+  per_page: 2
+  permalink: '/page/:num/'
+  title: 'Page :num'
+  limit: 0
+  sort_field: 'date'
+  sort_reverse: true
 
 # socmed
 twitter_username:
 github_username: shuamilabs
 instagram_username: shuamilabs
-facebook_username: 
-youtube_username: 
+facebook_username: shuamilabs
+youtube_username: UC1CaCMwJq3qd0I1yOf4uO8Q
 disqus_username: 
 
 # navigation
@@ -35,9 +45,7 @@ sass:
 
 # plugins
 plugins:
-  - jekyll-paginate
-  - jekyll-seo-tag
-  - jekyll-feed
+  - jekyll-paginate-v2
   
 exclude:
   - Gemfile

data/_includes/footer.html

@@ -1,7 +1,7 @@
 <div id="footer">
     <p>
         © 2020 {{site.owner}} ·
-        <a href="{{site.url}}{{site.baseurl}}/contact-me/">Contact</a>
+        <a href="{{site.url}}{{site.baseurl}}/about/">?Me?</a>
     </p>
     <p>
         <a href="https://github.com/shuamilabs/my-lab">My-Lab</a> created by <a href="https://github.com/shuamilabs/">Shuami Labs</a>

data/_includes/header.html

@@ -6,5 +6,6 @@
     <meta content="Copyright 2020 {{site.owner}}. All rights reserved." name="copyright">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <link rel="icon" type="image/png" sizes="16x16" href="{{site.url}}{{site.baseurl}}/assets/images/favicon-16x16.png">
     <link href="{{site.url}}{{site.baseurl}}/assets/css/main.css" type="text/css" rel="stylesheet">
 </head>

data/_includes/navigation.html

@@ -10,12 +10,26 @@
             <use xlink:href="/assets/images/minima-social-icons.svg#instagram"></use>
             </svg>
         </a>
+        <a href="https://facebook.com/{{site.facebook_username}}" target="_blank">
+            <svg class="svg-icon">
+            <use xlink:href="/assets/images/minima-social-icons.svg#facebook"></use>
+            </svg>
+        </a>
+        <a href="https://www.youtube.com/channel/{{site.youtube_username}}" target="_blank">
+            <svg class="svg-icon">
+            <use xlink:href="/assets/images/minima-social-icons.svg#youtube"></use>
+            </svg>
+        </a>
     </div>
     
     <div id="nav-menu-right">
-        <a href="{{site.url}}{{site.baseurl}}/">Home</a> /
-        <a href="{{site.url}}{{site.baseurl}}/about/">About</a> /
-        <a href="{{site.url}}{{site.baseurl}}/categories/">Categories</a>
+        <div id="home-menu">
+            <a href="{{site.url}}{{site.baseurl}}/">
+                <img src="{{site.url}}{{site.baseurl}}/assets/images/home.png" alt="home">
+            </a>
+        </div> /
+        <a href="{{site.url}}{{site.baseurl}}/project/">Project</a> /
+        <a href="{{site.url}}{{site.baseurl}}/categories/">Category</a>
     </div>
 </div>
 

data/_layouts/category.html

@@ -6,22 +6,34 @@
 <body>
     <div id="main">
         {% include navigation.html %}
+
         <div id="content-left">
-            <h2>Category: {{page.category}}</h2>
-            {% assign content = page.content | strip_newlines %}
-            {% if content != ""  %}
-                {{content}}
-            {% endif %}
-            {% for post in site.categories[page.category] %}
-                <div id="intro-post">
-                    <a href="{{site.url}}{{site.baseurl}}{{post.url}}">
-                        <h3>{{post.title}}</h3>
-                    </a>
+            <ul class="post-list">
+                {% for post in paginator.posts %}
+                  <li>
+                    <h3>→ <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a></h3>
                     <i>posted on {{ post.date | date: "%-d %b %Y" }} by Ahmad Shuami</i>
-                </div>
-            {% endfor %}
+                  </li>
+                {% endfor %}
+            </ul>
         </div>
         
+        {% if paginator.total_pages > 1 %}
+            <div class="w-line"></div>
+            <ul class="pager">
+                {% if paginator.previous_page %}
+                <li class="previous">
+                    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr; Newer Posts</a>
+                </li>
+                {% endif %}
+                {% if paginator.next_page %}
+                <li class="next">
+                    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts &rarr;</a>
+                </li>
+                {% endif %}
+            </ul>
+        {% endif %}
+
         {% include footer.html %}
         
     </div>

data/_sass/_content.scss

@@ -2,7 +2,7 @@
   margin: auto;
   padding-top: 5px;
   margin-bottom: 20px;
-  padding-bottom: 20px;
+  padding-bottom: 10px;
 
   a {
     &:link, &:visited {
@@ -15,18 +15,22 @@
     }
   }
 
-  .cust-code {
-    font-size: 14px;
-    background-color: #ececec;
-    padding: 5px 10px;
-    border-top: 3px double #000;
-    border-radius: 5px;
-    width: 100%;
-  }
+  // .cust-code {
+  //   font-size: 14px;
+  //   background-color: #ececec;
+  //   padding: 5px 10px;
+  //   border-top: 3px double #000;
+  //   border-radius: 5px;
+  //   width: 100%;
+  // }
 
 }
   
 #content {
     text-align: center;
     margin: auto;
+}
+
+.w-line {
+  border-bottom: 1px solid #ddd;
 }

data/_sass/_navigation.scss

@@ -45,11 +45,6 @@ a {
 #nav-menu-left {
   display: inline;
   a {
-    &:link, &:visited {
-      text-decoration: none;
-      color: #000;
-    }
-  
     &:hover {
       text-decoration: none;
     }
@@ -72,6 +67,23 @@ a {
   font-size: 12px;
 }
 
+#home-menu {
+  display: inline;
+
+  img {
+    width: 16px;
+    position: relative;
+    top: 2px;
+    cursor: pointer;
+  }
+
+  a {
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}
+
 @media (max-width: 420px) {
   #nav-top {
     text-align: center;

data/_sass/_syntax.scss

@@ -0,0 +1,206 @@
+.highlight {
+  background: #ffffff;
+  margin: auto 0;
+  border-bottom: 1px double #000;
+  border-top: 3px double #000;
+  border-left: 1px solid #000;
+  border-right: 1px solid #000;
+  border-radius: 5px;
+  padding: 0 0.5em;
+  
+  pre {
+    // padding: 0.5em;
+    overflow-x: auto;
+  }
+
+  td.code pre {
+    padding: 0;
+    white-space: pre;
+  }
+
+  > pre {
+    white-space: pre;
+  }
+
+  .c {
+    color: #999988;
+    font-style: italic;
+  }
+
+  .err {
+    color: #a61717;
+    background-color: #e3d2d2;
+  }
+
+  .k, .o {
+    font-weight: bold;
+  }
+
+  .cm {
+    color: #999988;
+    font-style: italic;
+  }
+
+  .cp {
+    color: #999999;
+    font-weight: bold;
+  }
+
+  .c1 {
+    color: #999988;
+    font-style: italic;
+  }
+
+  .cs {
+    color: #999999;
+    font-weight: bold;
+    font-style: italic;
+  }
+
+  .gd {
+    color: #000000;
+    background-color: #ffdddd;
+
+    .x {
+      color: #000000;
+      background-color: #ffaaaa;
+    }
+  }
+
+  .ge {
+    font-style: italic;
+  }
+
+  .gr {
+    color: #aa0000;
+  }
+
+  .gh {
+    color: #999999;
+  }
+
+  .gi {
+    color: #000000;
+    background-color: #ddffdd;
+
+    .x {
+      color: #000000;
+      background-color: #aaffaa;
+    }
+  }
+
+  .go {
+    color: #888888;
+  }
+
+  .gp {
+    color: #555555;
+  }
+
+  .gs {
+    font-weight: bold;
+  }
+
+  .gu {
+    color: #aaaaaa;
+  }
+
+  .gt {
+    color: #aa0000;
+  }
+
+  .kc, .kd, .kp, .kr {
+    font-weight: bold;
+  }
+
+  .kt {
+    color: #445588;
+    font-weight: bold;
+  }
+
+  .m {
+    color: #009999;
+  }
+
+  .s {
+    color: #d14;
+  }
+
+  .na {
+    color: #008080;
+  }
+
+  .nb {
+    color: #0086B3;
+  }
+
+  .nc {
+    color: #445588;
+    font-weight: bold;
+  }
+
+  .no {
+    color: #008080;
+  }
+
+  .ni {
+    color: #800080;
+  }
+
+  .ne, .nf {
+    color: #990000;
+    font-weight: bold;
+  }
+
+  .nn {
+    color: #555555;
+  }
+
+  .nt {
+    color: #000080;
+  }
+
+  .nv {
+    color: #008080;
+  }
+
+  .ow {
+    font-weight: bold;
+  }
+
+  .w {
+    color: #bbbbbb;
+  }
+
+  .mf, .mh, .mi, .mo {
+    color: #009999;
+  }
+
+  .sb, .sc, .sd, .s2, .se, .sh, .si, .sx {
+    color: #d14;
+  }
+
+  .sr {
+    color: #009926;
+  }
+
+  .s1 {
+    color: #d14;
+  }
+
+  .ss {
+    color: #990073;
+  }
+
+  .bp {
+    color: #999999;
+  }
+
+  .vc, .vg, .vi {
+    color: #008080;
+  }
+
+  .il {
+    color: #009999;
+  }
+}

data/_sass/_theme.scss

@@ -33,14 +33,50 @@ img {
     border-top: 1px dotted #000;
 }
 
-.pagination {
-    border: 1px dashed #000;
-    padding: 5px 10px;
-    background-color: #ddd;
-    border-radius: 25px;
-    font-size: 15px;
-    margin-top: 10px;
-    text-align: right;
+.pager {
+    margin: 15px 0;
+    padding: 0;
+    text-align: center;
+    list-style: none;
+  
+    li {
+        display: inline;
+    
+        a {
+            display: inline-block;
+            text-decoration: none;
+            padding: 5px 10px;
+            color: #000;
+            border: 1px solid #ddd;
+            border-radius: 25px;
+        }
+    }
+}
+
+.post-list {
+    list-style: none;
+    padding: 0;
+
+    li {
+        h3 {
+            margin-bottom: 5px;
+        }
+    }
+    
+    i {
+        font-size: 0.8em;
+        color: grey;
+    }
+}
+
+@media (max-width: 392px) {
+    .pager {
+        li {
+            a {
+                margin-top: 5px;
+            }
+        }
+    }
 }
 
 @media (max-width: 600px) {

data/_sass/mylab.scss

@@ -8,5 +8,6 @@
     "navigation",
     "category",
     "post",
-    "content"
+    "content",
+    "syntax"
 ;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: my-lab
 version: !ruby/object:Gem::Version
-  version: 0.1.02
+  version: 1.0.0
 platform: ruby
 authors:
 - shuamilabs
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-30 00:00:00.000000000 Z
+date: 2020-05-31 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,56 +16,34 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.8.7
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 3.8.7
-- !ruby/object:Gem::Dependency
-  name: jekyll-paginate
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
+        version: '4.1'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 1.1.0
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 1.1.0
-- !ruby/object:Gem::Dependency
-  name: jekyll-seo-tag
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 2.6.1
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
+        version: '4.1'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 2.6.1
+        version: '5.0'
 - !ruby/object:Gem::Dependency
-  name: jekyll-feed
+  name: jekyll-paginate-v2
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.13.0
+        version: 3.0.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.13.0
+        version: 3.0.0
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -116,9 +94,12 @@ files:
 - _sass/_content.scss
 - _sass/_navigation.scss
 - _sass/_post.scss
+- _sass/_syntax.scss
 - _sass/_theme.scss
 - _sass/mylab.scss
 - assets/css/main.scss
+- assets/images/favicon-16x16.png
+- assets/images/home.png
 - assets/images/minima-social-icons.svg
 - assets/images/my_lab01.jpg
 - assets/images/my_lab02.jpg