personal-website 0.2.12 → 0.2.13

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 74e1fa2039a9d2499a70007bf8411ae76d5afd0eb0b55d577a7551d2d1148a86
-  data.tar.gz: 4a79203036ff6abf0e4d922463dea2b55d14ffb90e4a9532b18549f21a76b3fe
+  metadata.gz: 757a8a9bd3b5d2b8746326c72d29d17d55e2d16713e210d97f35a1a50bb21da7
+  data.tar.gz: f3f6fd6b23af88c9ed73ce2ca82710af173d5342bea70afe937f47f10086266b
 SHA512:
-  metadata.gz: 2623174bc5942b7e959b12265b245263aefc19112bb9a9da02342b93a0baafc47e240f1c58dab173f769c609d9849273b89738213a952a381e0f75f49f7fdcbc
-  data.tar.gz: c24eb95822da3b96e2d07fd1c9c1b32d72f0aeb5bcecd2a97c95dd29308aaf160f258b027b6fe8d5203b4608abb6bad81ad8698f5871f2fc172659e9d527e015
+  metadata.gz: d4ffe3dd23ddf05a1dd9ac129d6d3d10fed3dcba83b0a7e8a3c980f65bd10bb247e46169c1efa6d907f60cee4aaff8a6594f36d2d8f73571e1fbe7fea8f8d24b
+  data.tar.gz: d4b5575144fc781506ce5a3ba8046a11ee4eae8952bd1e88f738730b30c0f28d585edb5890451a80220f8cba129e661c5a1c4c2c6dd1e0112bb87be32b633484

data/_layouts/external.html

@@ -16,9 +16,10 @@ layout: default
     {% include header.html %}
     <div class="external mx-auto">
         <div class="sidebar">
+            <a href="/{{ page.external }}" year="all"><p>All</p></a>
             {% assign grouped = site.data.external[page.external].list | group_by: "year" %}
             {% for year in grouped %}
-                <a href="/{{ page.external }}?year={{ year.name }}" class="active"><p>{{ year.name }}</p></a>
+                <a href="/{{ page.external }}?year={{ year.name }}" year="{{year.name}}"><p>{{ year.name }}</p></a>
             {% endfor %}
         </div>
         <div class="content">

data/_layouts/home.html

@@ -56,7 +56,7 @@ layout: default
         {% endif %}
         {% if site.data.projects %}
             <div>
-                <h1 class="text-center">Projects</h1>
+                <h1 class="text-center mb-4">Projects</h1>
                 <div class="projects">
                     {% for project in site.data.projects %}
                         {% include project.html %}

data/_sass/experience.scss

@@ -5,6 +5,7 @@
 .exp img{
     height: 75px;
     width: 100px;
+    max-width: 100%;
     margin: 5px;
     object-fit: contain;
 }

data/_sass/external-home.scss

@@ -1,4 +1,3 @@
-
 .external{
     display: inline-flex;
     width: 100%;
@@ -18,6 +17,7 @@
 }
 
 .external .item{
+    max-width: 400px;
     display: inline-flex;
     flex-wrap: wrap;
     margin: 25px;
@@ -30,7 +30,7 @@
 
 .external .item img{
     height: 250px;
-    max-width: min(calc(100vw - 40px), 400px);
+    max-width: min(100%, 400px);
     object-fit: contain;
     transition: transform .5s ease;
 }
@@ -60,6 +60,7 @@
 
 .external .more{
     margin-top: 50px;
+    margin-right: 25px;
     margin-left: auto;
     padding: 10px;
     display: inline-flex;

data/_sass/external.scss

@@ -3,14 +3,17 @@
     width: min(900px, calc(100% - 100px));
     display: flex;
     flex-wrap: wrap;
+    justify-content: space-around;
 }
 
 .external .sidebar{
     padding: 15px 50px;
+    flex-basis: 140px;
 }
 
 .external .content{
-    width: calc(100% - 140px);
+    flex-basis: 250px;
+    flex-grow: 1;
 }
 
 .external .list{
@@ -31,15 +34,18 @@
 
 .external .item .image{
     align-self: center;
+    flex-basis: 200px;
+    flex-grow: 1;
 }
 
 .external .item img{
-    width: 200px;
-    margin-right: 25px;
+    width: 100%;
 }
 
 .external .item div{
-    width: calc(100% - 225px);
+    margin: 15px;
+    flex-basis: 200px;
+    flex-grow: 99;
 }
 
 .external .item p:last-child{

data/_sass/home.scss

@@ -25,7 +25,9 @@
 }
 
 .projects{
-    grid-template-columns: repeat(auto-fit, min(calc(100vw - 100px), 600px));
+    grid-template-columns: repeat(auto-fit, min(calc(100vw - 50px), 500px));
+    grid-row-gap: 25px;
+    grid-column-gap: 25px;
 }
 
 .row{
@@ -39,7 +41,7 @@
     }
 
     #home-content > div{
-        padding-right: 50px;
-        padding-left: 50px;
+        padding-right: 15px;
+        padding-left: 15px;
     }
 }

data/_sass/post.scss

@@ -54,10 +54,10 @@ th{
     }
 
     .post img, .post .desc{
-        width: calc(100vw - 100px);
+        width: calc(100vw - 60px);
     }
 
     .post img{
-        height: calc(62.5vw - 100px);
+        height: calc(62.5vw - 60px);
     }
 }

data/_sass/project.scss

@@ -1,7 +1,6 @@
 .project{
     background: rgba(0,0,0,.025);
     padding: 40px;
-    margin: 25px;
     display: inline-block;
     transition: transform .5s ease;
 }
@@ -22,6 +21,6 @@
 
 .project:hover{
     text-decoration: none;
-    -webkit-transform: scale(1.1);
-    transform: scale(1.1);
+    -webkit-transform: scale(1.05);
+    transform: scale(1.05);
 }

data/assets/js/external.js

@@ -1,4 +1,6 @@
 let searchParams = new URLSearchParams(window.location.search)
-let year = searchParams.get("year")
+let year = searchParams.get("year");
 
-if(year != null) $(".external .item[year!="+year+"]").remove();
+if(year != null) $(".external .item[year!="+year+"]").remove();
+year = year || "all";
+$("a[year="+year+"]").css("color", "grey");

data/assets/js/header.js

@@ -1,18 +1,25 @@
 // Get viewport dimensions
 vw = $(window).width();
-vh = $(window).height()
+vh = $(window).height();
 
 me_height = .24 * vh + .12 * vw // 24vh + 12vw
 social_height = .05 * vw;
 me_margin = .02 * vw;
 
 $(window).resize(function(e){
+    // Get viewport dimensions
+    vw = $(window).width();
+    vh = $(window).height();
+
+    // Reset
     $("#photo").outerHeight('');
     $(".social").outerHeight('');
     $("#photo").css("margin", '');
     me_height = .24 * vh + .12 * vw // 24vh + 12vw
     social_height = .05 * vw;
     me_margin = .02 * vw;
+
+    // Scroll
     scroll_header(e);
 });
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: personal-website
 version: !ruby/object:Gem::Version
-  version: 0.2.12
+  version: 0.2.13
 platform: ruby
 authors:
 - Lucas Bulgarelli
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-17 00:00:00.000000000 Z
+date: 2021-08-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -72,14 +72,20 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.1.4
+        version: '2.2'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.2.10
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.1.4
+        version: '2.2'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 2.2.10
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -163,7 +169,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubygems_version: 3.2.25
 signing_key:
 specification_version: 4
 summary: Jekyll theme for personal websites.