my-lab 0.1.1 → 0.1.02

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9e6c1b69bf89224f3683daed59294bf7be0349079a17f0498ed5f9fe208fe06a
-  data.tar.gz: 5d210265e5c12e93ba6e4c8ec718c6732010bf312870be05589c88f09f220f48
+  metadata.gz: c87d32aa3592a68b2e65f803ff4d70cc1c8bbbda40249dae808b274c362f0d67
+  data.tar.gz: 28ded9665213d4211170859dc5bc027e99fd98d27f4af37e40cd397e657f459c
 SHA512:
-  metadata.gz: 5136a4ceeea8b2e918ee69575d1eb03fa8afed09de2db579e85234eee47af810829fc32b1427991de4175e4272a69a0789bfccef2c8b055f3c33d4ec3e29dba1
-  data.tar.gz: 07cc1b21e9657c6b067e32b01538b2b59e4b3be7b081361b64a7e1252e271042e21c9b6d9000319e8084dd204cb2e789a9a461c244830326376c24efd6fd0bbb
+  metadata.gz: d446a604f11e710798635b2b158247bbb40c199994f3bcc9b5d971734cddaa579ecd298d9de1aa9ef51e37d9532cd82fe96cffabf6752b34789187e08477a230
+  data.tar.gz: a5647b8573903dd2b00596a530d13a86fe97b6788395112533154c5e595ad5122d4cede09414edfeb603aaf4b1c6413bbcc30b38864736001999e5a089139194

data/README.md

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

data/_config.yml

@@ -9,29 +9,19 @@ encoding: utf-8
 language: en
 theme: my-lab
 
-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
+# pagination
+paginate: 2
+paginate_path: /page:num
+sort_field: 'date'
+sort_reverse: true
+limit: 0
 
 # socmed
 twitter_username:
 github_username: shuamilabs
 instagram_username: shuamilabs
-facebook_username: shuamilabs
-youtube_username: UC1CaCMwJq3qd0I1yOf4uO8Q
+facebook_username: 
+youtube_username: 
 disqus_username: 
 
 # navigation
@@ -45,7 +35,9 @@ sass:
 
 # plugins
 plugins:
-  - jekyll-paginate-v2
+  - jekyll-paginate
+  - jekyll-seo-tag
+  - jekyll-feed
   
 exclude:
   - Gemfile

data/_includes/footer.html

@@ -1,7 +1,7 @@
 <div id="footer">
     <p>
         © 2020 {{site.owner}} ·
-        <a href="{{site.url}}{{site.baseurl}}/about/">?Me?</a>
+        <a href="{{site.url}}{{site.baseurl}}/contact-me/">Contact</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,6 +6,5 @@
     <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,26 +10,12 @@
             <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">
-        <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>
+        <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>
 </div>
 

data/_layouts/category.html

@@ -6,34 +6,22 @@
 <body>
     <div id="main">
         {% include navigation.html %}
-
         <div id="content-left">
-            <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>
+            <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>
                     <i>posted on {{ post.date | date: "%-d %b %Y" }} by Ahmad Shuami</i>
-                  </li>
-                {% endfor %}
-            </ul>
+                </div>
+            {% endfor %}
         </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: 10px;
+  padding-bottom: 20px;
 
   a {
     &:link, &:visited {
@@ -15,22 +15,18 @@
     }
   }
 
-  // .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,6 +45,11 @@ a {
 #nav-menu-left {
   display: inline;
   a {
+    &:link, &:visited {
+      text-decoration: none;
+      color: #000;
+    }
+  
     &:hover {
       text-decoration: none;
     }
@@ -67,23 +72,6 @@ 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/_theme.scss

@@ -33,50 +33,14 @@ img {
     border-top: 1px dotted #000;
 }
 
-.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;
-            }
-        }
-    }
+.pagination {
+    border: 1px dashed #000;
+    padding: 5px 10px;
+    background-color: #ddd;
+    border-radius: 25px;
+    font-size: 15px;
+    margin-top: 10px;
+    text-align: right;
 }
 
 @media (max-width: 600px) {

data/_sass/mylab.scss

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: my-lab
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.02
 platform: ruby
 authors:
 - shuamilabs
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-31 00:00:00.000000000 Z
+date: 2020-05-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,34 +16,56 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.1'
-    - - "<"
+        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:
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: 1.1.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.1'
-    - - "<"
+        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:
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '5.0'
+        version: 2.6.1
 - !ruby/object:Gem::Dependency
-  name: jekyll-paginate-v2
+  name: jekyll-feed
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.0.0
+        version: 0.13.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 3.0.0
+        version: 0.13.0
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -94,12 +116,9 @@ 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

data/_sass/_syntax.scss

@@ -1,206 +0,0 @@
-.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;
-  }
-}