Merge branch 'al-folio-main'

george-gca · george-gca · commit 65b2d0092dcd · 2024-01-28T20:16:12.000-03:00
diff --git a/_includes/head.liquid b/_includes/head.liquid
@@ -22,7 +22,7 @@
   defer
   rel="stylesheet"
   type="text/css"
-  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons"
+  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons&display=swap"
 >
 
 <!-- Code Syntax Highlighting -->
diff --git a/lighthouse_results/desktop/pagespeed.svg b/lighthouse_results/desktop/pagespeed.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" width="1000" height="285"><style>.gauge-base{opacity:.1}.gauge-arc{fill:none;animation-delay:250ms;stroke-linecap:round;transform:rotate(-90deg);transform-origin:100px 60px;animation:load-gauge 1s ease forwards}.guage-text{font-size:40px;font-family:monospace;text-align:center}.guage-red{color:#ff4e42;fill:#ff4e42;stroke:#ff4e42}.guage-orange{color:#ffa400;fill:#ffa400;stroke:#ffa400}.guage-green{color:#0cce6b;fill:#0cce6b;stroke:#0cce6b}.guage-undefined{color:#5c5c5c;fill:#5c5c5c;stroke:#5c5c5c}.guage-title{color:#737373;fill:#737373;stroke:none;font-size:26px;line-height:26px;font-family:Roboto,Halvetica,Arial,sans-serif}@keyframes load-gauge{from{stroke-dasharray:0 352.858}}</style><svg class="guage-div guage-perf guage-green" viewBox="0 0 200 200" width="200" height="200"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Performance</text></svg><svg class="guage-div guage-acc guage-green" viewBox="0 0 200 200" width="200" height="200" x="200"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-2" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Accessibility</text></svg><svg class="guage-div guage-best guage-green" viewBox="0 0 200 200" width="200" height="200" x="400"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-3" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Best Practices</text></svg><svg class="guage-div guage-seo guage-green" viewBox="0 0 200 200" width="200" height="200" x="600"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-4" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">SEO</text></svg><svg class="guage-div guage-pwa guage-undefined" viewBox="0 0 200 200" width="200" height="200" x="800"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-4" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">NA</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">PWA</text></svg><svg width="604" height="76" x="200" y="210"><path fill="none" id="canvas_background" d="M-1-1h604v80H-1z"/><rect fill-opacity="0" stroke="#616161" stroke-width="2" rx="40" id="svg_2" height="72" width="600" y="2" x="1" fill="#000"/><rect stroke="#000" rx="8" id="svg_3" height="14" width="48" y="30" x="35" stroke-opacity="null" stroke-width="0" fill="#ff4e42"/><rect stroke="#000" rx="6" id="svg_4" height="14" width="48" y="30" x="220" stroke-opacity="null" stroke-width="0" fill="#ffa400"/><rect stroke="#000" rx="6" id="svg_5" height="14" width="48" y="30" x="420" stroke-opacity="null" stroke-width="0" fill="#0cce6b"/><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_6" y="45" x="100" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">0-49</text><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_7" y="45" x="280" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">50-89</text><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_8" y="45" x="480" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">90-100</text></svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" width="1000" height="285"><style>.gauge-base{opacity:.1}.gauge-arc{fill:none;animation-delay:250ms;stroke-linecap:round;transform:rotate(-90deg);transform-origin:100px 60px;animation:load-gauge 1s ease forwards}.guage-text{font-size:40px;font-family:monospace;text-align:center}.guage-red{color:#ff4e42;fill:#ff4e42;stroke:#ff4e42}.guage-orange{color:#ffa400;fill:#ffa400;stroke:#ffa400}.guage-green{color:#0cce6b;fill:#0cce6b;stroke:#0cce6b}.guage-undefined{color:#5c5c5c;fill:#5c5c5c;stroke:#5c5c5c}.guage-title{color:#737373;fill:#737373;stroke:none;font-size:26px;line-height:26px;font-family:Roboto,Halvetica,Arial,sans-serif}@keyframes load-gauge{from{stroke-dasharray:0 352.858}}</style><svg class="guage-div guage-perf guage-green" viewBox="0 0 200 200" width="200" height="200"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Performance</text></svg><svg class="guage-div guage-acc guage-green" viewBox="0 0 200 200" width="200" height="200" x="200"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-2" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Accessibility</text></svg><svg class="guage-div guage-best guage-green" viewBox="0 0 200 200" width="200" height="200" x="400"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-3" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Best Practices</text></svg><svg class="guage-div guage-seo guage-green" viewBox="0 0 200 200" width="200" height="200" x="600"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-4" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">SEO</text></svg><svg class="guage-div guage-pwa guage-undefined" viewBox="0 0 200 200" width="200" height="200" x="800"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-4" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">NA</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">PWA</text></svg><svg width="604" height="76" x="200" y="210"><path fill="none" id="canvas_background" d="M-1-1h604v80H-1z"/><rect fill-opacity="0" stroke="#616161" stroke-width="2" rx="40" id="svg_2" height="72" width="600" y="2" x="1" fill="#000"/><rect stroke="#000" rx="8" id="svg_3" height="14" width="48" y="30" x="35" stroke-opacity="null" stroke-width="0" fill="#ff4e42"/><rect stroke="#000" rx="6" id="svg_4" height="14" width="48" y="30" x="220" stroke-opacity="null" stroke-width="0" fill="#ffa400"/><rect stroke="#000" rx="6" id="svg_5" height="14" width="48" y="30" x="420" stroke-opacity="null" stroke-width="0" fill="#0cce6b"/><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_6" y="45" x="100" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">0-49</text><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_7" y="45" x="280" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">50-89</text><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_8" y="45" x="480" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">90-100</text></svg></svg>
diff --git a/lighthouse_results/mobile/pagespeed.svg b/lighthouse_results/mobile/pagespeed.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" width="1000" height="285"><style>.gauge-base{opacity:.1}.gauge-arc{fill:none;animation-delay:250ms;stroke-linecap:round;transform:rotate(-90deg);transform-origin:100px 60px;animation:load-gauge 1s ease forwards}.guage-text{font-size:40px;font-family:monospace;text-align:center}.guage-red{color:#ff4e42;fill:#ff4e42;stroke:#ff4e42}.guage-orange{color:#ffa400;fill:#ffa400;stroke:#ffa400}.guage-green{color:#0cce6b;fill:#0cce6b;stroke:#0cce6b}.guage-undefined{color:#5c5c5c;fill:#5c5c5c;stroke:#5c5c5c}.guage-title{color:#737373;fill:#737373;stroke:none;font-size:26px;line-height:26px;font-family:Roboto,Halvetica,Arial,sans-serif}@keyframes load-gauge{from{stroke-dasharray:0 352.858}}</style><svg class="guage-div guage-perf guage-orange" viewBox="0 0 200 200" width="200" height="200"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:270.93066,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">77</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Performance</text></svg><svg class="guage-div guage-acc guage-green" viewBox="0 0 200 200" width="200" height="200" x="200"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-2" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Accessibility</text></svg><svg class="guage-div guage-best guage-green" viewBox="0 0 200 200" width="200" height="200" x="400"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-3" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Best Practices</text></svg><svg class="guage-div guage-seo guage-green" viewBox="0 0 200 200" width="200" height="200" x="600"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-4" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">SEO</text></svg><svg class="guage-div guage-pwa guage-undefined" viewBox="0 0 200 200" width="200" height="200" x="800"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-4" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">NA</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">PWA</text></svg><svg width="604" height="76" x="200" y="210"><path fill="none" id="canvas_background" d="M-1-1h604v80H-1z"/><rect fill-opacity="0" stroke="#616161" stroke-width="2" rx="40" id="svg_2" height="72" width="600" y="2" x="1" fill="#000"/><rect stroke="#000" rx="8" id="svg_3" height="14" width="48" y="30" x="35" stroke-opacity="null" stroke-width="0" fill="#ff4e42"/><rect stroke="#000" rx="6" id="svg_4" height="14" width="48" y="30" x="220" stroke-opacity="null" stroke-width="0" fill="#ffa400"/><rect stroke="#000" rx="6" id="svg_5" height="14" width="48" y="30" x="420" stroke-opacity="null" stroke-width="0" fill="#0cce6b"/><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_6" y="45" x="100" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">0-49</text><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_7" y="45" x="280" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">50-89</text><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_8" y="45" x="480" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">90-100</text></svg></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" width="1000" height="285"><style>.gauge-base{opacity:.1}.gauge-arc{fill:none;animation-delay:250ms;stroke-linecap:round;transform:rotate(-90deg);transform-origin:100px 60px;animation:load-gauge 1s ease forwards}.guage-text{font-size:40px;font-family:monospace;text-align:center}.guage-red{color:#ff4e42;fill:#ff4e42;stroke:#ff4e42}.guage-orange{color:#ffa400;fill:#ffa400;stroke:#ffa400}.guage-green{color:#0cce6b;fill:#0cce6b;stroke:#0cce6b}.guage-undefined{color:#5c5c5c;fill:#5c5c5c;stroke:#5c5c5c}.guage-title{color:#737373;fill:#737373;stroke:none;font-size:26px;line-height:26px;font-family:Roboto,Halvetica,Arial,sans-serif}@keyframes load-gauge{from{stroke-dasharray:0 352.858}}</style><svg class="guage-div guage-perf guage-orange" viewBox="0 0 200 200" width="200" height="200"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-1" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:270.93066,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">77</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Performance</text></svg><svg class="guage-div guage-acc guage-green" viewBox="0 0 200 200" width="200" height="200" x="200"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-2" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Accessibility</text></svg><svg class="guage-div guage-best guage-green" viewBox="0 0 200 200" width="200" height="200" x="400"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-3" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">Best Practices</text></svg><svg class="guage-div guage-seo guage-green" viewBox="0 0 200 200" width="200" height="200" x="600"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-4" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">100</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">SEO</text></svg><svg class="guage-div guage-pwa guage-undefined" viewBox="0 0 200 200" width="200" height="200" x="800"><circle class="gauge-base" r="56" cx="100" cy="60" stroke-width="8"/><circle class="gauge-arc guage-arc-4" r="56" cx="100" cy="60" stroke-width="8" style="stroke-dasharray:351.858,351.858"/><text class="guage-text" x="100" y="60" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">NA</text><text class="guage-title" x="100" y="160" alignment-baseline="central" dominant-baseline="central" text-anchor="middle">PWA</text></svg><svg width="604" height="76" x="200" y="210"><path fill="none" id="canvas_background" d="M-1-1h604v80H-1z"/><rect fill-opacity="0" stroke="#616161" stroke-width="2" rx="40" id="svg_2" height="72" width="600" y="2" x="1" fill="#000"/><rect stroke="#000" rx="8" id="svg_3" height="14" width="48" y="30" x="35" stroke-opacity="null" stroke-width="0" fill="#ff4e42"/><rect stroke="#000" rx="6" id="svg_4" height="14" width="48" y="30" x="220" stroke-opacity="null" stroke-width="0" fill="#ffa400"/><rect stroke="#000" rx="6" id="svg_5" height="14" width="48" y="30" x="420" stroke-opacity="null" stroke-width="0" fill="#0cce6b"/><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_6" y="45" x="100" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">0-49</text><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_7" y="45" x="280" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">50-89</text><text xml:space="preserve" text-anchor="start" font-family="'Courier New', Courier, monospace" font-size="26" id="svg_8" y="45" x="480" stroke-opacity="null" stroke-width="0" stroke="#000" fill="#737373">90-100</text></svg></svg>

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@`
`22`	`22`	`defer`
`23`	`23`	`rel="stylesheet"`
`24`	`24`	`type="text/css"`
`25`		`- href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700\|Roboto+Slab:100,300,400,500,700\|Material+Icons"`
	`25`	`+ href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700\|Roboto+Slab:100,300,400,500,700\|Material+Icons&display=swap"`
`26`	`26`	`>`
`27`	`27`
`28`	`28`	`<!-- Code Syntax Highlighting -->`