jekyll-waterfall 0.7.0 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '025443497663b19b75088206d41a578f915bb6e92178903357579cc83b2d41b5'
-  data.tar.gz: ca6152734a548ee16d5431669e6f10de498813cd54892924231958446b6fd6d9
+  metadata.gz: 54a43a2dd979ad431214a1cd0a55fb2174ad9764e0e02f6da0e54b22124b5637
+  data.tar.gz: 3a10e4738cf5f47b079cdf56674b687d136efdae68db17f7f12f9e332178f4c5
 SHA512:
-  metadata.gz: e567fd11fdb93d131d7100d62e67d835dc97fead45ac513e951b2871df15f1d1dcb4af60cfccced1c84e43388c05297e0c32cfbedb7e43a1bb925584e631451e
-  data.tar.gz: 57d2d7074b50273c268c026c5bba35c900bdf27a5b76b74610d4138c3ca2b37d8931c7f1e8830206102f7ed6da6c6b67f0a806649d9b2959f603f9a6ab630d9d
+  metadata.gz: 75afe01ef0f9d1b53c2b7da9cb2b9fb13e4382046286242c4cb1200ca96a01e29120a32f171d269d6b4ce1ed551d01d6ac08ce3d3e06d42ad9ebe8a4dd9a97d6
+  data.tar.gz: 65f52162ddb1461f64f7bcac839f43d7f86e48b65ae24eb5650c72fff448ddaa239c4d627d304e521b7c08b08a7afd83a3a16ad299288022391a3d159483752c

data/_config.yml

@@ -1,5 +1,8 @@
 title: Waterfall Theme
 
+enable_multi_language: true
+lang: &LANG "pt"
+
 exclude: ['front']
 
 collections:
@@ -17,6 +20,7 @@ defaults:
   - scope:
       path: ""
     values:
+      lang: *LANG
       layout: "default"
 
 # Uncomment the section below to add items on your top navigation
@@ -40,6 +44,9 @@ waterfall:
     linkedin: jekyll
     email: jekyll@jekyll.io
 
+  home:
+    last_posts_items: 4
+
 analytics:
   tracking_id: "UX-12345678"
 

data/_includes/experience.html

@@ -1,10 +1,16 @@
+{%- assign experiences = site.experiences -%}
+
+{%- if site.enable_multi_language == true && page.lang != null -%}
+   {%- assign experiences = site.experiences | where: "lang", page.lang -%}
+{%- endif -%}
+
 <div id="experience" class="min-h-screen pt-32">
    <h2 class="text-primary-700 mb-10 text-3xl">Where I've Worked</h2>
 
    <div class="flex flex-wrap">
       <div class="w-1/4">
          <div class="nav flex flex-col nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
-            {% for experience in site.experiences %}
+            {% for experience in experiences %}
             <a class="px-4 py-2 text-gray-400 nav-link" data-toggle="pill" href="#v-pills-{{ experience.slug }}"
                aria-controls="v-pills-settings" aria-selected="false">{{ experience.company.name }}</a>
             {% endfor %}

data/_includes/last_posts.html

@@ -1,8 +1,14 @@
+{%- assign posts = site.posts -%}
+
+{%- if site.enable_multi_language == true && page.lang != null -%}
+   {%- assign posts = site.posts | where: "lang", page.lang -%}
+{%- 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 site.posts %}
+      {% for post in posts limit: site.waterfall.home.last_posts_items %}
          <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>

data/_includes/projects.html

@@ -1,21 +1,32 @@
+{%- assign projects = site.projects -%}
+
+{%- if site.enable_multi_language == true && page.lang != null -%}
+   {%- assign projects = site.projects | where: "lang", page.lang -%}
+{%- endif -%}
+
 <div id="projects" class="min-h-screen pt-32">
    <h2 class="text-primary-700 mb-10 text-3xl">Some Things I've Built</h2>
 
+
    <div class="row">
-      {% for project in site.projects %}
-      <div class="col w-full sm:w-1/2 md:w-1/3">
-         <a href="{{ project.permalink }}"
-            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">{{ project.title }}</h2>
-            <p class="text-gray-500">{{ project.excerpt }}</p>
+      {% for project in projects | where: "featured", true %}
+         <div class="col w-full sm:w-1/2">
+            <a href="{{ project.permalink }}" 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>
+                  {% endfor %}
+               </div>
 
-            <div class="absolute bottom-0 py-5">
-               {% for category in project.categories %}
-                  <span class="text-gray-400 text-sm pr-5 py-1">{{ category }}</span>
-               {% endfor %}
-            </div>
-         </a>
-      </div>
+               <h2 class="text-gray-800 text-2xl mb-3">{{ project.title }}</h2>
+
+               <div class="absolute bottom-0">
+                  <div class="h-36 overflow-hidden w-4/5 mx-auto">
+                     <img src="{{ project.thumbnail }}" alt="{{ project.title }}">
+                  </div>
+               </div>
+            </a>
+         </div>
       {% endfor %}
    </div>
 

data/assets/styles.css

@@ -198,8 +198,7 @@ select { /* 1 */
 Correct the inability to style clickable types in iOS and Safari.
 */
 
-button,
-[type='button'] {
+button {
   -webkit-appearance: button;
 }
 
@@ -644,6 +643,10 @@ video {
   justify-content: center;
 }
 
+.h-36 {
+  height: 9rem;
+}
+
 .h-full {
   height: 100%;
 }
@@ -667,6 +670,11 @@ video {
   line-height: 1.75rem;
 }
 
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
 .text-3xl {
   font-size: 1.875rem;
   line-height: 2.25rem;
@@ -707,6 +715,10 @@ video {
   opacity: 0.6;
 }
 
+.overflow-hidden {
+  overflow: hidden;
+}
+
 .p-3 {
   padding: 0.75rem;
 }
@@ -735,6 +747,10 @@ video {
   padding-right: 2rem;
 }
 
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
 .pr-5 {
   padding-right: 1.25rem;
 }
@@ -805,6 +821,11 @@ video {
   text-align: right;
 }
 
+.text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgba(209, 213, 219, var(--tw-text-opacity));
+}
+
 .text-gray-400 {
   --tw-text-opacity: 1;
   color: rgba(156, 163, 175, var(--tw-text-opacity));
@@ -851,6 +872,10 @@ video {
   width: 75%;
 }
 
+.w-4\/5 {
+  width: 80%;
+}
+
 .w-full {
   width: 100%;
 }
@@ -1026,6 +1051,71 @@ svg:not(:root).svg-inline--fa {
   letter-spacing: 0.025em
 }
 
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-left: -0.75rem;
+  margin-right: -0.75rem
+}
+
+.col {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem
+}
+
+.card {
+  min-height: 16rem
+}
+
+.card.featured {
+  --tw-bg-opacity: 1;
+  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
+  border-radius: 0.375rem;
+  display: block;
+  margin-bottom: 0.75rem;
+  padding: 1.25rem;
+  padding-bottom: 12rem;
+  position: relative;
+  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  transition-duration: 300ms;
+}
+
+.card.featured h2, .card.featured p, .card.featured span {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  transition-duration: 300ms
+}
+
+.card.featured:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
+  --tw-scale-x: 0.98;
+  --tw-scale-y: 0.98;
+}
+
+.card.featured:hover h2 {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity))
+}
+
+.card.featured:hover p, .card.featured:hover span {
+  --tw-text-opacity: 1;
+  color: rgba(165, 180, 252, var(--tw-text-opacity))
+}
+
 .btn {
   border-radius: 0.5rem;
   padding-top: 0.5rem;
@@ -1120,26 +1210,6 @@ body {
   --gray-900: #111827;
 }
 
-.transition-all {
-  transition: all 0.5s !important;
-}
-
-.row {
-  display: flex;
-  flex-wrap: wrap;
-  margin-left: -0.75rem;
-  margin-right: -0.75rem
-}
-
-.col {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem
-}
-
-.card {
-  min-height: 16rem
-}
-
 @media (min-width: 640px) {
   .sm\:left-3 {
     left: 0.75rem;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-waterfall
 version: !ruby/object:Gem::Version
-  version: 0.7.0
+  version: 0.8.0
 platform: ruby
 authors:
 - Rodrigo-Vargas
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-12-12 00:00:00.000000000 Z
+date: 2020-12-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll