[Staging] Security fixes

docs/changelog/index.html

@@ -81,6 +81,11 @@ <h1 class="--sub">Changelog</h1>
             <h2>Latest Changes</h2>
             <p>Capped at <strong>thirty (30)</strong> updates.</p>
             <ul class="changelog">
+                  <li>
+                        <h3>Commit: <a class="l alt" href="https://github.com/DanCanetti/danielcanetti.com/commit/ae37ecf38e82bdee8077b4c30afa6bac880330f1" target="_blank" rel="external" aria-label="Go to this commit">ae37ecf3</a></h3>
+                        <time>Friday, 19 March 2021</time>
+                        <span>MCU spacing</span>
+                  </li>
                   <li>
                         <h3>Commit: <a class="l alt" href="https://github.com/DanCanetti/danielcanetti.com/commit/bde2eb6daa8d9537b3b4f2aed7c9e412b9f446b9" target="_blank" rel="external" aria-label="Go to this commit">bde2eb6d</a></h3>
                         <time>Friday, 19 March 2021</time>
@@ -226,11 +231,6 @@ <h3>Commit: <a class="l alt" href="https://github.com/DanCanetti/danielcanetti.c
                         <time>Thursday, 31 December 2020</time>
                         <span>Fix social meta</span>
                   </li>
-                  <li>
-                        <h3>Commit: <a class="l alt" href="https://github.com/DanCanetti/danielcanetti.com/commit/a969105d357acf1722d145c8c6592044e88405e5" target="_blank" rel="external" aria-label="Go to this commit">a969105d</a></h3>
-                        <time>Thursday, 31 December 2020</time>
-                        <span>Fix social meta</span>
-                  </li>
             </ul>
       </div>
 </div>

docs/index.html

@@ -88,7 +88,7 @@ <h1 style="position: absolute; top: -200%; left: -200%;">Daniel Canetti. Operati
 
 <div class="body body--home">
   <div class="body__section body__section--fade">
-    <div class="blog-posts__wrap">
+    <div class="blog-posts__wrap scrollingPanel">
 
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-life">
@@ -104,7 +104,7 @@ <h2><a href="/blog/marvel-cinematic-universe/" title="Read Marvel Cinematic Univ
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-web-development">
 
-        <a href="/blog/year-in-review-2020/" title="Read A year in review"><img src="/dist/images/yir-2020thumb.jpg" srcset="/dist/images/yir-2020.jpg 2x" alt="A year in review Feature Image"></a>
+        <a href="/blog/year-in-review-2020/" title="Read A year in review"><img class="lazy" src="/dist/images/yir-2020thumb.jpg" srcset="/dist/images/yir-2020.jpg 2x" alt="A year in review Feature Image"></a>
 
         <h2><a href="/blog/year-in-review-2020/" title="Read A year in review">A year in review</a></h2>
 
@@ -115,7 +115,7 @@ <h2><a href="/blog/year-in-review-2020/" title="Read A year in review">A year in
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-hackathon">
 
-        <a href="/blog/github-actions-hackathon/" title="Read GitHub Actions Hackathon"><img src="/dist/images/githubactionsthumb.jpg" srcset="/dist/images/githubactions.jpg 2x" alt="GitHub Actions Hackathon Feature Image"></a>
+        <a href="/blog/github-actions-hackathon/" title="Read GitHub Actions Hackathon"><img class="lazy" src="/dist/images/githubactionsthumb.jpg" srcset="/dist/images/githubactions.jpg 2x" alt="GitHub Actions Hackathon Feature Image"></a>
 
         <h2><a href="/blog/github-actions-hackathon/" title="Read GitHub Actions Hackathon">GitHub Actions Hackathon</a></h2>
 
@@ -126,7 +126,7 @@ <h2><a href="/blog/github-actions-hackathon/" title="Read GitHub Actions Hackath
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-web-development">
 
-        <a href="/blog/eleventy-github-pages/" title="Read Host an Eleventy site on Github Pages"><img src="/dist/images/eleventygithubpagesthumb.jpg" srcset="/dist/images/eleventygithubpages.jpg 2x" alt="Host an Eleventy site on Github Pages Feature Image"></a>
+        <a href="/blog/eleventy-github-pages/" title="Read Host an Eleventy site on Github Pages"><img class="lazy" src="/dist/images/eleventygithubpagesthumb.jpg" srcset="/dist/images/eleventygithubpages.jpg 2x" alt="Host an Eleventy site on Github Pages Feature Image"></a>
 
         <h2><a href="/blog/eleventy-github-pages/" title="Read Host an Eleventy site on Github Pages">Host an Eleventy site on Github Pages</a></h2>
 
@@ -137,7 +137,7 @@ <h2><a href="/blog/eleventy-github-pages/" title="Read Host an Eleventy site on
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-life">
 
-        <a href="/blog/coniston-water-2020/" title="Read Coniston Water"><img src="/dist/images/conistonwater2020thumb.jpg" srcset="/dist/images/conistonwater2020.jpg 2x" alt="Coniston Water Feature Image"></a>
+        <a href="/blog/coniston-water-2020/" title="Read Coniston Water"><img class="lazy" src="/dist/images/conistonwater2020thumb.jpg" srcset="/dist/images/conistonwater2020.jpg 2x" alt="Coniston Water Feature Image"></a>
 
         <h2><a href="/blog/coniston-water-2020/" title="Read Coniston Water">Coniston Water</a></h2>
 
@@ -148,7 +148,7 @@ <h2><a href="/blog/coniston-water-2020/" title="Read Coniston Water">Coniston Wa
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-web-development">
 
-        <a href="/blog/wordpress-valet/" title="Read How to run WordPress locally on Mac using Valet"><img src="/dist/images/valetlargethumb.jpg" srcset="/dist/images/valetlarge.jpg 2x" alt="How to run WordPress locally on Mac using Valet Feature Image"></a>
+        <a href="/blog/wordpress-valet/" title="Read How to run WordPress locally on Mac using Valet"><img class="lazy" src="/dist/images/valetlargethumb.jpg" srcset="/dist/images/valetlarge.jpg 2x" alt="How to run WordPress locally on Mac using Valet Feature Image"></a>
 
         <h2><a href="/blog/wordpress-valet/" title="Read How to run WordPress locally on Mac using Valet">How to run WordPress locally on Mac using Valet</a></h2>
 
@@ -159,7 +159,7 @@ <h2><a href="/blog/wordpress-valet/" title="Read How to run WordPress locally on
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-web-development">
 
-        <a href="/blog/github-pages/" title="Read Github Pages"><img src="/dist/images/githublargethumb.jpg" srcset="/dist/images/githublarge.jpg 2x" alt="Github Pages Feature Image"></a>
+        <a href="/blog/github-pages/" title="Read Github Pages"><img class="lazy" src="/dist/images/githublargethumb.jpg" srcset="/dist/images/githublarge.jpg 2x" alt="Github Pages Feature Image"></a>
 
         <h2><a href="/blog/github-pages/" title="Read Github Pages">Github Pages</a></h2>
 
@@ -170,7 +170,7 @@ <h2><a href="/blog/github-pages/" title="Read Github Pages">Github Pages</a></h2
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-life">
 
-        <a href="/blog/project-management-tools/" title="Read Project Management Tools"><img src="/dist/images/projectmanagementtoolsthumb.jpg" srcset="/dist/images/projectmanagementtools.jpg 2x" alt="Project Management Tools Feature Image"></a>
+        <a href="/blog/project-management-tools/" title="Read Project Management Tools"><img class="lazy" src="/dist/images/projectmanagementtoolsthumb.jpg" srcset="/dist/images/projectmanagementtools.jpg 2x" alt="Project Management Tools Feature Image"></a>
 
         <h2><a href="/blog/project-management-tools/" title="Read Project Management Tools">Project Management Tools</a></h2>
 
@@ -181,7 +181,7 @@ <h2><a href="/blog/project-management-tools/" title="Read Project Management Too
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-web-development">
 
-        <a href="/blog/0-to-wordpress-in-4-minutes/" title="Read 0 to WordPress in 4 minutes"><img src="/dist/images/zerotowordpressthumb.jpg" srcset="/dist/images/zerotowordpress.jpg 2x" alt="0 to WordPress in 4 minutes Feature Image"></a>
+        <a href="/blog/0-to-wordpress-in-4-minutes/" title="Read 0 to WordPress in 4 minutes"><img class="lazy" src="/dist/images/zerotowordpressthumb.jpg" srcset="/dist/images/zerotowordpress.jpg 2x" alt="0 to WordPress in 4 minutes Feature Image"></a>
 
         <h2><a href="/blog/0-to-wordpress-in-4-minutes/" title="Read 0 to WordPress in 4 minutes">0 to WordPress in 4 minutes</a></h2>
 
@@ -192,7 +192,7 @@ <h2><a href="/blog/0-to-wordpress-in-4-minutes/" title="Read 0 to WordPress in 4
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-web-development">
 
-        <a href="/blog/a-complete-guide-to-eleventy/" title="Read A complete guide to Eleventy"><img src="/dist/images/acompleteguidetoeleventythumb.jpg" srcset="/dist/images/acompleteguidetoeleventy.jpg 2x" alt="A complete guide to Eleventy Feature Image"></a>
+        <a href="/blog/a-complete-guide-to-eleventy/" title="Read A complete guide to Eleventy"><img class="lazy" src="/dist/images/acompleteguidetoeleventythumb.jpg" srcset="/dist/images/acompleteguidetoeleventy.jpg 2x" alt="A complete guide to Eleventy Feature Image"></a>
 
         <h2><a href="/blog/a-complete-guide-to-eleventy/" title="Read A complete guide to Eleventy">A complete guide to Eleventy</a></h2>
 
@@ -203,7 +203,7 @@ <h2><a href="/blog/a-complete-guide-to-eleventy/" title="Read A complete guide t
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-life">
 
-        <a href="/blog/2019-reading-list/" title="Read 2019 Reading List"><img src="/dist/images/recommended-readingthumb.jpg" srcset="/dist/images/recommended-reading.jpg 2x" alt="2019 Reading List Feature Image"></a>
+        <a href="/blog/2019-reading-list/" title="Read 2019 Reading List"><img class="lazy" src="/dist/images/recommended-readingthumb.jpg" srcset="/dist/images/recommended-reading.jpg 2x" alt="2019 Reading List Feature Image"></a>
 
         <h2><a href="/blog/2019-reading-list/" title="Read 2019 Reading List">2019 Reading List</a></h2>
 
@@ -214,7 +214,7 @@ <h2><a href="/blog/2019-reading-list/" title="Read 2019 Reading List">2019 Readi
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-life">
 
-        <a href="/blog/2019-setup/" title="Read 2019 Setup"><img src="/dist/images/2019-setupthumb.jpg" srcset="/dist/images/2019-setup.jpg 2x" alt="2019 Setup Feature Image"></a>
+        <a href="/blog/2019-setup/" title="Read 2019 Setup"><img class="lazy" src="/dist/images/2019-setupthumb.jpg" srcset="/dist/images/2019-setup.jpg 2x" alt="2019 Setup Feature Image"></a>
 
         <h2><a href="/blog/2019-setup/" title="Read 2019 Setup">2019 Setup</a></h2>
 
@@ -225,7 +225,7 @@ <h2><a href="/blog/2019-setup/" title="Read 2019 Setup">2019 Setup</a></h2>
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-life">
 
-        <a href="/blog/my-favourite-grand-designs/" title="Read My Favourite Grand Designs"><img src="/dist/images/my-favourite-grand-designsthumb.jpg" srcset="/dist/images/my-favourite-grand-designs.jpg 2x" alt="My Favourite Grand Designs Feature Image"></a>
+        <a href="/blog/my-favourite-grand-designs/" title="Read My Favourite Grand Designs"><img class="lazy" src="/dist/images/my-favourite-grand-designsthumb.jpg" srcset="/dist/images/my-favourite-grand-designs.jpg 2x" alt="My Favourite Grand Designs Feature Image"></a>
 
         <h2><a href="/blog/my-favourite-grand-designs/" title="Read My Favourite Grand Designs">My Favourite Grand Designs</a></h2>
 
@@ -236,7 +236,7 @@ <h2><a href="/blog/my-favourite-grand-designs/" title="Read My Favourite Grand D
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-culture">
 
-        <a href="/blog/email-isnt-broken/" title="Read Email Isn't Broken"><img src="/dist/images/emailisntbrokenthumb.jpg" srcset="/dist/images/emailisntbroken.jpg 2x" alt="Email Isn't Broken Feature Image"></a>
+        <a href="/blog/email-isnt-broken/" title="Read Email Isn't Broken"><img class="lazy" src="/dist/images/emailisntbrokenthumb.jpg" srcset="/dist/images/emailisntbroken.jpg 2x" alt="Email Isn't Broken Feature Image"></a>
 
         <h2><a href="/blog/email-isnt-broken/" title="Read Email Isn't Broken">Email Isn't Broken</a></h2>
 
@@ -247,7 +247,7 @@ <h2><a href="/blog/email-isnt-broken/" title="Read Email Isn't Broken">Email Isn
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-web-development">
 
-        <a href="/blog/wordpressify/" title="Read Wordpressify"><img src="/dist/images/wordpressifythumb.jpg" srcset="/dist/images/wordpressify.jpg 2x" alt="Wordpressify Feature Image"></a>
+        <a href="/blog/wordpressify/" title="Read Wordpressify"><img class="lazy" src="/dist/images/wordpressifythumb.jpg" srcset="/dist/images/wordpressify.jpg 2x" alt="Wordpressify Feature Image"></a>
 
         <h2><a href="/blog/wordpressify/" title="Read Wordpressify">Wordpressify</a></h2>
 
@@ -258,7 +258,7 @@ <h2><a href="/blog/wordpressify/" title="Read Wordpressify">Wordpressify</a></h2
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-web-development">
 
-        <a href="/blog/gitlab-pages/" title="Read GitLab Pages"><img src="/dist/images/gitlabpagesthumb.jpg" srcset="/dist/images/gitlabpages.jpg 2x" alt="GitLab Pages Feature Image"></a>
+        <a href="/blog/gitlab-pages/" title="Read GitLab Pages"><img class="lazy" src="/dist/images/gitlabpagesthumb.jpg" srcset="/dist/images/gitlabpages.jpg 2x" alt="GitLab Pages Feature Image"></a>
 
         <h2><a href="/blog/gitlab-pages/" title="Read GitLab Pages">GitLab Pages</a></h2>
 
@@ -269,7 +269,7 @@ <h2><a href="/blog/gitlab-pages/" title="Read GitLab Pages">GitLab Pages</a></h2
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-culture">
 
-        <a href="/blog/how-a-mentor-leaving-can-inspire-you/" title="Read How a mentor leaving can inspire you"><img src="/dist/images/mentorleavingthumb.jpg" srcset="/dist/images/mentorleaving.jpg 2x" alt="How a mentor leaving can inspire you Feature Image"></a>
+        <a href="/blog/how-a-mentor-leaving-can-inspire-you/" title="Read How a mentor leaving can inspire you"><img class="lazy" src="/dist/images/mentorleavingthumb.jpg" srcset="/dist/images/mentorleaving.jpg 2x" alt="How a mentor leaving can inspire you Feature Image"></a>
 
         <h2><a href="/blog/how-a-mentor-leaving-can-inspire-you/" title="Read How a mentor leaving can inspire you">How a mentor leaving can inspire you</a></h2>
 
@@ -280,7 +280,7 @@ <h2><a href="/blog/how-a-mentor-leaving-can-inspire-you/" title="Read How a ment
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-culture">
 
-        <a href="/blog/being-a-woman-in-tech-sucks/" title="Read Being a woman in tech sucks"><img src="/dist/images/beingawomanintechsucksthumb.jpg" srcset="/dist/images/beingawomanintechsucks.jpg 2x" alt="Being a woman in tech sucks Feature Image"></a>
+        <a href="/blog/being-a-woman-in-tech-sucks/" title="Read Being a woman in tech sucks"><img class="lazy" src="/dist/images/beingawomanintechsucksthumb.jpg" srcset="/dist/images/beingawomanintechsucks.jpg 2x" alt="Being a woman in tech sucks Feature Image"></a>
 
         <h2><a href="/blog/being-a-woman-in-tech-sucks/" title="Read Being a woman in tech sucks">Being a woman in tech sucks</a></h2>
 
@@ -291,7 +291,7 @@ <h2><a href="/blog/being-a-woman-in-tech-sucks/" title="Read Being a woman in te
 
       <div class="blog-post--thumb blog-post--thumb--home blog-post--tag-web-development">
 
-        <a href="/blog/three-things-web-development-students-should-learn-before-graduation/" title="Read Advice for web development students"><img src="/dist/images/adviceforwebdevelopmenstudentsthumb.jpg" srcset="/dist/images/adviceforwebdevelopmenstudents.jpg 2x" alt="Advice for web development students Feature Image"></a>
+        <a href="/blog/three-things-web-development-students-should-learn-before-graduation/" title="Read Advice for web development students"><img class="lazy" src="/dist/images/adviceforwebdevelopmenstudentsthumb.jpg" srcset="/dist/images/adviceforwebdevelopmenstudents.jpg 2x" alt="Advice for web development students Feature Image"></a>
 
         <h2><a href="/blog/three-things-web-development-students-should-learn-before-graduation/" title="Read Advice for web development students">Advice for web development students</a></h2>