personal-website 0.2.1 → 0.2.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ba98c35723019e71b5465e9e32e69bb3b21b3bca8f058778add0c67eef8c8ab5
-  data.tar.gz: 9dfc8c43cbdafd17dd6f81c625069c15aefb05bfdfa0a6565e1b98f1caffe3a4
+  metadata.gz: 0bfa5c35f2685a3a44446df17340f112e5b707760b58a72f4c95a93415806405
+  data.tar.gz: e3c7debb2b3760125799c398726335071a93de4b1d93798043c0fa8ee1b11513
 SHA512:
-  metadata.gz: af27416884113ddd3eb416c1cb1c7e20fe3f7c27213da0d9152146782944454d5d8678bd2dc85e01a17424f8fff4b189cc621578030cca0127024b9b0e055722
-  data.tar.gz: 01be9e2ef4d8b13cd23e312c613312180c00175e1bffe86166e355cf8ce5bb025392560b87b2cc391af7894310b346808f24cd7fe2f248400fae7627309b5901
+  metadata.gz: 53f46f7f2f3c9ad3d4a050fb335b7f8961c2e57b0384d1ffe5054639432a7bea6cc14fb7ba32d6211915da05fcf33c9eaf4807ca63ef450cc5b41748ed8f8296
+  data.tar.gz: dd7596f6d8b868b8a83a017017eac2d205167507a9ddca3caf69691558ecf7f52ec7087936ef38cec081433cb3a29d0552c3422983e43dbb58f97a7767585eb2

data/_includes/external-item.html

@@ -3,7 +3,7 @@
         {% if ext.url == nil %}
             <span class="image"><img src="{{ ext.image }}"></span>
         {% else %}
-            <a href="{{ ext.url }}" target="_blank" class="image"><img src="{{ ext.image }}"></a>
+            <a href="{{ ext.url }}" target="_blank" class="image" referrerpolicy="no-referrer"><img src="{{ ext.image }}"></a>
         {% endif %}
     {% endif %}
     <div {% if ext.image == nil %}class="no-img"{% endif %}>
@@ -11,7 +11,7 @@
             {% if ext.url == nil %}
                 {{ ext.title }}
             {% else %}
-                <a href="{{ ext.url }}" target="_blank">{{ ext.title }}</a>
+                <a href="{{ ext.url }}" target="_blank" referrerpolicy="no-referrer">{{ ext.title }}</a>
             {% endif %}
             <br>
             {% if ext.subtitle %}

data/_includes/header.html

@@ -9,7 +9,7 @@
                     <h1 class="text-light">{{ site.name }}</h1>
                     <h3 id="role">{{ site.position }}</h3>
                 </div>
-                <div class="col-md">
+                <div class="col-md-8">
                     {% for social in site.data.social %}
                         <a href="{{ social.external_url }}" target="_blank"><img src="{{ social.image_path }}" class="social" alt=""></a>
                     {% endfor %}

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;
 }
@@ -59,8 +59,9 @@
 }
 
 .external .more{
+    margin-top: 50px;
+    margin-right: 25px;
     margin-left: auto;
-    margin-right: 2vw;
     padding: 10px;
     display: inline-flex;
     border: 1px black solid;

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(100vw, 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: 0px;
-        padding-left: 0px;
+        padding-right: 15px;
+        padding-left: 15px;
     }
 }

data/_sass/post.scss

@@ -6,7 +6,7 @@
 .post img{
     margin: 5px 10px;
     width: 400px;
-    height: 15em;
+    height: 250px;
     object-fit: cover;
 }
 
@@ -50,11 +50,14 @@ th{
 
 @media screen and (max-width: 768px){
     .post{
-        margin: 0 25px;
         display: initial;
     }
 
     .post img, .post .desc{
-        width: calc(100% - 20px);
+        width: calc(100vw - 60px);
+    }
+
+    .post img{
+        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.1
+  version: 0.2.14
 platform: ruby
 authors:
 - Lucas Bulgarelli
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-08 00:00:00.000000000 Z
+date: 2022-01-20 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.