arco 0.6.1 → 0.6.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fabc875f3a4eaafbc658efe2e9dd6ed790b1f5d4908f1da97f19da9b9f9122a2
-  data.tar.gz: 3fbec256e63aff0afbbf74b3e5397c8fe71c8332cc7b667f3b145bf220ea8138
+  metadata.gz: ed3afabbd0f0d5eb50c6d5dc2eb291efc093a4bfff6b2bd9d24bb86e2104c8c5
+  data.tar.gz: 25e40f782d66b71d7aec51e1c3a3d45ce67c919621fc8872b2219479ff172fb3
 SHA512:
-  metadata.gz: 158b9c0dbbf7ec730fd681922c9193e4e0a05d824b30435045d6d2ad9cc75e3315e141d811f15cb74aa19515d0cfc5b544918857c6041504a6edc9c4d98c19cc
-  data.tar.gz: 79bb50796038394a55d1fa3056e493baf04efc143cd2b557839791fa76c759035cc260c6f3a5edb260a424229c3da1161c9c99aebc1cbc4634d6b494b80cd80f
+  metadata.gz: 28544ffe6094e042a600389c647e628dbca4a92da8ac1ba1027dace5b4aa9b1c3e92e58c36346df07da315dc401b4a899d1c0fe3990a39c79e846f0c3953029b
+  data.tar.gz: f01d4e8da0622fddedd6e4d414744cee5936a2cd519f06827cc96991a8988c61d8d0064c655bdc0c2064ed1a0011a5a4a0dcf9097602535cd53680701877ec91

data/_includes/cover.html

@@ -1,6 +1,6 @@
 <section class="cover"> 
     <div class="cover-text">
-      {% if site.image %}<img class="site-image" src="{{ site.image }}" />{% endif %}
+      {% if site.image %}<img class="cover-image" src="{{ site.image }}" />{% endif %}
       <h1>{{ site.title }}</a></h1>
       <h6>{{ site.description }}</h6>
     </div>

data/_includes/mathjax.html

@@ -10,7 +10,7 @@
 <script
   type="text/javascript"
   charset="utf-8"
-  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"
+  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS-MML_HTMLorMML"
 >
 </script>
 <script

data/_includes/sidebar.html

@@ -1,23 +1,33 @@
 <section id="sidebar" class="sidebar"> 
     <svg id="sidebar-fader"></svg>
-    <div class="sidebar-text">
-        {% if site.image %}<img class="site-image" src="{{ site.image }}" />{% endif %}
-        <h1><a href="{{ "/projects/" }}" class="fade-onclick">{{ site.title }}</a></h1>
-        <h6>{{ site.description }}</h6>
+    <div class="sidebar-header">
+        {% if site.image %}
+            <div class="sidebar-image-container">
+                <img class="sidebar-image" src="{{ site.image }}" />
+            </div>
+        {% endif %}
+        <div class="sidebar-text">
+            <h1><a href="{{ "/projects/" }}" class="fade-onclick">{{ site.title }}</a></h1>
+            <h6>{{ site.description }}</h6>
+        </div>
     </div>
     <div class="sidebar-links">
-        {% assign identifier = page.url | split: "/" | last %}
-        {% if identifier  == "completed" %}
-        completed
-        {% else %}
-            <a href="{{ "/projects/completed" }}" class="fade-onclick">completed</a>
-        {% endif %}
-        / 
-        {% if identifier  == "ongoing" %}
-            ongoing
-        {% else %}
-            <a href="{{ "/projects/ongoing" }}" class="fade-onclick">ongoing</a>
-        {% endif %}
-        {% if site.github_url %} / <a href="{{ site.github_url }}">github</a> {% endif %}{% if site.resume %} / <a href="{{ "/resume" }}" class="fade-onclick">resume</a> {% endif %}
+        <div class="sidebar-links-top">
+            {% assign identifier = page.url | split: "/" | last %}
+            {% if identifier  == "completed" %}
+            completed
+            {% else %}
+                <a href="{{ "/projects/completed" }}" class="fade-onclick">completed</a>
+            {% endif %}
+            / 
+            {% if identifier  == "ongoing" %}
+                ongoing
+            {% else %}
+                <a href="{{ "/projects/ongoing" }}" class="fade-onclick">ongoing</a>
+            {% endif %}
+        </div>
+        <div class="sidebar-links-bottom">
+            {% if site.github_url %} <a href="{{ site.github_url }}">github</a> / {% endif %}{% if site.resume %}<a href="{{ "/resume" }}" class="fade-onclick">resume</a> {% endif %}
+        </div>
     </div>
 </section>

data/_sass/404.scss

@@ -8,7 +8,6 @@
     }
     h6 {
         text-transform: uppercase;
-        font-size: .9rem;
         color: $text-colour-light;
     }
 }

data/_sass/arco.scss

@@ -125,11 +125,6 @@ li, ul {
     line-height: 1.5em;
 }
 
-.site-image {
-  width: 200px;
-  border-radius: 50%;
-}
-
 .content {
     width: auto;
     height: auto;

data/_sass/cover.scss

@@ -8,7 +8,6 @@
     }
     h6 {
         text-transform: uppercase;
-        font-size: .9rem;
         color: $text-colour-light;
     }
     a {
@@ -40,3 +39,9 @@
     text-align: center;
     justify-content: center;
 }
+
+.cover-image {
+    width: 200px;
+    height: 200px;
+    border-radius: 50%;
+}

data/_sass/post-list.scss

@@ -30,7 +30,7 @@
 .list-post-title {
     color: $text-colour-dark;
     width: 100%;
-    font-size: 18px;
+    font-size: 1.5em;
     font-weight: bold;
     a {
         color: white;
@@ -43,7 +43,7 @@
 .list-post-summary {
     color: $summary-colour;
     margin: 0.4em 0;
-    font-size: 16px;
+    font-size: 1em;
 }
 
 .list-post-footer {
@@ -53,12 +53,12 @@
 .list-post-date {
     color: $secondary-highlight;
     font-weight: bold;
-    font-size: 14px;
+    font-size: 0.9em;
 }
 
 .list-post-category { 
     font-weight: bold;
-    font-size: 14px;
+    font-size: 0.9em;
     color: $primary-highlight;
     &:hover, &:focus {
         color: lighten($primary-highlight, 14%);
@@ -67,7 +67,7 @@
 
 .list-post-tags {
     font-weight: bold;
-    font-size: 14px;
+    font-size: 0.9em;
     color: $tertiary-highlight;
     margin-top: 0.4em;
 }

data/_sass/post.scss

@@ -14,7 +14,7 @@
 .post-date {
     color: $secondary-highlight;
     font-weight: bold;
-    font-size: 14px;
+    font-size: 0.9em;
 }
 
 .post-image {
@@ -26,7 +26,7 @@
 
 .post-category { 
     font-weight: bold;
-    font-size: 14px;
+    font-size: 0.9em;
     color: $primary-highlight;
     &:hover, &:focus {
         color: lighten($primary-highlight, 14%);

data/_sass/sidebar.scss

@@ -10,7 +10,6 @@
     }
     h6 {
         text-transform: uppercase;
-        font-size: .9rem;
         color: $text-colour-light;
     }
     a {
@@ -35,7 +34,7 @@
 @media only screen and (orientation: portrait) {
     #sidebar {
         flex-direction: row;
-        justify-content: space-evenly;
+        justify-content: space-between;
         align-items: center;
         text-align: center;
     }
@@ -50,9 +49,37 @@
         height: $sidebar-height-min;
     }
 
-    .sidebar-text {
+    .sidebar-header {
         display: flex;
-        flex-direction: column;
+        margin-left: 1em;
+    }
+
+    .sidebar-image-container {
+        margin-right: 1em;
+    }
+
+    .sidebar-image {
+        width: 80px;
+        height: 80px;
+        border-radius: 50%;
+    }
+
+    .sidebar-text {
+        h1 {
+            font-size: 2.5em;
+            margin-top: -0.3em;
+        }
+        h6 {
+            font-size: 1.3em;
+            margin: 0;
+        }
+        text-align: start;
+    }
+
+    .sidebar-links {
+        font-size: 1.5em;
+        margin-right: 1em;
+        text-align: end;
     }
 
     .content {
@@ -104,6 +131,12 @@
         width: $sidebar-width;
         height: 100%;
     }
+
+    .sidebar-image {
+        width: 200px;
+        height: 200px;
+        border-radius: 50%;
+      }
     
     .content {
         flex: 1;

data/_sass/syntax-highlighting.scss

@@ -3,9 +3,8 @@
 pre, code {
   font-family: "Roboto Mono";
   color: #cccccc;
-  font-size: 0.9em;
+  font-size: 1em;
   background-color: #f8f8f8;
-  font-size: 14px;
 }
 
 code {

data/assets/lightbox/lightbox.js

@@ -111,6 +111,7 @@ document.addEventListener("DOMContentLoaded", function() {
         if(event.target.id != 'next' && event.target.id != 'prev'){
             this.innerHTML = '';
             document.getElementById('lightbox').style.display = 'none';
+            document.body.style.overflow="visible";
         }
     });
     
@@ -121,6 +122,7 @@ document.addEventListener("DOMContentLoaded", function() {
             event.preventDefault();
             document.getElementById('lightbox').innerHTML = '<a id="close"></a><a id="next">&rsaquo;</a><a id="prev">&lsaquo;</a><div class="videoWrapperContainer"><div class="videoWrapper"><iframe src="https://www.youtube.com/embed/'+this.getAttribute('data-id')+'?autoplay=1&showinfo=0&rel=0"></iframe></div>';
             document.getElementById('lightbox').style.display = 'block';
+            document.body.style.overflow="hidden";
 
             setGallery(this);
         });
@@ -133,6 +135,7 @@ document.addEventListener("DOMContentLoaded", function() {
             event.preventDefault();
             document.getElementById('lightbox').innerHTML = '<a id="close"></a><a id="next">&rsaquo;</a><a id="prev">&lsaquo;</a><div class="img" style="background: url(\''+this.getAttribute('href')+'\') center center / contain no-repeat;" title="'+this.getAttribute('title')+'" ><img src="'+this.getAttribute('href')+'" alt="'+this.getAttribute('title')+'" /></div><span>'+this.getAttribute('title')+'</span>';
             document.getElementById('lightbox').style.display = 'block';
+            document.body.style.overflow="hidden";
 
             setGallery(this);
         });

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: arco
 version: !ruby/object:Gem::Version
-  version: 0.6.1
+  version: 0.6.3
 platform: ruby
 authors:
 - meebuhs
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-04 00:00:00.000000000 Z
+date: 2020-07-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll