jekyll-waterfall 0.6.0 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 564913bd5ad55325eab72f7554905a54840bc90a10ada80d714c55b680b5bde8
-  data.tar.gz: 6569884ecbfb60abb1f4dc338b433640bb2520db1f8237427b5167e82769f476
+  metadata.gz: '025443497663b19b75088206d41a578f915bb6e92178903357579cc83b2d41b5'
+  data.tar.gz: ca6152734a548ee16d5431669e6f10de498813cd54892924231958446b6fd6d9
 SHA512:
-  metadata.gz: 5f3d71d31196911d2fd6818b432a47700a5eb49d71c3ef1d585b3a5239d3c60060585fc2ce68fa683a050581084e242c2fb3a110ff72f9b520ee8841e0655451
-  data.tar.gz: 373dd987a445c1d9efddc164fc9e3de6a4080596fca69a7d8e1f43ee47ff5dadef9f60bbf81722526dc7c2e2bbec0b66c7133e3dbf063c574ceb42700648e149
+  metadata.gz: e567fd11fdb93d131d7100d62e67d835dc97fead45ac513e951b2871df15f1d1dcb4af60cfccced1c84e43388c05297e0c32cfbedb7e43a1bb925584e631451e
+  data.tar.gz: 57d2d7074b50273c268c026c5bba35c900bdf27a5b76b74610d4138c3ca2b37d8931c7f1e8830206102f7ed6da6c6b67f0a806649d9b2959f603f9a6ab630d9d

data/_config.yml

@@ -8,6 +8,17 @@ collections:
   projects:
     output: false
 
+defaults:
+  - scope:
+      path: ""
+      type: "posts"
+    values:
+      layout: "post"
+  - scope:
+      path: ""
+    values:
+      layout: "default"
+
 # Uncomment the section below to add items on your top navigation
 # header_items:
 #   -
@@ -27,4 +38,10 @@ waterfall:
   social_links:
     github: jekyll    
     linkedin: jekyll
-    email: jekyll@jekyll.io
+    email: jekyll@jekyll.io
+
+analytics:
+  tracking_id: "UX-12345678"
+
+disqus:
+  shortname: jekyll

data/_includes/analytics.html

@@ -0,0 +1,11 @@
+<!-- Global site tag (gtag.js) - Google Analytics -->
+{%- if jekyll.environment == 'production' and site.analytics.tracking_id -%}
+  <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.analytics.google.tracking_id }}"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', '{{ site.analytics.tracking_id }}');
+  </script>
+{%- endif -%}

data/_includes/disqus_comments.html

@@ -0,0 +1,20 @@
+{%- if page.comments != false and jekyll.environment == "production" -%}
+
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+      this.page.url = '{{ page.url | absolute_url }}';
+      this.page.identifier = '{{ page.url | absolute_url }}';
+    };
+
+    (function() {
+      var d = document, s = d.createElement('script');
+
+      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+
+      s.setAttribute('data-timestamp', +new Date());
+      (d.head || d.body).appendChild(s);
+    })();
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+{%- endif -%}

data/_includes/last_posts.html

@@ -17,4 +17,10 @@
          </div>
       {% endfor %}
    </div>
+
+   {%- if page.posts -%}
+      <div class="flex justify-center my-5">
+         <a href="{{ page.posts.url }}" class="btn border-primary-700 border rounded-md text-center text-primary-700 hover:bg-primary-700 hover:text-white transition-all">{{ page.posts.see_more_label }}</a>
+      </div>
+   {%- endif -%}
 </div>

data/_includes/nav.html

@@ -2,13 +2,15 @@
 
 {%- for item in header_items -%}
    {%- assign cssClass = '' -%}
+   {%- assign target = '' -%}
    {%- if item.title -%}
       {%- assign title = item.title | escape -%}
       {%- assign href = item.href | escape -%}
+      {%- assign target = item.target -%}
       
       {%- if item.featured -%}
          {%- assign cssClass = 'btn btn-primary inline-block' -%}
-      {%- endif -%}   
+      {%- endif -%}
    {%- else -%}
       {%- assign page = site.pages | where: "path", item | first -%}
       {%- assign title = page.title | escape -%}
@@ -16,7 +18,7 @@
    {%- endif -%}
 
    <li class="pl-5">
-      <a class="nav-link {{ cssClass }}" href="{{ href }}">
+      <a class="nav-link {{ cssClass }}" href="{{ href }}" target="{{ target }}">
          <span class="text-gray-500">{{ title }}</span>
       </a>
    </li>   

data/_includes/projects.html

@@ -18,4 +18,10 @@
       </div>
       {% endfor %}
    </div>
+
+   {%- if page.posts -%}
+      <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>
+   {%- endif -%}
 </div>

data/_layouts/default.html

@@ -8,7 +8,7 @@
 
    <link rel="stylesheet" href="/assets/styles.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
-   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
+   <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap" rel="stylesheet">
 </head>
 
 <body class="bg-gray-100">
@@ -22,6 +22,7 @@
 
    <div class="overlay hidden bg-gray-900 opacity-60 absolute top-0 bottom-0 w-full z-0 transition-all"></div>
 
+   {% include analytics.html %}
    <script async src="/assets/scripts.bundle.js"></script>
 </body>
 

data/_layouts/post.html

@@ -0,0 +1,12 @@
+---
+   layout: default
+---
+<article class="post">
+   <h1>{{ page.title }}</h1>
+
+   {{ content }}
+
+   {%- if site.disqus.shortname -%}
+      {%- include disqus_comments.html -%}
+   {%- endif -%}
+</article>

data/assets/styles.css

@@ -21,8 +21,7 @@ Use a more readable tab size (opinionated).
 
 :root {
   -moz-tab-size: 4;
-  -o-tab-size: 4;
-     tab-size: 4;
+  tab-size: 4;
 }
 
 /**
@@ -54,7 +53,8 @@ Improve consistency of default fonts in all browsers. (https://github.com/sindre
 
 body {
   font-family:
-		system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 
+		system-ui,
+		-apple-system, /* Firefox supports this but not yet `system-ui` */
 		'Segoe UI',
 		Roboto,
 		Helvetica,
@@ -89,8 +89,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
 */
 
 abbr[title] {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
+  text-decoration: underline dotted;
 }
 
 /**
@@ -404,14 +403,6 @@ textarea {
   resize: vertical;
 }
 
-input::-moz-placeholder, textarea::-moz-placeholder {
-  color: #9ca3af;
-}
-
-input:-ms-input-placeholder, textarea:-ms-input-placeholder {
-  color: #9ca3af;
-}
-
 input::placeholder,
 textarea::placeholder {
   color: #9ca3af;
@@ -577,6 +568,11 @@ video {
   background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
 }
 
+.hover\:bg-primary-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(67, 56, 202, var(--tw-bg-opacity));
+}
+
 .border-gray-200 {
   --tw-border-opacity: 1;
   border-color: rgba(229, 231, 235, var(--tw-border-opacity));
@@ -587,6 +583,11 @@ video {
   border-color: rgba(79, 70, 229, var(--tw-border-opacity));
 }
 
+.border-primary-700 {
+  --tw-border-opacity: 1;
+  border-color: rgba(67, 56, 202, var(--tw-border-opacity));
+}
+
 .rounded-md {
   border-radius: 0.375rem;
 }
@@ -595,6 +596,10 @@ video {
   border-radius: 0.5rem;
 }
 
+.border {
+  border-width: 1px;
+}
+
 .border-t-4 {
   border-top-width: 4px;
 }
@@ -710,6 +715,11 @@ video {
   padding: 1.25rem;
 }
 
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
 .py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -725,6 +735,10 @@ video {
   padding-right: 2rem;
 }
 
+.pr-5 {
+  padding-right: 1.25rem;
+}
+
 .pl-5 {
   padding-left: 1.25rem;
 }
@@ -766,13 +780,12 @@ video {
 }
 
 * {
-  --tw-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow: 0 0 #0000;
 }
 
 .hover\:shadow-lg:hover {
   --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 * {
@@ -780,8 +793,8 @@ video {
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgba(59, 130, 246, 0.5);
-  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
-  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
 }
 
 .text-center {
@@ -817,6 +830,11 @@ video {
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+}
+
 .w-64 {
   width: 16rem;
 }
@@ -859,25 +877,12 @@ video {
   transition-duration: 150ms;
 }
 
-@-webkit-keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
 @keyframes spin {
   to {
     transform: rotate(360deg);
   }
 }
 
-@-webkit-keyframes ping {
-  75%, 100% {
-    transform: scale(2);
-    opacity: 0;
-  }
-}
-
 @keyframes ping {
   75%, 100% {
     transform: scale(2);
@@ -885,44 +890,67 @@ video {
   }
 }
 
-@-webkit-keyframes pulse {
-  50% {
-    opacity: .5;
-  }
-}
-
 @keyframes pulse {
   50% {
     opacity: .5;
   }
 }
 
-@-webkit-keyframes bounce {
+@keyframes bounce {
   0%, 100% {
     transform: translateY(-25%);
-    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
-            animation-timing-function: cubic-bezier(0.8,0,1,1);
+    animation-timing-function: cubic-bezier(0.8,0,1,1);
   }
 
   50% {
     transform: none;
-    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
-            animation-timing-function: cubic-bezier(0,0,0.2,1);
+    animation-timing-function: cubic-bezier(0,0,0.2,1);
   }
 }
 
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(-25%);
-    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
-            animation-timing-function: cubic-bezier(0.8,0,1,1);
-  }
+pre {
+  background: #222;
+  color: #ffffff;
+  padding: 10px;
+  overflow: auto;
+  width: 100%;
+}
 
-  50% {
-    transform: none;
-    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
-            animation-timing-function: cubic-bezier(0,0,0.2,1);
-  }
+pre code {
+  width: auto;
+}
+
+.highlight .cm {
+  color: #608B4E;
+}
+
+.highlight .kd,
+.highlight .kc {
+  color: #3F9CCA;
+}
+
+.highlight .nx {
+  color: #68D0FE;
+}
+
+.highlight .k {
+  color: #C586A1;
+}
+
+.highlight .p {
+  color: #DCD285;
+}
+
+.highlight .s2 {
+  color: #CE743A;
+}
+
+.highlight .mi {
+  color: #B5CEA8;
+}
+
+.highlighter-rouge {
+  margin-bottom: 1.25rem
 }
 
 svg:not(:root).svg-inline--fa {
@@ -971,6 +999,33 @@ svg:not(:root).svg-inline--fa {
   border-left: solid 4.2426px #4338ca;
 }
 
+.post h1 {
+  font-weight: 600;
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+  margin-bottom: 1.25rem;
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity))
+}
+
+.post h2 {
+  font-weight: 600;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  margin-bottom: 1.25rem;
+  margin-top: 2.5rem;
+  --tw-text-opacity: 1;
+  color: rgba(67, 56, 202, var(--tw-text-opacity))
+}
+
+.post p {
+  font-weight: 300;
+  line-height: 2.25rem;
+  --tw-text-opacity: 1;
+  color: rgba(17, 24, 39, var(--tw-text-opacity));
+  letter-spacing: 0.025em
+}
+
 .btn {
   border-radius: 0.5rem;
   padding-top: 0.5rem;
@@ -1018,15 +1073,15 @@ p {
 }
 
 .experience ul {
-    list-style-type: disc;
-    padding-left: 0.75rem;
-    --tw-text-opacity: 1;
-    color: rgba(107, 114, 128, var(--tw-text-opacity))
-  }
+  list-style-type: disc;
+  padding-left: 0.75rem;
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity))
+}
 
 .experience li {
-    margin-bottom: 0.75rem
-  }
+  margin-bottom: 0.75rem
+}
 
 .btn-primary {
   --tw-bg-opacity: 1;
@@ -1034,12 +1089,12 @@ p {
 }
 
 .nav-opened aside {
-    right: 0;
-  }
+  right: 0;
+}
 
 .nav-opened .overlay {
-    display: block;
-  }
+  display: block;
+}
 
 body {
   --white: #fff;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-waterfall
 version: !ruby/object:Gem::Version
-  version: 0.6.0
+  version: 0.7.0
 platform: ruby
 authors:
 - Rodrigo-Vargas
@@ -34,6 +34,8 @@ files:
 - LICENSE.txt
 - README.md
 - _config.yml
+- _includes/analytics.html
+- _includes/disqus_comments.html
 - _includes/experience.html
 - _includes/header.html
 - _includes/last_posts.html
@@ -46,6 +48,7 @@ files:
 - _includes/svg/linkedin.svg
 - _layouts/default.html
 - _layouts/home.html
+- _layouts/post.html
 - assets/scripts.bundle.js
 - assets/styles.css
 homepage: https://rodrigovargas.com.br