12 files changed, 344 insertions, 281 deletions

diff --git a/config.toml b/config.toml
index 3a90373..c06a535 100755
--- a/config.toml
+++ b/config.toml
@@ -44,11 +44,11 @@ include_path = false
 include_content = true
 
 [extra]
-katex.enabled = true
-katex.auto_render = true
-chart.enabled = true
+katex.enabled = false
+katex.auto_render = false
+chart.enabled = false
 mermaid.enabled = true
-galleria.enabled = true
+galleria.enabled = false
 navbar_items = [
     { code = "en", nav_items = [
         { url = "$BASE_URL/", name = "Overview" },
diff --git a/static/images/garage-logo.svg b/static/images/garage-logo.svg
index 654e25b..af33380 100644
--- a/static/images/garage-logo.svg
+++ b/static/images/garage-logo.svg
@@ -2,9 +2,9 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="26.341103mm"
-   height="28.817148mm"
-   viewBox="0 0 26.341103 28.817148"
+   width="30mm"
+   height="30mm"
+   viewBox="0 0 30 30"
    version="1.1"
    id="svg5"
    xmlns="http://www.w3.org/2000/svg"
@@ -20,85 +20,89 @@
       <g
          id="g6567"
          transform="matrix(0.92473907,0,0,0.92473907,11.032718,11.165159)">
-        <path
-           id="path6"
-           d="m 136.06214,99.13643 c -0.8681,0.09646 -1.83266,0 -2.70078,-0.289369 L 99.794436,89.780144 c -0.868109,-0.28937 -1.736218,-0.675196 -2.507872,-1.157479 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path8"
-           class="st0"
-           d="m 85.036565,156.14226 c 1.919127,0.0226 3.842264,-0.048 5.758577,0.0407 1.109916,0.0647 2.081695,0.96893 2.125517,2.09821 0.05763,2.83895 0.0096,5.68171 0.02535,8.52216 0.0387,0.72125 -1.165534,0.55433 -1.656924,0.86227 -2.84639,0.78316 -5.867198,1.08468 -8.793555,0.62567 -2.484003,-0.4206 -4.607002,-2.18507 -5.651194,-4.45399 -1.332604,-2.83308 -1.546544,-6.07759 -1.21852,-9.15366 0.293175,-2.57048 1.448442,-5.0874 3.473195,-6.74732 2.184175,-1.91934 5.23662,-2.62252 8.078891,-2.19703 2.061965,0.25939 4.063024,1.01333 5.768107,2.20419 -0.194486,1.20116 -0.887464,2.34273 -1.929135,2.99015 -1.865545,-1.36891 -4.253598,-2.12198 -6.568068,-1.87184 -2.02236,0.3166 -3.762605,1.87404 -4.283558,3.85841 -0.666251,2.35645 -0.668458,4.88015 -0.252316,7.28143 0.337055,1.92315 1.48217,3.89047 3.44592,4.49149 1.860151,0.60901 3.846702,0.22762 5.72889,-0.0627 0.02323,-1.64043 -0.05713,-3.28547 0.06461,-4.92211 0.04478,-0.38456 -0.694745,-0.10524 -1.004029,-0.19009 -1.009365,-0.0553 -2.115945,0.1939 -3.015314,-0.38583 -0.860219,-0.80391 -0.327291,-2.03804 -0.09646,-2.99015 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path10"
-           class="st0"
-           d="m 109.82594,166.17374 c -0.0965,0.38583 -0.28937,0.77165 -0.57875,1.15748 -0.19291,0.38583 -0.48228,0.6752 -0.77164,0.86811 -1.25394,-0.0965 -2.31497,-0.77165 -2.99017,-1.92913 -1.15748,1.25393 -2.89369,2.02559 -4.62991,2.02559 -1.639774,0 -2.893709,-0.48229 -3.76182,-1.44685 -0.771653,-0.96457 -1.253937,-2.12205 -1.253937,-3.37598 0,-1.83268 0.57874,-3.18307 1.736221,-4.05118 1.350393,-0.96456 2.893706,-1.44685 4.533456,-1.35039 0.96458,0 1.92914,0 2.79726,0.0965 v -0.96457 c 0,-1.73622 -0.77166,-2.50787 -2.41143,-2.50787 -1.15747,0 -2.797241,0.38583 -4.919286,1.15748 -0.675197,-0.77165 -1.061024,-1.83268 -1.061024,-2.8937 2.218503,-0.96456 4.53347,-1.44685 6.94488,-1.44685 1.44686,-0.0965 2.79725,0.38583 3.95473,1.3504 0.96457,0.86811 1.5433,2.2185 1.5433,4.05117 v 6.55905 c -0.0965,1.44685 0.19291,2.2185 0.86812,2.70078 z m -8.10237,-0.77165 c 1.25394,-0.0965 2.41142,-0.57874 3.18308,-1.54331 v -2.79724 c -0.77166,-0.0965 -1.63977,-0.0965 -2.41143,-0.0965 -0.77165,-0.0965 -1.44684,0.19291 -2.02558,0.67519 -0.482291,0.48229 -0.675204,1.06103 -0.675204,1.73622 0,0.57874 0.192913,1.15748 0.578744,1.63976 0.38583,0.19292 0.86811,0.38583 1.35039,0.38583 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path12"
-           class="st0"
-           d="m 112.43026,153.92376 c 0.0965,-0.38583 0.28937,-0.77165 0.57874,-1.15748 0.19292,-0.38583 0.48229,-0.6752 0.77165,-0.86811 1.63976,0.19291 2.8937,1.35039 3.37599,2.8937 0.86811,-1.92913 2.2185,-2.8937 4.14764,-2.8937 0.57874,0 1.25392,0.0965 1.83267,0.19291 0,1.3504 -0.28937,2.60433 -0.96456,3.76181 -0.48229,-0.0965 -0.96457,-0.19291 -1.44685,-0.19291 -1.3504,0 -2.31496,0.67519 -3.18308,2.12204 v 10.2244 c -0.67519,0.0965 -1.35039,0.19291 -1.92914,0.19291 -0.67518,0 -1.35038,-0.0965 -2.02558,-0.19291 v -10.80314 c 0,-1.5433 -0.38582,-2.60433 -1.15748,-3.27952 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path14"
-           class="st0"
-           d="m 138.08774,166.17374 c -0.0965,0.38583 -0.28937,0.77165 -0.57874,1.15748 -0.19291,0.38583 -0.48228,0.6752 -0.77165,0.86811 -1.25394,-0.0965 -2.31496,-0.77165 -2.99017,-1.92913 -1.15747,1.25393 -2.89369,2.02559 -4.62992,2.02559 -1.63975,0 -2.8937,-0.48229 -3.7618,-1.44685 -0.77166,-0.96457 -1.25394,-2.12205 -1.25394,-3.37598 0,-1.83268 0.57874,-3.18307 1.73622,-4.05118 1.25393,-0.96456 2.8937,-1.44685 4.43701,-1.35039 0.96456,0 1.92914,0 2.79724,0.0965 v -0.96457 c 0,-1.73622 -0.77164,-2.50787 -2.41142,-2.50787 -1.15748,0 -2.79724,0.38583 -4.91929,1.15748 -0.6752,-0.77165 -1.06102,-1.83268 -1.06102,-2.8937 2.2185,-0.96456 4.53346,-1.44685 6.94488,-1.44685 1.44685,-0.0965 2.79725,0.38583 3.95473,1.3504 0.96456,0.86811 1.5433,2.2185 1.5433,4.05117 v 6.55905 c 0,1.44685 0.38583,2.2185 0.96457,2.70078 z m -8.10236,-0.77165 c 1.25393,-0.0965 2.41142,-0.57874 3.18307,-1.54331 v -2.79724 c -0.77165,-0.0965 -1.63977,-0.0965 -2.41142,-0.0965 -0.77165,-0.0965 -1.44686,0.19291 -2.02559,0.67519 -0.48228,0.48229 -0.67519,1.06103 -0.67519,1.73622 0,0.57874 0.19291,1.15748 0.57874,1.63976 0.38582,0.19292 0.8681,0.38583 1.35039,0.38583 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path16"
-           class="st0"
-           d="m 142.04247,166.07729 c -0.96457,-1.44685 -1.44686,-3.47244 -1.44686,-6.07677 0,-2.60433 0.57875,-4.62991 1.83268,-6.07676 1.06103,-1.35039 2.70079,-2.2185 4.43701,-2.2185 1.63977,0 3.18307,0.57874 4.34055,1.63976 0.57874,-0.77165 1.54332,-1.25394 2.50787,-1.35039 0.38583,0.19291 0.6752,0.57874 0.86812,0.86811 0.19291,0.38582 0.38583,0.67519 0.57874,1.15747 -0.57874,0.48229 -0.86812,1.44685 -0.86812,2.79725 v 9.06691 c 0,3.37598 -0.57874,5.7874 -1.63975,7.23424 -1.06103,1.44685 -2.99017,2.12205 -5.49804,2.12205 -1.92914,0 -3.95472,-0.38583 -5.7874,-1.06102 0,-1.06103 0.28937,-2.12205 0.96457,-2.8937 1.35039,0.6752 2.79724,0.96457 4.34054,0.96457 1.44686,0 2.41143,-0.38583 2.89371,-1.06103 0.57874,-0.86811 0.86811,-1.92913 0.77165,-2.99015 v -1.25394 c -1.15748,0.96457 -2.50787,1.54331 -4.05118,1.54331 -1.73622,-0.0965 -3.37599,-0.96457 -4.24409,-2.41141 z m 8.19882,-2.60433 v -7.42716 c -0.6752,-0.77165 -1.73622,-1.25393 -2.79725,-1.35039 -0.86811,0 -1.73621,0.57874 -2.12205,1.35039 -0.57874,1.25394 -0.86811,2.60433 -0.77165,3.95472 0,1.73622 0.19291,2.99016 0.67519,3.76181 0.28938,0.67519 1.06103,1.15748 1.83268,1.25393 1.3504,0 2.50788,-0.57874 3.18308,-1.5433 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path26"
-           class="st3"
-           d="m 136.73735,113.02618 18.42323,-7.42716 c 0.38583,-0.19291 0.57874,-0.57874 0.48228,-1.06102 -0.0965,-0.19292 -0.19291,-0.38583 -0.48228,-0.48229 -2.12204,-0.8681 -4.82284,-1.92913 -7.42716,-2.99015 -0.4823,-0.19291 -5.01576,3.08661 -5.40158,3.37598 l -7.90945,6.36613 c -1.83268,1.73622 -0.19291,3.27953 2.31496,2.21851 z"
-           style="stroke-width:0.964566" />
-        <ellipse
-           id="circle28"
-           class="st3"
-           cx="123.42634"
-           cy="120.26041"
-           rx="9.645668"
-           ry="9.6456566"
-           style="stroke-width:0.964566" />
-        <path
-           id="path6-0"
-           d="m 136.06214,99.13643 c -0.8681,0.09646 -1.83266,0 -2.70078,-0.289369 L 99.794436,89.780144 c -0.868109,-0.28937 -1.736218,-0.675196 -2.507872,-1.157479 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path18-7"
-           class="st0"
-           d="m 170.6901,161.35091 h -8.97047 c 0,1.06103 0.28937,2.02559 0.86811,2.8937 0.48228,0.6752 1.35039,1.06102 2.60432,1.06102 1.44686,-0.0965 2.89371,-0.48228 4.2441,-1.15748 0.6752,0.6752 1.06102,1.54331 1.15748,2.41142 -1.83267,1.25393 -3.95472,1.92913 -6.17323,1.83267 -2.41141,0 -4.14764,-0.77165 -5.20865,-2.31495 -1.06104,-1.54331 -1.54331,-3.5689 -1.54331,-6.07677 0,-2.50787 0.57873,-4.53346 1.73622,-6.07676 1.15747,-1.54331 2.99015,-2.41142 4.91928,-2.31496 2.12206,0 3.76182,0.6752 4.9193,1.92913 1.15748,1.35039 1.83267,3.08661 1.73622,4.91929 0,0.96456 -0.0965,1.92913 -0.28937,2.89369 z m -6.17323,-6.84841 c -1.73622,0 -2.70079,1.35039 -2.79724,3.95472 h 5.59448 v -0.38583 c 0,-0.86811 -0.19292,-1.83267 -0.67519,-2.60433 -0.48228,-0.67519 -1.3504,-0.96456 -2.12205,-0.96456 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path24-3-6-9"
-           class="st4"
-           d="m 123.0405,70.199461 c -1.44685,0 -2.89371,0.28937 -4.14765,0.868109 L 76.259006,89.973057 c -0.771652,0.289369 -1.157479,1.253935 -0.868109,2.025588 0,0 0,0 0,0 0,0.09646 0,0.09646 0.09646,0.192913 l 6.848424,13.503922 h 5.980314 l -0.86811,-4.72638 c -0.09646,-0.38582 -0.675197,-3.086605 -1.253937,-5.015736 l 19.966532,6.269676 c 0.28937,1.25394 0.57874,2.41141 1.06103,3.47244 h 32.31298 c 0.38582,-1.06103 0.67519,-2.2185 0.86811,-3.47244 l 19.87007,-6.17322 c -0.57873,1.929131 -1.15747,4.62992 -1.25393,5.01574 l -0.86812,4.72637 h 5.98032 l 6.75197,-13.407459 0.0965,-0.09646 0.0965,-0.192913 c 0,0 0,0 0,0 0.0965,-0.192913 0.0965,-0.28937 0.0965,-0.482283 0,-0.675196 -0.38583,-1.253935 -0.96457,-1.543305 l -42.6339,-18.905486 c -1.54332,-0.675196 -2.99017,-1.061022 -4.53347,-0.964566 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path24-3-2"
-           class="st0"
-           d="m 123.0405,79.073465 c -1.44685,0 -2.89371,0.28937 -4.14765,0.868109 L 76.259006,98.847061 c -0.771652,0.289369 -1.157479,1.253939 -0.868109,2.025589 0,0 0,0 0,0 0,0.0965 0,0.0965 0.09646,0.19291 l 3.665353,7.3307 h 7.909449 c -0.289371,-1.06102 -0.578742,-2.31496 -0.964568,-3.56889 l 11.285433,3.56889 h 51.507866 l 11.28542,-3.56889 c -0.38581,1.15748 -0.67518,2.50787 -0.96455,3.56889 h 7.90943 l 3.66536,-7.23424 0.0965,-0.0965 0.0965,-0.19291 c 0,0 0,0 0,0 0.0965,-0.19291 0.0965,-0.28937 0.0965,-0.48228 0,-0.6752 -0.38582,-1.25394 -0.96457,-1.543309 L 127.47751,79.941574 c -1.44686,-0.578739 -2.89371,-0.868109 -4.43701,-0.868109 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path24-0"
-           class="st4"
-           d="m 171.07592,109.45728 c 0,0.19292 0,0.28937 -0.0965,0.48229 0,0 0,0 0,0 l -0.0965,0.19291 v 0 l -0.0965,0.0965 -10.32087,20.44879 c -1.44684,2.79724 -4.05116,2.70078 -3.66533,-0.0965 l 2.12203,-11.57479 c 0.0965,-0.38582 0.6752,-3.08661 1.25394,-5.01574 l -19.87014,6.17322 c -3.08661,20.35234 -29.90156,20.64171 -34.24212,0 L 86.0974,113.89428 c 0.578741,1.92914 1.157481,4.62992 1.253938,5.01575 l 2.122046,11.57478 c 0.482284,2.8937 -2.218503,2.99016 -3.665353,0.0965 L 75.390897,110.03602 c 0,-0.0964 -0.09646,-0.0964 -0.09646,-0.19291 -0.385827,-0.77165 0,-1.73622 0.771653,-2.02559 0,0 0,0 0,0 l 42.63386,-18.905486 c 2.70078,-1.157478 5.88385,-1.157478 8.58464,0 l 42.63385,18.905486 c 0.77166,0.38583 1.15748,0.96457 1.15748,1.63976 z"
-           style="stroke-width:0.964566" />
-        <path
-           id="path26-2"
-           class="st0"
-           d="m 136.73735,113.02618 18.42323,-7.42716 c 0.38583,-0.19291 0.57874,-0.57874 0.48228,-1.06102 -0.0965,-0.19292 -0.19291,-0.38583 -0.48228,-0.48229 -2.12204,-0.8681 -4.82284,-1.92913 -7.42716,-2.99015 -0.4823,-0.19291 -5.01576,3.08661 -5.40158,3.37598 l -7.90945,6.36613 c -1.83268,1.73622 -0.19291,3.27953 2.31496,2.21851 z"
-           style="stroke-width:0.964566" />
-        <ellipse
-           id="circle28-3"
-           class="st0"
-           cx="123.42634"
-           cy="120.26041"
-           rx="9.645668"
-           ry="9.6456566"
-           style="stroke-width:0.964566" />
+        <g
+           id="g7383"
+           transform="matrix(1.0300991,0,0,1.0300991,3.770254,-1.2763086)">
+          <path
+             id="path6"
+             d="m 136.06214,99.13643 c -0.8681,0.09646 -1.83266,0 -2.70078,-0.289369 L 99.794436,89.780144 c -0.868109,-0.28937 -1.736218,-0.675196 -2.507872,-1.157479 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path8"
+             class="st0"
+             d="m 85.036565,156.14226 c 1.919127,0.0226 3.842264,-0.048 5.758577,0.0407 1.109916,0.0647 2.081695,0.96893 2.125517,2.09821 0.05763,2.83895 0.0096,5.68171 0.02535,8.52216 0.0387,0.72125 -1.165534,0.55433 -1.656924,0.86227 -2.84639,0.78316 -5.867198,1.08468 -8.793555,0.62567 -2.484003,-0.4206 -4.607002,-2.18507 -5.651194,-4.45399 -1.332604,-2.83308 -1.546544,-6.07759 -1.21852,-9.15366 0.293175,-2.57048 1.448442,-5.0874 3.473195,-6.74732 2.184175,-1.91934 5.23662,-2.62252 8.078891,-2.19703 2.061965,0.25939 4.063024,1.01333 5.768107,2.20419 -0.194486,1.20116 -0.887464,2.34273 -1.929135,2.99015 -1.865545,-1.36891 -4.253598,-2.12198 -6.568068,-1.87184 -2.02236,0.3166 -3.762605,1.87404 -4.283558,3.85841 -0.666251,2.35645 -0.668458,4.88015 -0.252316,7.28143 0.337055,1.92315 1.48217,3.89047 3.44592,4.49149 1.860151,0.60901 3.846702,0.22762 5.72889,-0.0627 0.02323,-1.64043 -0.05713,-3.28547 0.06461,-4.92211 0.04478,-0.38456 -0.694745,-0.10524 -1.004029,-0.19009 -1.009365,-0.0553 -2.115945,0.1939 -3.015314,-0.38583 -0.860219,-0.80391 -0.327291,-2.03804 -0.09646,-2.99015 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path10"
+             class="st0"
+             d="m 109.82594,166.17374 c -0.0965,0.38583 -0.28937,0.77165 -0.57875,1.15748 -0.19291,0.38583 -0.48228,0.6752 -0.77164,0.86811 -1.25394,-0.0965 -2.31497,-0.77165 -2.99017,-1.92913 -1.15748,1.25393 -2.89369,2.02559 -4.62991,2.02559 -1.639774,0 -2.893709,-0.48229 -3.76182,-1.44685 -0.771653,-0.96457 -1.253937,-2.12205 -1.253937,-3.37598 0,-1.83268 0.57874,-3.18307 1.736221,-4.05118 1.350393,-0.96456 2.893706,-1.44685 4.533456,-1.35039 0.96458,0 1.92914,0 2.79726,0.0965 v -0.96457 c 0,-1.73622 -0.77166,-2.50787 -2.41143,-2.50787 -1.15747,0 -2.797241,0.38583 -4.919286,1.15748 -0.675197,-0.77165 -1.061024,-1.83268 -1.061024,-2.8937 2.218503,-0.96456 4.53347,-1.44685 6.94488,-1.44685 1.44686,-0.0965 2.79725,0.38583 3.95473,1.3504 0.96457,0.86811 1.5433,2.2185 1.5433,4.05117 v 6.55905 c -0.0965,1.44685 0.19291,2.2185 0.86812,2.70078 z m -8.10237,-0.77165 c 1.25394,-0.0965 2.41142,-0.57874 3.18308,-1.54331 v -2.79724 c -0.77166,-0.0965 -1.63977,-0.0965 -2.41143,-0.0965 -0.77165,-0.0965 -1.44684,0.19291 -2.02558,0.67519 -0.482291,0.48229 -0.675204,1.06103 -0.675204,1.73622 0,0.57874 0.192913,1.15748 0.578744,1.63976 0.38583,0.19292 0.86811,0.38583 1.35039,0.38583 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path12"
+             class="st0"
+             d="m 112.43026,153.92376 c 0.0965,-0.38583 0.28937,-0.77165 0.57874,-1.15748 0.19292,-0.38583 0.48229,-0.6752 0.77165,-0.86811 1.63976,0.19291 2.8937,1.35039 3.37599,2.8937 0.86811,-1.92913 2.2185,-2.8937 4.14764,-2.8937 0.57874,0 1.25392,0.0965 1.83267,0.19291 0,1.3504 -0.28937,2.60433 -0.96456,3.76181 -0.48229,-0.0965 -0.96457,-0.19291 -1.44685,-0.19291 -1.3504,0 -2.31496,0.67519 -3.18308,2.12204 v 10.2244 c -0.67519,0.0965 -1.35039,0.19291 -1.92914,0.19291 -0.67518,0 -1.35038,-0.0965 -2.02558,-0.19291 v -10.80314 c 0,-1.5433 -0.38582,-2.60433 -1.15748,-3.27952 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path14"
+             class="st0"
+             d="m 138.08774,166.17374 c -0.0965,0.38583 -0.28937,0.77165 -0.57874,1.15748 -0.19291,0.38583 -0.48228,0.6752 -0.77165,0.86811 -1.25394,-0.0965 -2.31496,-0.77165 -2.99017,-1.92913 -1.15747,1.25393 -2.89369,2.02559 -4.62992,2.02559 -1.63975,0 -2.8937,-0.48229 -3.7618,-1.44685 -0.77166,-0.96457 -1.25394,-2.12205 -1.25394,-3.37598 0,-1.83268 0.57874,-3.18307 1.73622,-4.05118 1.25393,-0.96456 2.8937,-1.44685 4.43701,-1.35039 0.96456,0 1.92914,0 2.79724,0.0965 v -0.96457 c 0,-1.73622 -0.77164,-2.50787 -2.41142,-2.50787 -1.15748,0 -2.79724,0.38583 -4.91929,1.15748 -0.6752,-0.77165 -1.06102,-1.83268 -1.06102,-2.8937 2.2185,-0.96456 4.53346,-1.44685 6.94488,-1.44685 1.44685,-0.0965 2.79725,0.38583 3.95473,1.3504 0.96456,0.86811 1.5433,2.2185 1.5433,4.05117 v 6.55905 c 0,1.44685 0.38583,2.2185 0.96457,2.70078 z m -8.10236,-0.77165 c 1.25393,-0.0965 2.41142,-0.57874 3.18307,-1.54331 v -2.79724 c -0.77165,-0.0965 -1.63977,-0.0965 -2.41142,-0.0965 -0.77165,-0.0965 -1.44686,0.19291 -2.02559,0.67519 -0.48228,0.48229 -0.67519,1.06103 -0.67519,1.73622 0,0.57874 0.19291,1.15748 0.57874,1.63976 0.38582,0.19292 0.8681,0.38583 1.35039,0.38583 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path16"
+             class="st0"
+             d="m 142.04247,166.07729 c -0.96457,-1.44685 -1.44686,-3.47244 -1.44686,-6.07677 0,-2.60433 0.57875,-4.62991 1.83268,-6.07676 1.06103,-1.35039 2.70079,-2.2185 4.43701,-2.2185 1.63977,0 3.18307,0.57874 4.34055,1.63976 0.57874,-0.77165 1.54332,-1.25394 2.50787,-1.35039 0.38583,0.19291 0.6752,0.57874 0.86812,0.86811 0.19291,0.38582 0.38583,0.67519 0.57874,1.15747 -0.57874,0.48229 -0.86812,1.44685 -0.86812,2.79725 v 9.06691 c 0,3.37598 -0.57874,5.7874 -1.63975,7.23424 -1.06103,1.44685 -2.99017,2.12205 -5.49804,2.12205 -1.92914,0 -3.95472,-0.38583 -5.7874,-1.06102 0,-1.06103 0.28937,-2.12205 0.96457,-2.8937 1.35039,0.6752 2.79724,0.96457 4.34054,0.96457 1.44686,0 2.41143,-0.38583 2.89371,-1.06103 0.57874,-0.86811 0.86811,-1.92913 0.77165,-2.99015 v -1.25394 c -1.15748,0.96457 -2.50787,1.54331 -4.05118,1.54331 -1.73622,-0.0965 -3.37599,-0.96457 -4.24409,-2.41141 z m 8.19882,-2.60433 v -7.42716 c -0.6752,-0.77165 -1.73622,-1.25393 -2.79725,-1.35039 -0.86811,0 -1.73621,0.57874 -2.12205,1.35039 -0.57874,1.25394 -0.86811,2.60433 -0.77165,3.95472 0,1.73622 0.19291,2.99016 0.67519,3.76181 0.28938,0.67519 1.06103,1.15748 1.83268,1.25393 1.3504,0 2.50788,-0.57874 3.18308,-1.5433 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path26"
+             class="st3"
+             d="m 136.73735,113.02618 18.42323,-7.42716 c 0.38583,-0.19291 0.57874,-0.57874 0.48228,-1.06102 -0.0965,-0.19292 -0.19291,-0.38583 -0.48228,-0.48229 -2.12204,-0.8681 -4.82284,-1.92913 -7.42716,-2.99015 -0.4823,-0.19291 -5.01576,3.08661 -5.40158,3.37598 l -7.90945,6.36613 c -1.83268,1.73622 -0.19291,3.27953 2.31496,2.21851 z"
+             style="stroke-width:0.964566" />
+          <ellipse
+             id="circle28"
+             class="st3"
+             cx="123.42634"
+             cy="120.26041"
+             rx="9.645668"
+             ry="9.6456566"
+             style="stroke-width:0.964566" />
+          <path
+             id="path6-0"
+             d="m 136.06214,99.13643 c -0.8681,0.09646 -1.83266,0 -2.70078,-0.289369 L 99.794436,89.780144 c -0.868109,-0.28937 -1.736218,-0.675196 -2.507872,-1.157479 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path18-7"
+             class="st0"
+             d="m 170.6901,161.35091 h -8.97047 c 0,1.06103 0.28937,2.02559 0.86811,2.8937 0.48228,0.6752 1.35039,1.06102 2.60432,1.06102 1.44686,-0.0965 2.89371,-0.48228 4.2441,-1.15748 0.6752,0.6752 1.06102,1.54331 1.15748,2.41142 -1.83267,1.25393 -3.95472,1.92913 -6.17323,1.83267 -2.41141,0 -4.14764,-0.77165 -5.20865,-2.31495 -1.06104,-1.54331 -1.54331,-3.5689 -1.54331,-6.07677 0,-2.50787 0.57873,-4.53346 1.73622,-6.07676 1.15747,-1.54331 2.99015,-2.41142 4.91928,-2.31496 2.12206,0 3.76182,0.6752 4.9193,1.92913 1.15748,1.35039 1.83267,3.08661 1.73622,4.91929 0,0.96456 -0.0965,1.92913 -0.28937,2.89369 z m -6.17323,-6.84841 c -1.73622,0 -2.70079,1.35039 -2.79724,3.95472 h 5.59448 v -0.38583 c 0,-0.86811 -0.19292,-1.83267 -0.67519,-2.60433 -0.48228,-0.67519 -1.3504,-0.96456 -2.12205,-0.96456 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path24-3-6-9"
+             class="st4"
+             d="m 123.0405,70.199461 c -1.44685,0 -2.89371,0.28937 -4.14765,0.868109 L 76.259006,89.973057 c -0.771652,0.289369 -1.157479,1.253935 -0.868109,2.025588 0,0 0,0 0,0 0,0.09646 0,0.09646 0.09646,0.192913 l 6.848424,13.503922 h 5.980314 l -0.86811,-4.72638 c -0.09646,-0.38582 -0.675197,-3.086605 -1.253937,-5.015736 l 19.966532,6.269676 c 0.28937,1.25394 0.57874,2.41141 1.06103,3.47244 h 32.31298 c 0.38582,-1.06103 0.67519,-2.2185 0.86811,-3.47244 l 19.87007,-6.17322 c -0.57873,1.929131 -1.15747,4.62992 -1.25393,5.01574 l -0.86812,4.72637 h 5.98032 l 6.75197,-13.407459 0.0965,-0.09646 0.0965,-0.192913 c 0,0 0,0 0,0 0.0965,-0.192913 0.0965,-0.28937 0.0965,-0.482283 0,-0.675196 -0.38583,-1.253935 -0.96457,-1.543305 l -42.6339,-18.905486 c -1.54332,-0.675196 -2.99017,-1.061022 -4.53347,-0.964566 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path24-3-2"
+             class="st0"
+             d="m 123.0405,79.073465 c -1.44685,0 -2.89371,0.28937 -4.14765,0.868109 L 76.259006,98.847061 c -0.771652,0.289369 -1.157479,1.253939 -0.868109,2.025589 0,0 0,0 0,0 0,0.0965 0,0.0965 0.09646,0.19291 l 3.665353,7.3307 h 7.909449 c -0.289371,-1.06102 -0.578742,-2.31496 -0.964568,-3.56889 l 11.285433,3.56889 h 51.507866 l 11.28542,-3.56889 c -0.38581,1.15748 -0.67518,2.50787 -0.96455,3.56889 h 7.90943 l 3.66536,-7.23424 0.0965,-0.0965 0.0965,-0.19291 c 0,0 0,0 0,0 0.0965,-0.19291 0.0965,-0.28937 0.0965,-0.48228 0,-0.6752 -0.38582,-1.25394 -0.96457,-1.543309 L 127.47751,79.941574 c -1.44686,-0.578739 -2.89371,-0.868109 -4.43701,-0.868109 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path24-0"
+             class="st4"
+             d="m 171.07592,109.45728 c 0,0.19292 0,0.28937 -0.0965,0.48229 0,0 0,0 0,0 l -0.0965,0.19291 v 0 l -0.0965,0.0965 -10.32087,20.44879 c -1.44684,2.79724 -4.05116,2.70078 -3.66533,-0.0965 l 2.12203,-11.57479 c 0.0965,-0.38582 0.6752,-3.08661 1.25394,-5.01574 l -19.87014,6.17322 c -3.08661,20.35234 -29.90156,20.64171 -34.24212,0 L 86.0974,113.89428 c 0.578741,1.92914 1.157481,4.62992 1.253938,5.01575 l 2.122046,11.57478 c 0.482284,2.8937 -2.218503,2.99016 -3.665353,0.0965 L 75.390897,110.03602 c 0,-0.0964 -0.09646,-0.0964 -0.09646,-0.19291 -0.385827,-0.77165 0,-1.73622 0.771653,-2.02559 0,0 0,0 0,0 l 42.63386,-18.905486 c 2.70078,-1.157478 5.88385,-1.157478 8.58464,0 l 42.63385,18.905486 c 0.77166,0.38583 1.15748,0.96457 1.15748,1.63976 z"
+             style="stroke-width:0.964566" />
+          <path
+             id="path26-2"
+             class="st0"
+             d="m 136.73735,113.02618 18.42323,-7.42716 c 0.38583,-0.19291 0.57874,-0.57874 0.48228,-1.06102 -0.0965,-0.19292 -0.19291,-0.38583 -0.48228,-0.48229 -2.12204,-0.8681 -4.82284,-1.92913 -7.42716,-2.99015 -0.4823,-0.19291 -5.01576,3.08661 -5.40158,3.37598 l -7.90945,6.36613 c -1.83268,1.73622 -0.19291,3.27953 2.31496,2.21851 z"
+             style="stroke-width:0.964566" />
+          <ellipse
+             id="circle28-3"
+             class="st0"
+             cx="123.42634"
+             cy="120.26041"
+             rx="9.645668"
+             ry="9.6456566"
+             style="stroke-width:0.964566" />
+        </g>
       </g>
     </g>
   </g>
diff --git a/static/js/site.js b/static/js/site.js
index 4b64425..f764289 100755
--- a/static/js/site.js
+++ b/static/js/site.js
@@ -1,5 +1,7 @@
 "use strict";
 
+var indexScriptLoaded = false;
+
 function debounce(func, wait) {
   var timeout;
 
@@ -110,17 +112,12 @@ function makeTeaser(body, terms) {
 
 function formatSearchResultItem(item, terms) {
   return (
-    `<article class='box'>` +
-    `<h1 class='title'>` +
-    `<a class='link' class='link' href='${item.ref}'>${item.doc.title}</a>` +
-    `</h1>` +
-    `<div class='content mt-2'>` +
-    `${makeTeaser(item.doc.body, terms)}` +
-    `<a href='${item.ref}'>` +
-    `Read More <span class="icon is-small"><i class="fas fa-arrow-right fa-xs"></i></span>` +
-    `</a>` +
-    `</div>` +
-    `</article>`
+    `<a href='${item.ref}' class='group flex flex-col space-y-2 hover:bg-gray-100 p-2 rounded'>` +
+      `<h1 class='text-garage-orange font-semibold'>` + `${item.doc.title}` + `</h1>` +
+      `<div class='content mt-2'>` +
+        `${makeTeaser(item.doc.body, terms)}` +
+      `</div>` +
+    `</a>`
   );
 }
 
@@ -168,4 +165,82 @@ function search() {
       }
     }, 150)
   );
+}
+
+function openSearchModal() {
+  if (indexScriptLoaded === false) {
+    var indexScript = document.createElement('script');
+    indexScript.setAttribute('src', './search_index.en.js');
+    document.head.appendChild(indexScript);
+    indexScriptLoaded = true;
+  }
+  document.getElementById('search-modal').classList.remove('hidden');
+  document.getElementById('search').focus();
+  document.getElementById('search').select();
+}
+
+function closeSearchModal() {
+  document.getElementById('search-modal').classList.add('hidden');
+}
+
+function documentReadyCallback() {
+
+  if (localStorage.getItem("theme") === "dark") {
+    document.body.setAttribute("theme", "dark");
+    document.querySelectorAll("img, picture, video, pre").forEach(img => img.setAttribute("theme", "dark"));
+    document.querySelectorAll(".vimeo, .youtube, .chart").forEach(video => video.setAttribute("theme", "dark"));
+    document.getElementById("dark-mode").setAttribute("title", "Switch to light theme");
+  }
+
+  document.addEventListener('click', function(ev) {
+    if (ev.target.matches('#nav-search-btn') || ev.target.matches('#nav-search-btn-icon')) {
+      openSearchModal();
+    }
+    else if (ev.target.matches('#close-modal-btn')
+    || ev.target.matches('#close-modal-btn-icon')
+    || !ev.target.closest('#search-modal')) {
+      closeSearchModal();
+    }
+  });
+
+  document.addEventListener('keydown', function(event) {
+    if (event.altKey && event.key === 's') {
+      if (document.getElementById('search-modal').classList.contains('hidden')) {
+        openSearchModal();
+      } else {
+        closeSearchModal();
+      }
+    }
+  });
+
+  document.addEventListener('keyup', function(ev) {
+    if (ev.key === "Escape") {
+      closeSearchModal();
+    }
+  });
+
+  document.getElementById("search").addEventListener("keyup", () => {
+    search();
+  });
+
+  if (typeof mermaid !== "undefined") {
+    mermaid.initialize({ startOnLoad: true });
+  }
+
+  if (typeof renderMathInElement !== "undefined") {
+    renderMathInElement(document.body, {
+      delimiters: [
+        { left: '$$', right: '$$', display: true },
+        { left: '$', right: '$', display: false },
+        { left: '\\(', right: '\\)', display: false },
+        { left: '\\[', right: '\\]', display: true }
+      ]
+    });
+  }
+};
+
+if (document.readyState === 'loading') {  // Loading hasn't finished yet
+  document.addEventListener('DOMContentLoaded', documentReadyCallback);
+} else {  // `DOMContentLoaded` has already fired
+  documentReadyCallback();
 }
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 0a515b8..0d3f330 100755
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,7 @@
 module.exports = {
   content: [
-    "./templates/**/*.html"
+    "./templates/**/*.html",
+    "./static/js/site.js",
   ],
   theme: {
     extend: {
diff --git a/templates/base.html b/templates/base.html
index 1e44aa7..8170b44 100755
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,206 +1,70 @@
 {% import 'macros.html' as macros %}
 
 <!DOCTYPE html>
-<html lang="{{lang}}">
+<html lang="{{ lang }}">
 
 <head>
     <meta charset="utf-8" />
     <meta content="width=device-width, initial-scale=1" name="viewport" />
-    <meta content="#ffffff" name="theme-color" />
-    <meta content="#da532c" name="msapplication-TileColor" />
-
-    {% if config.extra.favicon.webmanifest %}
-    <link href='{{ config.extra.favicon.webmanifest }}' rel="manifest" />
-    {% endif %}
-    {% if config.extra.favicon.safari_pinned_tab %}
-    <link color="#5bbad5" href='{{ config.extra.favicon.safari_pinned_tab }}' rel="mask-icon" />
-    {% endif %}
-    {% if config.extra.favicon.favicon_16x16 %}
-    <link href='{{ config.extra.favicon.favicon_16x16 }}' rel="icon" sizes="16x16" type="image/png" />
-    {% endif %}
-    {% if config.extra.favicon.favicon_32x32 %}
-    <link href='{{ config.extra.favicon.favicon_32x32 }}' rel="icon" sizes="32x32" type="image/png" />
-    {% endif %}
-    {% if config.extra.favicon.apple_touch_icon %}
-    <link href='{{ config.extra.favicon.apple_touch_icon }}' rel="apple-touch-icon" sizes="180x180" />
-    {% endif %}
-
-    {% if config.extra.galleria.enabled %}
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/galleria@1.6.1/dist/themes/folio/galleria.folio.min.css"
-        integrity="sha384-+rY0QD+LRnTOquDMzGa9lXU6jIwdiQuwCJQ2cdcW0qeP/0UbjQCZlXnRsUMA+9pH" crossorigin="anonymous">
-    {% endif %}
-
-    {% if config.extra.mapbox.enabled %}
-    <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/v2.6.1/mapbox-gl.css"
-        integrity="sha384-oGm59HWAkwO32h2w8u0B98wKBZJwd6MbWtAJwQKCTffZjOXHXrnyv9Syjovgc+UV" crossorigin="anonymous">
-    {% endif %}
-
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1.9.1/css/academicons.min.css"
-        integrity="sha384-FIue+PI4SsI9XfHCz8dBLg33b0c1fMJgNU3X//L26FYbGnlSEfWmNT7zgWc2N9b6" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css"
-        integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
-    <link href="{{ get_url(path='style.css') }}" rel="stylesheet" />
-
-    {% block user_custom_stylesheet %}
-    {% endblock %}
-
-    <title>
-        {% block title %}
-        {{ config.title }}
-        {% endblock title %}
-    </title>
-
-    {% if config.extra.katex.enabled %}
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.css"
-        integrity="sha384-R4558gYOUz8mP9YWpZJjofhk+zx0AS11p36HnD2ZKj/6JR5z27gSSULCNHIRReVs" crossorigin="anonymous">
-    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.js"
-        integrity="sha384-z1fJDqw8ZApjGO3/unPWUPsIymfsJmyrDVWC8Tv/a1HeOtGmkwNd/7xUS0Xcnvsx"
-        crossorigin="anonymous"></script>
-
-    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/contrib/mathtex-script-type.min.js"
-        integrity="sha384-jiBVvJ8NGGj5n7kJaiWwWp9AjC+Yh8rhZY3GtAX8yU28azcLgoRo4oukO87g7zDT"
-        crossorigin="anonymous"></script>
-    {% if config.extra.katex.auto_render %}
-    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/contrib/auto-render.min.js"
-        integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR"
-        crossorigin="anonymous"></script>
-    {% endif %}
-    {% endif %}
+    {% include "partials/shared/head.html" %}
 </head>
 
 <body class="has-background-white">
-    <nav aria-label="section navigation" class="navbar w-full" role="navigation">
-        <div class="w-full flex flex-col space-y-2 md:space-y-0 md:flex-row items-center justify-between py-1 px-8 text-garage-gray bg-garage-orange bg-opacity-20">
-            <div class="navbar-brand">
-                <a class="hover:rounded-full hover:bg-white" href="{{config.base_url}}">
-                    <img class="transform duration-150 focus:bg-white hover:bg-white hover:shadow rounded-lg hover:scale-90"
-                        src="{{ config.extra.organization.logo }}" width="65px">
-                </a>
-                <a aria-expanded="false" aria-label="menu" data-target="navMenu" role="button">
-                    <span aria-hidden="true"></span>
-                    <span aria-hidden="true"></span>
-                    <span aria-hidden="true"></span>
-                </a>
-            </div>
-            <div class="navbar-menu" id="navMenu">
-                <div class="flex items-center justify-center">
-                    {% for item in config.extra.navbar_items %}
-                        {% if lang == item.code %}
-                            {% for nav in item.nav_items %}
-                            <a class="font-semibold focus:bg-white hover:bg-white hover:shadow px-4 py-2 rounded-lg"
-                                href="{{ nav.url | replace(from='$BASE_URL', to=config.base_url) }}">
-                                {{ nav.name }}
-                            </a>
-                            {% endfor %}
-                        {% endif %}
-                    {% endfor %}
-                    <button type="button" class="focus:bg-white hover:bg-white hover:shadow px-4 py-2 rounded-lg" id="nav-search" title="Search">
-                        <span class="icon">
-                            <i class="fas fa-search"></i>
-                        </span>
-                    </button>
-                </div>
-            </div>
-        </div>
-    </nav>
+
+    {% include "partials/shared/nav.html" %}
 
     <div>
         {% block content %}{% endblock %}
     </div>
 
-
-    {% block pagination %}
-    {% if paginator.previous or paginator.next %}
-    <section class="section">
-        <div class="container max-w-5xl mx-auto flex items-center justify-center">
-            <nav class="pagination flex items-center my-12 text-garage-gray" role="navigation" aria-label="pagination">
-                {% if paginator.previous %}
-                <a class="flex items-center justify-center space-x-2 hover:text-garage-orange"
-                    href='{{ paginator.previous }}' {% if not paginator.previous %}disabled{% endif %}>
-                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
-                        xmlns="http://www.w3.org/2000/svg">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                            d="M7 16l-4-4m0 0l4-4m-4 4h18"></path>
-                    </svg>
-                    <span>Prev</span>
-                </a>
-                {% endif %}
-                <ul class="flex space-x-4 px-4">
-                    {% for pager in range(start=1, end=paginator.number_pagers+1) %}
-                    <li>
-                        <a class="font-semibold inline-flex items-center justify-center h-7 w-7 rounded hover:shadow hover:bg-garage-orange bg-garage-gray bg-opacity-20 border-b-2 {% if paginator.current_index == pager %}border-garage-orange{% else %}border-transparent{% endif %}"
-                            href='{{ paginator.base_url }}{{pager}}' aria-label="Goto page {{pager}}">
-                            {{pager}}
-                        </a>
-                    </li>
-                    {% endfor %}
-                </ul>
-                {% if paginator.next %}
-                <a class="flex items-center justify-center space-x-2 hover:text-garage-orange"
-                    href='{{ paginator.next }}' {% if not paginator.next %}disabled{% endif %}>
-                    <span>Next</span>
-                    <svg class="mt-0.5 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
-                        xmlns="http://www.w3.org/2000/svg">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                            d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
-                    </svg>
-                </a>
-                {% endif %}
-            </nav>
+    {% block search %}
+    <section id="search-modal" class="modal hidden bg-gray-50 w-5/6 md:w-4/5 lg:w-3/4 xl:w-2/3 2xl:w-1/2 absolute top-20 left-1/2 transform -translate-x-1/2 shadow-xl rounded-lg">
+        <div class="p-2 md:p-4 xl:p-8">
+            <section class="relative flex flex-col items-center justify-center">
+                <div class="field mt-8 md:mt-0 mb-2">
+                    <div class="control">
+                        <input
+                        id="search"
+                        class="p-2 md:p-4 shadow rounded-lg outline-2 focus:outline outline-garage-orange"
+                        placeholder="Search on Garage..." type="search" />
+                    </div>
+                </div>
+                <div class="search-results hidden mt-8 p-2 md:p-4 w-full bg-white rounded shadow">
+                    <div class="search-results__items max-h-96 overflow-y-scroll p-2 md:p-4"></div>
+                </div>
+            </section>
+            <button aria-label="close" id="close-modal-btn" class="absolute top-2 right-2 flex items-center group rounded-full shadow-inner bg-gray-300 border border-transparent hover:border-gray-500 bg-opacity-50 p-2">
+                <svg id="close-modal-btn-icon" class="w-6 h-6 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
+                <small class="text-xs text-gray-400">(Esc)</small>
+            </button>
         </div>
     </section>
-    {% endif %}
     {% endblock %}
 
-    {% block comment %}
+    {% block pagination %}
+    {% include "partials/shared/paginator.html" %}
     {% endblock %}
 
-    <footer class="py-4 bg-garage-orange bg-opacity-20">
-        <div class="content has-text-centered flex flex-col items-center justify-center">
-            <p>
-                {{ macros:: social_links( social_config=config.extra.social) }}
-            </p>
-            <p class="text-gray-600 py-2">
-                Powered by <a href="https://www.getzola.org" target="_blank"
-                    class="font-semibold hover:text-garage-orange">Zola</a>
-            </p>
-        </div>
-    </footer>
+    {% block comment %}{% endblock %}
+
+    {% include "partials/shared/footer.html" %}
 
-    {% if config.extra.galleria.enabled %}
-    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"
-        integrity="sha384-vtXRMe3mGCbOeY7l30aIg8H9p3GdeSe4IFlP6G8JMa7o7lXvnz3GFKzPxzJdPfGK"
-        crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/galleria@1.6.1/dist/galleria.min.js"
-        integrity="sha384-QSfwGT8/EU536DKdtyP2D6SLlh8zBaZ0cVkwfrwhqzIU9VCfJT00CLVP5t+HAiYg"
-        crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/galleria@1.6.1/dist/themes/folio/galleria.folio.min.js"
-        integrity="sha384-DwpKI+deZB267+hPKwiOIc5Y2GKsVL0mR6hgz7GgIu7AgAMYqJwcJKY1YBNfhWcY"
-        crossorigin="anonymous"></script>
-    {% endif %}
     {% if config.extra.mermaid.enabled %}
     <script src="https://cdn.jsdelivr.net/npm/mermaid@8.13.5/dist/mermaid.min.js"
         integrity="sha384-0yWn54pSGtfKCU+skfA69l25VsCw+MZt4LQov3xNRoS7YkAMrFokGgSBnAWSK4pv"
         crossorigin="anonymous"></script>
     {% endif %}
-    {% if config.extra.chart.enabled %}
-    <script src="https://cdn.jsdelivr.net/npm/chart.xkcd@1.1.13/dist/chart.xkcd.min.js"
-        integrity="sha384-xC3h1+IHXK8seA+8KfT79Z4e0GPsznjXBoMa5nd8ooWKplPyXx92NOmljWxLC/cs"
-        crossorigin="anonymous"></script>
-    {% endif %}
+
     <script src="{{ get_url(path='elasticlunr.min.js') }}"></script>
-    <script src="{{ get_url(path='search_index.' ~ lang ~ '.js') }}"></script>
+    <!-- <script src="{{ get_url(path='search_index.' ~ lang ~ '.js') }}"></script> -->
     {%- if lang != "en" -%}
-    {%- block other_lang_search_js -%}
-    {%- endblock -%}
+    {%- block other_lang_search_js -%}{%- endblock -%}
     {%- endif -%}
     <script src="{{ get_url(path='js/site.js') }}"></script>
 
-    {% block custom_js %}
-    {% endblock %}
+    {% block custom_js %}{% endblock %}
 
-    {% block user_custom_js %}
-    {% endblock %}
+    {% block user_custom_js %}{% endblock %}
 </body>
 
 </html>
\ No newline at end of file
diff --git a/templates/partials/shared/footer.html b/templates/partials/shared/footer.html
new file mode 100644
index 0000000..de58caf
--- /dev/null
+++ b/templates/partials/shared/footer.html
@@ -0,0 +1,11 @@
+<footer class="py-4 bg-garage-orange bg-opacity-20">
+    <div class="content has-text-centered flex flex-col items-center justify-center">
+        <p>
+            {{ macros:: social_links( social_config=config.extra.social) }}
+        </p>
+        <p class="text-gray-600 py-2">
+            Powered by <a href="https://www.getzola.org" target="_blank"
+                class="font-semibold hover:text-garage-orange">Zola</a>
+        </p>
+    </div>
+</footer>
\ No newline at end of file
diff --git a/templates/partials/shared/head.html b/templates/partials/shared/head.html
new file mode 100644
index 0000000..185a97b
--- /dev/null
+++ b/templates/partials/shared/head.html
@@ -0,0 +1,50 @@
+{% if config.extra.favicon.webmanifest %}
+    <link href='{{ config.extra.favicon.webmanifest }}' rel="manifest" />
+{% endif %}
+{% if config.extra.favicon.safari_pinned_tab %}
+    <link color="#5bbad5" href='{{ config.extra.favicon.safari_pinned_tab }}' rel="mask-icon" />
+{% endif %}
+{% if config.extra.favicon.favicon_16x16 %}
+    <link href='{{ config.extra.favicon.favicon_16x16 }}' rel="icon" sizes="16x16" type="image/png" />
+{% endif %}
+{% if config.extra.favicon.favicon_32x32 %}
+    <link href='{{ config.extra.favicon.favicon_32x32 }}' rel="icon" sizes="32x32" type="image/png" />
+{% endif %}
+{% if config.extra.favicon.apple_touch_icon %}
+    <link href='{{ config.extra.favicon.apple_touch_icon }}' rel="apple-touch-icon" sizes="180x180" />
+{% endif %}
+
+{% if config.extra.galleria.enabled %}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/galleria@1.6.1/dist/themes/folio/galleria.folio.min.css"
+    integrity="sha384-+rY0QD+LRnTOquDMzGa9lXU6jIwdiQuwCJQ2cdcW0qeP/0UbjQCZlXnRsUMA+9pH" crossorigin="anonymous">
+{% endif %}
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/all.min.css"
+    integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
+    
+<link href="{{ get_url(path='style.css') }}" rel="stylesheet" />
+
+{% block user_custom_stylesheet %}{% endblock %}
+
+<title>
+    {% block title %}
+        {{ config.title }}
+    {% endblock title %}
+</title>
+
+{% if config.extra.katex.enabled %}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.css"
+        integrity="sha384-R4558gYOUz8mP9YWpZJjofhk+zx0AS11p36HnD2ZKj/6JR5z27gSSULCNHIRReVs" crossorigin="anonymous">
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/katex.min.js"
+        integrity="sha384-z1fJDqw8ZApjGO3/unPWUPsIymfsJmyrDVWC8Tv/a1HeOtGmkwNd/7xUS0Xcnvsx"
+        crossorigin="anonymous"></script>
+
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/contrib/mathtex-script-type.min.js"
+        integrity="sha384-jiBVvJ8NGGj5n7kJaiWwWp9AjC+Yh8rhZY3GtAX8yU28azcLgoRo4oukO87g7zDT"
+        crossorigin="anonymous"></script>
+    {% if config.extra.katex.auto_render %}
+        <script defer src="https://cdn.jsdelivr.net/npm/katex@0.15.1/dist/contrib/auto-render.min.js"
+            integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR"
+            crossorigin="anonymous"></script>
+    {% endif %}
+{% endif %}
\ No newline at end of file
diff --git a/templates/partials/shared/nav.html b/templates/partials/shared/nav.html
new file mode 100644
index 0000000..2489bf6
--- /dev/null
+++ b/templates/partials/shared/nav.html
@@ -0,0 +1,31 @@
+<nav aria-label="section navigation" class="navbar w-full" role="navigation">
+    <div class="w-full flex flex-col space-y-2 md:space-y-0 md:flex-row items-center justify-between py-1 px-8 text-garage-gray bg-garage-orange bg-opacity-20">
+        <div class="navbar-brand">
+            <a class="hover:rounded-full hover:bg-white" href="{{config.base_url}}">
+                <img class="transform duration-150 focus:bg-white hover:bg-white hover:shadow rounded-lg hover:scale-90"
+                    src="{{ config.extra.organization.logo }}" width="65px">
+            </a>
+        </div>
+        <div class="navbar-menu" id="navMenu">
+            <div class="flex items-center justify-center">
+                {% for item in config.extra.navbar_items %}
+                    {% if lang == item.code %}
+                        {% for nav in item.nav_items %}
+                        <a class="font-semibold focus:bg-white hover:bg-white hover:shadow px-4 py-2 rounded-lg"
+                            href="{{ nav.url | replace(from='$BASE_URL', to=config.base_url) }}">
+                            {{ nav.name }}
+                        </a>
+                        {% endfor %}
+                    {% endif %}
+                {% endfor %}
+                <button
+                    id="nav-search-btn"
+                    type="button"
+                    title="Open Search (alt + S)"
+                    class="focus:bg-white hover:bg-white hover:shadow px-4 py-2 rounded-lg">
+                    <svg id="nav-search-btn-icon" class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
+                </button>
+            </div>
+        </div>
+    </div>
+</nav>
\ No newline at end of file
diff --git a/templates/partials/shared/paginator.html b/templates/partials/shared/paginator.html
new file mode 100644
index 0000000..470d411
--- /dev/null
+++ b/templates/partials/shared/paginator.html
@@ -0,0 +1,40 @@
+{% if paginator.previous or paginator.next %}
+<section class="section">
+    <div class="container max-w-5xl mx-auto flex items-center justify-center">
+        <nav class="pagination flex items-center my-12 text-garage-gray" role="navigation" aria-label="pagination">
+            {% if paginator.previous %}
+            <a class="flex items-center justify-center space-x-2 hover:text-garage-orange"
+                href='{{ paginator.previous }}' {% if not paginator.previous %}disabled{% endif %}>
+                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M7 16l-4-4m0 0l4-4m-4 4h18"></path>
+                </svg>
+                <span>Prev</span>
+            </a>
+            {% endif %}
+            <ul class="flex space-x-4 px-4">
+                {% for pager in range(start=1, end=paginator.number_pagers+1) %}
+                <li>
+                    <a class="font-semibold inline-flex items-center justify-center h-7 w-7 rounded hover:shadow hover:bg-garage-orange bg-garage-gray bg-opacity-20 border-b-2 {% if paginator.current_index == pager %}border-garage-orange{% else %}border-transparent{% endif %}"
+                        href='{{ paginator.base_url }}{{pager}}' aria-label="Goto page {{pager}}">
+                        {{pager}}
+                    </a>
+                </li>
+                {% endfor %}
+            </ul>
+            {% if paginator.next %}
+            <a class="flex items-center justify-center space-x-2 hover:text-garage-orange" href='{{ paginator.next }}'
+                {% if not paginator.next %}disabled{% endif %}>
+                <span>Next</span>
+                <svg class="mt-0.5 w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3">
+                    </path>
+                </svg>
+            </a>
+            {% endif %}
+        </nav>
+    </div>
+</section>
+{% endif %}
\ No newline at end of file
diff --git a/templates/shortcodes/chart.html b/templates/shortcodes/chart.html
deleted file mode 100755
index 539aeea..0000000
--- a/templates/shortcodes/chart.html
+++ /dev/null
@@ -1 +0,0 @@
-<svg class="chart">{{body | safe}}</svg>
diff --git a/templates/shortcodes/galleria.html b/templates/shortcodes/galleria.html
deleted file mode 100755
index 0e23cd3..0000000
--- a/templates/shortcodes/galleria.html
+++ /dev/null
@@ -1 +0,0 @@
-<div class="galleria mb-6" style="height: 450px">{{body | safe}}</div>
\ No newline at end of file
diff --git a/templates/shortcodes/mapbox.html b/templates/shortcodes/mapbox.html
deleted file mode 100755
index 13d3488..0000000
--- a/templates/shortcodes/mapbox.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="map mb-6" style='height: 450px;'>
-    <div class="mapbox-access-token">
-        {{config.extra.mapbox.access_token}}
-    </div>
-    <div class="mapbox-zoom">
-        {{zoom}}
-    </div>
-     <div class="mapbox-geojson">
-        {{body}}
-    </div>
-</div>