From eabc5ba217a64603125983c5872c207df1c89492 Mon Sep 17 00:00:00 2001
From: Claudio Maggioni <maggicl@usi.ch>
Date: Wed, 10 Jan 2024 14:31:30 +0100
Subject: [PATCH] small fixes

---
 _includes/footer.html                         |  4 +-
 _includes/header.html                         |  1 -
 _layouts/portfolio.html                       |  2 +-
 _portfolio/vimtok.md                          |  2 +-
 ...people-launching-rm-rf-on-your-system.html | 11 +++--
 _sass/_layout.scss                            | 43 ++++++++++++++++---
 blog.html                                     |  3 ++
 portfolio.html                                |  2 +-
 8 files changed, 51 insertions(+), 17 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 119bd63..acc4fd5 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -19,9 +19,7 @@
       ></a>
     </div>
     <div class="author">
-      <i class="fas fa-cc" aria-hidden="true"></i>
-      by Claudio Maggioni (last updated on {{ site.time | date: '%Y-%m-%d'
-      }})<br />
+      Last updated on {{ site.time | date: '%Y-%m-%d' }}<br />
       Content under
       <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
         CC BY-NC-SA 4.0</a
diff --git a/_includes/header.html b/_includes/header.html
index 3eb6026..be18513 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -2,7 +2,6 @@
   {% for my_page in site.pages %} {% if my_page.title %}
   <a href="{{ my_page.url }}">{{ my_page.title }}</a>
   {% endif %} {% endfor %}
-  <a href="/feed.xml">RSS</a>
   <a href="/cv.pdf?v={{ site.time | date: '%s' }}">CV</a>
   <a href="https://git.maggioni.xyz">Git</a>
   <a href="https://cloud.maggioni.xyz">Cloud</a>
diff --git a/_layouts/portfolio.html b/_layouts/portfolio.html
index 54a67b8..04e2cda 100644
--- a/_layouts/portfolio.html
+++ b/_layouts/portfolio.html
@@ -5,7 +5,7 @@ layout: main
 <div class="portfolio">
   <section class="port-elem">
     <div class="side">
-      <div class="date">{{ page.date-start }} to {{ page.date-end }}</div>
+      <div class="date">{{ page.date-start }} ⭢ {{ page.date-end }}</div>
       <div class="category {{ page.category }}">
         {% case page.category %} {% when 'usi' %}University project {% when
         'high-school' %}High school project {% when 'internship' %}Internship {%
diff --git a/_portfolio/vimtok.md b/_portfolio/vimtok.md
index 6959329..d8e043c 100644
--- a/_portfolio/vimtok.md
+++ b/_portfolio/vimtok.md
@@ -4,7 +4,7 @@ title: Vimtok
 date-start: 2019-11
 date-end: 2019-12
 category: usi
-languages: ExpressJS (Node.js) + Mostly vanilla JS
+languages: ExpressJS (Node.js) + JS
 authors:
   - Mejrima Smajilbasic
   - Renato Iannace
diff --git a/_posts/2016-07-28-how-to-rickroll-people-launching-rm-rf-on-your-system.html b/_posts/2016-07-28-how-to-rickroll-people-launching-rm-rf-on-your-system.html
index 265f6fb..b3457ef 100644
--- a/_posts/2016-07-28-how-to-rickroll-people-launching-rm-rf-on-your-system.html
+++ b/_posts/2016-07-28-how-to-rickroll-people-launching-rm-rf-on-your-system.html
@@ -27,7 +27,7 @@ categories: linux
   entire
   <code>/home</code> directory or, even worse, <code>/</code>. Since I learned
   how to use the <code>alias</code> built-in, I wanted a way to prevent that
-  random people tinkering with my laptop (that I may forgot to lock) could
+  random people tinkering with my laptop (that I may forget to lock) could
   delete potentially important stuff, just for fun or boredom.
 </p>
 
@@ -46,7 +46,9 @@ categories: linux
 <p>
 {% highlight bash %}
 alias rm=/bin/rmAlias
-alias sudo='sudo ' # this enables aliases in sudo, see http://askubuntu.com/q/22037/
+
+# this enables aliases in sudo, see http://askubuntu.com/q/22037/
+alias sudo='sudo ' 
 {% endhighlight %}
 </p>
 
@@ -63,8 +65,9 @@ alias sudo='sudo ' # this enables aliases in sudo, see http://askubuntu.com/q/22
 
 <p>
 {% highlight bash %}
-#!/bin/bash # Rickroll whoever tries to desert this system, even root. 
-# To achieve this, set the appropriate aliases even in /etc/profile and similars. 
+#!/bin/bash
+# Rickroll whoever tries to desert this system, even root. 
+# To achieve this, set the appropriate aliases in /etc/profile and others.
 
 # Video played when rickrolling: it's just Never Gonna Give You Up on my system,
 # but be free to customize this! 
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index bbf22b3..da4cbb2 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -129,10 +129,10 @@ ul.navbar-list {
   .line-end,
   .line-end-bottom {
     position: absolute;
-    left: 0.75rem;
+    left: 0.675rem;
     width: 1rem;
     height: 1rem;
-    border-radius: 0.25rem;
+    border-radius: 1rem;
     background: #aaa;
     z-index: 200;
   }
@@ -173,16 +173,17 @@ ul.navbar-list {
       .repo,
       .languages {
         background: white;
-        border-left: 3px solid white;
-        border-bottom: 3px solid white;
+        border: 3px solid #7cafe4;
+        border-top: 0px;
       }
 
       .authors {
         text-align: left;
 
         ul {
-          margin-left: 4rem;
+          margin: 0 0 0 1rem;
           list-style-type: square;
+          font-size: 0.8em;
         }
       }
     }
@@ -190,6 +191,7 @@ ul.navbar-list {
     .description {
       border: $border;
       flex-grow: 1;
+      background: $background-color;
 
       .images {
         background: $brand-color;
@@ -210,6 +212,29 @@ ul.navbar-list {
   }
 }
 
+@include media-query($on-laptop) {
+  .portfolio {
+    padding-bottom: 1rem;
+    
+    .port-elem {
+      flex-direction: column;
+
+      .side {
+        width: 100%;
+        text-align: center;
+
+        .authors {
+          text-align: center;
+
+          ul {
+            list-style-type: none;
+          }
+        }
+      }
+    }
+  }
+}
+
 @media (max-width: 700px) {
   .navbar-list .navbar-item {
     width: calc(100% - 2em);
@@ -283,10 +308,16 @@ footer {
 .container {
   padding-top: 1rem;
   padding-bottom: 1rem;
-  max-width: 1280px;
+  max-width: min(1280px, 100%);
   margin: 0 auto;
 }
 
+@media screen and (max-width: 1280px) {
+  main.container {
+    margin: 0 0;
+  } 
+}
+
 /* Utility class for centering block elements */
 .block-center {
   display: block;
diff --git a/blog.html b/blog.html
index 783bfd3..ed7d100 100644
--- a/blog.html
+++ b/blog.html
@@ -5,6 +5,9 @@ permalink: /blog/
 ---
 
 <div class="home">
+  <p style="margin-top: -2rem; margin-bottom: 2rem">
+   <a href="/feed.xml">RSS feed</a>
+  </p>
   <ul class="post-list">
     {% for post in site.posts %}
     <li>
diff --git a/portfolio.html b/portfolio.html
index 039896b..a100607 100644
--- a/portfolio.html
+++ b/portfolio.html
@@ -13,7 +13,7 @@ permalink: /portfolio/
   {% for p in ps reversed %}
   <section class="port-elem">
     <div class="side">
-      <div class="date">{{ p.date-start }} to {{ p.date-end }}</div>
+      <div class="date">{{ p.date-start }} ⭢ {{ p.date-end }}</div>
       <div class="category {{ p.category }}">
         {% case p.category %} {% when 'usi' %}University project {% when
         'high-school' %}High school project {% when 'internship' %}Internship {%