panthera-jekyll 0.0.4 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fac933638f45767110a4f8d7e90256fc2f3da4f3ef2c20dd4814e0f2c758d8e5
-  data.tar.gz: e595195efd406be1af333153c076f4e1440a009301c723b23aa3f09eb8a9ee26
+  metadata.gz: 5264492c851cf9129388c9d6d98737eb5bd8b93a7b93bde49d5d5a07039965e2
+  data.tar.gz: 15238dd6334f483beb3d702059a05ea22b30e0b5d3105702ea54cdeba6185b64
 SHA512:
-  metadata.gz: 236c88f831faf1636c911196c6ce63f53f8e4d78c6db7e1799edb9045bd0d5cdbf4af3431c15b49c1080ce4ce615dbe100bb2b653b1338d46207fa590c862ae9
-  data.tar.gz: 90307ccc1c566b2c44b6329be8c8e15fd66d5ce9d89ba3e6ae525218d398decf7656f751f1937a56b6f63a153b2b4d582156756b8e3acd6197da82f485e7a0d9
+  metadata.gz: 3d7edbb033fe8cbb357018f09fc69f81d171934cf51d8a6a0c72b65ece601445fe9f1010736a4d948755bfc978c2fd4e41d0d6ad98ddc7a263ac7bcf0b7535c4
+  data.tar.gz: 323a8d0e75656b7fc3fdc5efa58efd2a62c1eb661c07afd58b55e68c0ec7906cd0d3a84fde64ab6f8cb67c1d9f4f8b28ed77a390be7c3274cd027b0abe742f7b

data/_includes/left.html

@@ -12,7 +12,7 @@
       <h1 class="pan-layout-left__title">
         {{ site.title | default: site.github.owner_name }}
       </h1>
-
+      
       {% if site.subtitle %}
       <h3 class="pan-layout-left__subtitle">
         {{ site.subtitle }}
@@ -21,5 +21,36 @@
     </div>
   </div>
   
-  <div class="pan-layout-left__bottom"></div>
+  <div class="pan-layout-left__middle">
+    {% if site.data.menu %}
+    <ul class="pan-layout-left__menu">
+      {% for menu in site.data.menu %}
+      <li data-menu-link="{{ menu.link }}">
+        <a href="{{ menu.link | relative_url }}">{{ menu.text }}</a>
+      </li>
+      {% endfor %}
+    </ul>
+    {% endif %}
+  </div>
+  
+  <div class="pan-layout-left__bottom">
+    <div class="pan-layout-left__small">
+      <span>GET IN TOUCH</span>
+    </div>
+    <div class="pan-layout-left__social">
+      {% if site.data.social %}
+      <ul>
+        {% for social in site.data.social %}
+        {% if site.data.icons.social[social.name] %}
+        <li>
+          <a target="_blank" href="{{ social.link }}">
+            <i class="{{ site.data.icons.social[social.name] }}"></i>
+          </a>
+        </li>
+        {% endif %}
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </div>
+  </div>
 </section>

data/_layouts/default.html

@@ -7,7 +7,6 @@
 
   <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/assets/libs/fontawesome-5.9.0/css/all.min.css" media="screen" type="text/css">
-  <link rel="stylesheet" href="/assets/libs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.css" media="screen" type="text/css">
 
   <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}" media="screen" type="text/css">
   <!-- <link rel="stylesheet" href="{{ '/assets/css/print.css' | relative_url }}" media="print" type="text/css"> -->
@@ -40,7 +39,6 @@
   <script type="text/javascript" src="/assets/libs/jquery-3.4.1.min.js"></script>
   <script type="text/javascript" src="/assets/libs/jquery-migrate-3.0.1.min.js"></script>
   <script type="text/javascript" src="{{ '/assets/js/panthera-jekyll.js?v=' | append: site.github.build_revision | relative_url }}"></script>
-  <script type="text/javascript" src="/assets/libs/jquery.mobile-1.4.5/jquery.mobile-1.4.5.min.js"></script>
   
   {% if site.google_analytics %}
   <script>

data/_sass/includes/left.scss

@@ -39,9 +39,61 @@
     height: var(--pan-layout-left-top-height);
   }
 
-  &__bottom {
+  &__middle {
     top: var(--pan-layout-left-top-height);
+    bottom: var(--pan-layout-left-bottom-height);
+    border-top: var(--pan-layout-left-middle-border);
+    border-bottom: var(--pan-layout-left-middle-border);
+    overflow-y: auto;
+    overflow-x: visible;
+  }
+
+  &__bottom {
+    height: var(--pan-layout-left-bottom-height);
     bottom: 0px;
+
+    > * {
+      display: block;
+      position: absolute;
+      left: 10px;
+      right: 10px;
+    }
+  }
+
+  &__small {
+    top: 0px;
+    height: 20px;
+    font-size: .8rem;
+
+    > * {
+      @include v-center;
+    }
+  }
+
+  &__social {
+    top: 20px;
+    bottom: 0px;
+    overflow-x: auto;
+    overflow-y: hidden;
+    font-size: 1.4rem;
+    padding-top: 15px;
+
+    ul {
+      list-style: none;
+      display: table;
+      padding: 0px;
+      margin: 0px;
+
+      > li {
+        display: table-cell;
+        padding-right: 30px;
+        margin: 0px;
+
+        a {
+          color: #FFF;
+        }
+      }
+    }
   }
 
   &__avatar {
@@ -85,5 +137,33 @@
     font-weight: lighter;
   }
 
+  &__menu {
+    display: block;
+    list-style: none;
+    padding: 0px;
+    margin: 0px;
+
+    > li {
+      display: block;
+      padding: 0px;
+      margin: 0px;
+
+      &:hover {
+        background-color: rgba(255, 255, 255, .1);
+      }
+
+      &.active {
+        background-color: rgba(255, 255, 255, .3) !important;
+      }
+
+      > a {
+        display: block;
+        padding: 15px 15px 15px 30px;
+        color: #FFF !important;
+        text-decoration: none !important;
+      }
+    }
+  }
+
 }
 

data/_sass/main.scss

@@ -6,6 +6,7 @@ html, body {
   color: #333;
   width: 100vw;
   height: 100vh;
+  overflow-x: hidden;
 }
 
 body {
@@ -52,6 +53,7 @@ h6 { font-size: .6rem; }
   left: 0px;
   width: 100vw;
   height: 100vh;
+  min-height: 500px;
   overflow: hidden;
   
   > * {

data/_sass/root/root.scss

@@ -7,6 +7,8 @@
   --pan-layout-left-background-color: rgba(0, 122, 204, .7);
   --pan-layout-left-background-image: url(../images/left-background.jpg);
   --pan-layout-left-top-height: 300px;
+  --pan-layout-left-bottom-height: 70px;
+  --pan-layout-left-middle-border: 1px solid rgba(255, 255, 255, .3);
 
   --pan-layout-right-left: 0px;
   --pan-layout-right-right: 0px;

data/assets/js/panthera-jekyll.js

@@ -11,6 +11,12 @@ jQuery(document).ready(function () {
       $layout.removeClass('pan-menu-open');
     });
   })();
+
+  (function () {
+    var $path = document.location.pathname;
+    jQuery('[data-menu-link]').removeClass('active');
+    jQuery('[data-menu-link="' + $path + '"]').addClass('active');
+  })();
   
 });
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: panthera-jekyll
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
 platform: ruby
 authors:
 - Christian Ezeani