jekyll-waterfall 0.8.0 → 0.9.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 54a43a2dd979ad431214a1cd0a55fb2174ad9764e0e02f6da0e54b22124b5637
-  data.tar.gz: 3a10e4738cf5f47b079cdf56674b687d136efdae68db17f7f12f9e332178f4c5
+  metadata.gz: 1d518b6a3f4e0052e01ee17711c9aee886b1f77a93af4990e1ae3b2f59fdf66c
+  data.tar.gz: d6dfc23dcc7cd8569ecd91f38b3d286bb98990550fced0ec4b5ddf69d61abaf5
 SHA512:
-  metadata.gz: 75afe01ef0f9d1b53c2b7da9cb2b9fb13e4382046286242c4cb1200ca96a01e29120a32f171d269d6b4ce1ed551d01d6ac08ce3d3e06d42ad9ebe8a4dd9a97d6
-  data.tar.gz: 65f52162ddb1461f64f7bcac839f43d7f86e48b65ae24eb5650c72fff448ddaa239c4d627d304e521b7c08b08a7afd83a3a16ad299288022391a3d159483752c
+  metadata.gz: ae5b40b3f69f55c8e25226f5c25829badb351ac15c628cda295d04f2d46d73c008d7e37393b2c88e887767f8ea19fce71acda24c14423bdb49c183e6eb6467a4
+  data.tar.gz: 345bd2a6aec2d1717b015814bdd9aa2c9020a26546b3c639282b2eaa374093b642a6ca65b9b9d8bf6c7c6ffa0a08b686388bfa8771cec00e4cfc4d31cd2de677

data/_config.yml

@@ -9,7 +9,7 @@ collections:
   experiences:
     output: false
   projects:
-    output: false
+    output: true
 
 defaults:
   - scope:
@@ -17,6 +17,11 @@ defaults:
       type: "posts"
     values:
       layout: "post"
+  - scope:
+      path: ""
+      type: "projects"
+    values:
+      layout: "project"
   - scope:
       path: ""
     values:

data/_includes/header.html

@@ -1,5 +1,5 @@
 <header class="z-10">
-   <div class="py-5 border-b border-gray-200 fixed w-full bg-gray-50 z-10">
+   <div class="py-5 border-b border-gray-200 dark:border-gray-800 fixed w-full bg-gray-50 dark:bg-gray-900 z-10">
       <div class="container mx-auto">
          <div class="flex items-center">
    

data/_includes/last_posts.html

@@ -4,14 +4,24 @@
    {%- assign posts = site.posts | where: "lang", page.lang -%}
 {%- endif -%}
 
+{%- assign limit = null -%}
+
+{%- if site.waterfall.home.last_posts_items -%}
+   {%- assign limit = site.waterfall.home.last_posts_items -%}
+{%- endif -%}
+
+
+{%- if page.last_posts_items -%}
+   {%- assign limit = page.last_posts_items -%}
+{%- endif -%}
+
 <div id="last-posts" class="min-h-screen pt-32">
    <h2 class="text-primary-700 mb-10 text-3xl">Last Posts</h2>
-
    <div class="row">
-      {% for post in posts limit: site.waterfall.home.last_posts_items %}
+      {% for post in posts limit: limit %}
          <div class="col w-full sm:w-1/2 md:w-1/3">
-            <a href="{{ post.url }}" class="card p-5 bg-gray-50 hover:shadow-lg rounded-md relative transition-all border-t-4 border-primary-600 block mb-3">
-               <h2 class="text-gray-800 text-xl mb-3">{{ post.title }}</h2>
+            <a href="{{ post.url }}" class="card p-5 bg-gray-50 dark:bg-gray-800 hover:shadow-lg rounded-md relative transition-all border-t-4 border-primary-600 block mb-3">
+               <h2 class="text-gray-800 dark:text-gray-100 text-xl mb-3">{{ post.title }}</h2>
                <p class="text-gray-500">{{ post.excerpt }}</p>
 
                <div class="absolute bottom-0 py-5">

data/_includes/projects.html

@@ -11,7 +11,7 @@
    <div class="row">
       {% for project in projects | where: "featured", true %}
          <div class="col w-full sm:w-1/2">
-            <a href="{{ project.permalink }}" class="card featured">
+            <a href="{{ project.url }}" class="card featured">
                <div class="py-5 pt-2">
                   {% for category in project.categories %}
                      <span class="text-gray-300 text-sm pr-5 py-1">{{ category }}</span>
@@ -30,7 +30,7 @@
       {% endfor %}
    </div>
 
-   {%- if page.posts -%}
+   {%- if page.projects -%}
       <div class="flex justify-center my-5">
          <a href="{{ page.projects.url }}" class="btn border-primary-700 border rounded-md text-center text-primary-700 hover:bg-primary-700 hover:text-white transition-all">{{ page.projects.see_more_label }}</a>
       </div>

data/_includes/social.html

@@ -2,7 +2,7 @@
 <div class="social-media fixed bottom-0 h-screen-1/2 hidden md:block sm:left-3 md:left-4 lg:left-9">
    <div class="relative h-full">
       
-      <div class="bg-gray-100">
+      <div class="bg-gray-100 dark:bg-gray-900">
          {%- if social.email -%}
             <a href="mailto:{{ social.email | cgi_escape | escape }}" class="text-primary-700 text-lg block p-3">
                {%- include svg/envelope.svg -%}
@@ -16,7 +16,7 @@
          {%- endif -%}
 
          {%- if social.linkedin -%}
-            <a href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" class="text-primary-700 text-lg block p-3">
+            <a href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}" target="_blank" class="text-primary-700 text-lg block p-3">
                {%- include svg/linkedin.svg -%}
             </a>
          {%- endif -%}

data/_includes/svg/moon.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="moon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-moon fa-w-16"><path fill="currentColor" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" class=""></path></svg>

data/_includes/svg/sun.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sun" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-sun fa-w-16"><path fill="currentColor" d="M256 160c-52.9 0-96 43.1-96 96s43.1 96 96 96 96-43.1 96-96-43.1-96-96-96zm246.4 80.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.4-94.8c-6.4-12.8-24.6-12.8-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4c-12.8 6.4-12.8 24.6 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.4-33.5 47.3 94.7c6.4 12.8 24.6 12.8 31 0l47.3-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3c13-6.5 13-24.7.2-31.1zm-155.9 106c-49.9 49.9-131.1 49.9-181 0-49.9-49.9-49.9-131.1 0-181 49.9-49.9 131.1-49.9 181 0 49.9 49.9 49.9 131.1 0 181z" class=""></path></svg>

data/_includes/toolbox.html

@@ -0,0 +1,17 @@
+<div class="toolbox fixed bottom-0 h-screen-1/2 hidden md:block sm:right-3 md:right-4 lg:right-9">
+   <div class="relative h-full">
+      <div class="bg-gray-100 dark:bg-gray-900">
+         <a class="cursor-pointer text-primary-700" data-night-mode-toggler alt="Toggle night mode">
+            <div class="day hidden dark:inline">
+               {%- include svg/sun.svg -%}
+            </div>
+
+            <div class="night dark:hidden">
+               {%- include svg/moon.svg -%}
+            </div>
+         </a>
+      </div>
+
+      <div class="vertical-line h-full absolute top-0 bottom-0 bg-primary-700 -z-10" style="width: 2px; left: calc(50% - 1px);"></div>
+   </div>
+</div>

data/_layouts/collection.html

@@ -0,0 +1,16 @@
+---
+   layout: default
+---
+
+{% assign collection = page.collection %}
+
+<div class="row">
+   {% for item in site[collection] %}
+      <div class="col w-full sm:w-1/2 md:w-1/3 entries-{{ collection }}">
+         <a href="{{ item.url }}" class="card p-5 bg-gray-50 dark:bg-gray-800 hover:shadow-lg rounded-md relative transition-all border-t-4 border-primary-600 block mb-3">
+            <h2 class="text-gray-800 dark:text-gray-100 text-xl mb-3">{{ item.title }}</h2>
+            <p class="text-gray-500">{{ item.excerpt }}</p>
+         </a>
+      </div>
+   {% endfor %}
+</div>

data/_layouts/default.html

@@ -11,7 +11,7 @@
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet">
 </head>
 
-<body class="bg-gray-100">
+<body class="bg-gray-100 dark:bg-gray-900">
    {%- include header.html -%}
 
    <main class="container mx-auto pt-32">
@@ -20,6 +20,8 @@
 
    {%- include social.html -%}
 
+   {%- include toolbox.html -%}
+
    <div class="overlay hidden bg-gray-900 opacity-60 absolute top-0 bottom-0 w-full z-0 transition-all"></div>
 
    {% include analytics.html %}

data/_layouts/project.html

@@ -0,0 +1,12 @@
+---
+   layout: default
+---
+
+<article class="post">
+   <h1 class="text-3xl text-primary-700 dark:text-gray-100 mb-10">{{ page.title }}</h1>
+
+   <img class="mx-auto mb-10" src="{{ page.thumbnail }}" alt="{{ page.title }}">
+
+   <h2 class="text-2xl text-primary-700 dark:text-gray-100 mb-10">About this project</h2>
+   {{ content }}
+</article>

data/assets/scripts.bundle.js

@@ -1 +1 @@
-(()=>{"use strict";function e(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}var t=function(){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),this.panels=[],this.init()}var n,a;return n=t,(a=[{key:"init",value:function(){var e=this;document.querySelectorAll("[nav-toggler]").forEach((function(t){t.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation(),document.querySelector("body").classList.toggle("nav-opened")})),e.panels.push(document.querySelector(t.getAttribute("href")))})),window.onclick=function(t){e.elementIsAPanel(t.target)||document.querySelector("body").classList.remove("nav-opened")}}},{key:"elementIsAPanel",value:function(e){var t=!1;return this.panels.forEach((function(n){n==e&&(t=!0)})),t}}])&&e(n.prototype,a),t}();function n(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}var a=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.init()}var t,a;return t=e,(a=[{key:"init",value:function(){var e=this,t=document.querySelectorAll('[data-toggle="pill"]');if(console.log("Found ".concat(t.length," pills on this page")),t.forEach((function(t){t.addEventListener("click",(function(t){t.preventDefault();var n=t.target.getAttribute("href");e.deactivateAllPills(t.target),t.target.classList.add("active");var a=document.querySelector(n);e.hideAllTabs(a).then((function(){a.classList.add("active"),setTimeout((function(){a.classList.add("show")}),100)}))}))})),t.length>0){var n=document.querySelector(t[0].getAttribute("href"));n.classList.add("show"),n.classList.add("active")}}},{key:"deactivateAllPills",value:function(e){e.parentNode.querySelectorAll('[data-toggle="pill"]').forEach((function(e){e.classList.remove("show"),e.classList.remove("active")}))}},{key:"hideAllTabs",value:function(e){var t=[];return e.parentNode.querySelectorAll('[role="tabpanel"]').forEach((function(e){e.classList.remove("show"),t.push(new Promise((function(t){setTimeout((function(){e.classList.remove("active"),t()}),100)})))})),Promise.all(t)}}])&&n(t.prototype,a),e}();new t,new a})();
+(()=>{"use strict";function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var t=function(){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),this.panels=[],this.init()}var n,o;return n=t,(o=[{key:"init",value:function(){var e=this;document.querySelectorAll("[nav-toggler]").forEach((function(t){t.addEventListener("click",(function(e){e.preventDefault(),e.stopPropagation(),document.querySelector("body").classList.toggle("nav-opened")})),e.panels.push(document.querySelector(t.getAttribute("href")))})),window.onclick=function(t){e.elementIsAPanel(t.target)||document.querySelector("body").classList.remove("nav-opened")}}},{key:"elementIsAPanel",value:function(e){var t=!1;return this.panels.forEach((function(n){n==e&&(t=!0)})),t}}])&&e(n.prototype,o),t}();function n(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var o=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.init()}var t,o;return t=e,(o=[{key:"init",value:function(){var e=this,t=document.querySelectorAll('[data-toggle="pill"]');if(console.log("Found ".concat(t.length," pills on this page")),t.forEach((function(t){t.addEventListener("click",(function(t){t.preventDefault();var n=t.target.getAttribute("href");e.deactivateAllPills(t.target),t.target.classList.add("active");var o=document.querySelector(n);e.hideAllTabs(o).then((function(){o.classList.add("active"),setTimeout((function(){o.classList.add("show")}),100)}))}))})),t.length>0){var n=document.querySelector(t[0].getAttribute("href"));n.classList.add("show"),n.classList.add("active")}}},{key:"deactivateAllPills",value:function(e){e.parentNode.querySelectorAll('[data-toggle="pill"]').forEach((function(e){e.classList.remove("show"),e.classList.remove("active")}))}},{key:"hideAllTabs",value:function(e){var t=[];return e.parentNode.querySelectorAll('[role="tabpanel"]').forEach((function(e){e.classList.remove("show"),t.push(new Promise((function(t){setTimeout((function(){e.classList.remove("active"),t()}),100)})))})),Promise.all(t)}}])&&n(t.prototype,o),e}();function i(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var a=function(){function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.init()}var t,n;return t=e,(n=[{key:"init",value:function(){var e=this;this.setThemeOption(this.getThemeOption()),document.querySelectorAll("[data-night-mode-toggler]").forEach((function(t){t.addEventListener("click",(function(t){e.toggleThemeOption()}))}))}},{key:"toggleThemeOption",value:function(){var e=this.getThemeOption();document.querySelector("html").classList.add("night-mode-transitioning"),e="dark"==e?"light":"dark",this.setThemeOption(e),setTimeout((function(){document.querySelector("html").classList.remove("night-mode-transitioning")}),500)}},{key:"getDefaultThemeOption",value:function(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}},{key:"getThemeOption",value:function(){return localStorage.getItem("theme")||getDefaultThemeOption()}},{key:"setThemeOption",value:function(e){"dark"==e?document.querySelector("html").classList.add("dark"):document.querySelector("html").classList.remove("dark"),localStorage.setItem("theme",e)}}])&&i(t.prototype,n),e}();new t,new o,new a})();

data/assets/styles.css

@@ -572,6 +572,16 @@ video {
   background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
 }
 
+.dark .dark\:bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.dark .dark\:bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
+}
+
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgba(229, 231, 235, var(--tw-border-opacity));
@@ -587,6 +597,11 @@ video {
   border-color: rgba(67, 56, 202, var(--tw-border-opacity));
 }
 
+.dark .dark\:border-gray-800 {
+  --tw-border-opacity: 1;
+  border-color: rgba(31, 41, 55, var(--tw-border-opacity));
+}
+
 .rounded-md {
   border-radius: 0.375rem;
 }
@@ -607,6 +622,10 @@ video {
   border-bottom-width: 1px;
 }
 
+.cursor-pointer {
+  cursor: pointer;
+}
+
 .block {
   display: block;
 }
@@ -627,6 +646,14 @@ video {
   display: none;
 }
 
+.dark .dark\:inline {
+  display: inline;
+}
+
+.dark .dark\:hidden {
+  display: none;
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -856,6 +883,11 @@ video {
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
+.dark .dark\:text-gray-100 {
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+}
+
 .w-64 {
   width: 16rem;
 }
@@ -1024,6 +1056,10 @@ svg:not(:root).svg-inline--fa {
   border-left: solid 4.2426px #4338ca;
 }
 
+.dark .hexagon {
+  background-color: var(--bg-gray-700);
+}
+
 .post h1 {
   font-weight: 600;
   font-size: 1.875rem;
@@ -1051,6 +1087,14 @@ svg:not(:root).svg-inline--fa {
   letter-spacing: 0.025em
 }
 
+.dark .post p {
+  font-weight: 300;
+  line-height: 2.25rem;
+  --tw-text-opacity: 1;
+  color: rgba(243, 244, 246, var(--tw-text-opacity));
+  letter-spacing: 0.025em
+}
+
 .row {
   display: flex;
   flex-wrap: wrap;
@@ -1099,6 +1143,16 @@ svg:not(:root).svg-inline--fa {
   transition-duration: 300ms
 }
 
+.dark .card.featured {
+  --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
+}
+
+.dark .card.featured h2 {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity))
+}
+
 .card.featured:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
@@ -1210,7 +1264,16 @@ body {
   --gray-900: #111827;
 }
 
+.night-mode-transitioning * {
+  transition-property: all;
+  transition-duration: 500ms;
+}
+
 @media (min-width: 640px) {
+  .sm\:right-3 {
+    right: 0.75rem;
+  }
+
   .sm\:left-3 {
     left: 0.75rem;
   }
@@ -1245,6 +1308,10 @@ body {
     padding-top: 10rem;
   }
 
+  .md\:right-4 {
+    right: 1rem;
+  }
+
   .md\:left-4 {
     left: 1rem;
   }
@@ -1267,6 +1334,10 @@ body {
 }
 
 @media (min-width: 1024px) {
+  .lg\:right-9 {
+    right: 2.25rem;
+  }
+
   .lg\:left-9 {
     left: 2.25rem;
   }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-waterfall
 version: !ruby/object:Gem::Version
-  version: 0.8.0
+  version: 0.9.0
 platform: ruby
 authors:
 - Rodrigo-Vargas
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-12-16 00:00:00.000000000 Z
+date: 2020-12-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -46,9 +46,14 @@ files:
 - _includes/svg/envelope.svg
 - _includes/svg/github.svg
 - _includes/svg/linkedin.svg
+- _includes/svg/moon.svg
+- _includes/svg/sun.svg
+- _includes/toolbox.html
+- _layouts/collection.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/post.html
+- _layouts/project.html
 - assets/scripts.bundle.js
 - assets/styles.css
 homepage: https://rodrigovargas.com.br