Deployed bd57d11 with MkDocs version: 1.6.1

javascript/tablesort.js

@@ -0,0 +1,6 @@
+document$.subscribe(function() {
+  var tables = document.querySelectorAll("article div.table-sortable table")
+  tables.forEach(function(table) {
+    new Tablesort(table)
+  })
+})

sitemap.xml

@@ -2,7 +2,7 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
     <url>
         <loc>None./</loc>
-        <lastmod>2024-09-16</lastmod>
+        <lastmod>2024-10-05</lastmod>
         <changefreq>daily</changefreq>
         <xhtml:link rel="alternate" hreflang="ca" href="None"/>
     </url>

stylesheets/admonitions.css

@@ -13,6 +13,13 @@
   --md-admonition-color--notice: 255, 223, 0;
 }
 
+/* Original appearance */
+.md-typeset .admonition,
+.md-typeset details {
+  border-width: 0;
+  border-left-width: 4px;
+}
+
 .md-typeset .admonition.docs,
 .md-typeset details.docs {
   border-color: rgb(var(--md-admonition-color--docs));

stylesheets/cover.css

@@ -1,89 +1,81 @@
-div.cover {
+.cover {
   position: relative;
 }
 
-div.cover div.background {
+.cover__background {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: -1;
 }
 
-div.cover div.background svg {
+.cover__background svg {
     position: absolute;
 }
 
-div.cover div.logo img,
-div.cover div.logo svg {
+.cover__logo img,
+.cover__logo svg {
    height: auto;
    max-width: 100%;
    max-height: 200px;
 }
 
-div.cover div.content {
+.cover__content {
     flex-grow: 1;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
-    gap: 1rem;
     width: 100%;
+    height: 100%;
     padding: 1rem;
+    gap: 1rem;
 }
 
-div.cover div.content.with-background {
-    padding-left: 120px;
-    /*
-    background-image:
-        url("../img/cover/horizontal_rect.svg"),
-        url("../img/cover/vertical_rect.svg"),
-        url("../img/cover/lines.svg");
-    background-size: auto, auto, auto 50%;
-    background-repeat: no-repeat, repeat-y;
-    background-position: 0 20%, 0 0, 25px bottom;
-    */
+.cover__content.with-background {
+    padding-left: calc(25px + 1rem);
 }
 
-div.cover h1,
-div.cover h2,
-div.cover h3,
-div.cover h4,
-div.cover h5,
-div.cover h6 {
+.cover h1,
+.cover h2,
+.cover h3,
+.cover h4,
+.cover h5,
+.cover h6 {
     font-weight: bold;
     border-bottom-style: none;
     padding-bottom: 0;
     counter-reset: none;
     text-align: center;
     margin: 0;
 }
-div.cover h1 {
+.cover h1 {
     font-size: 2.5em;
 }
-div.cover .cover-logo {
-    display: block;
-    max-height: 200px;
-    margin: 2rem auto;
-    width: fit-content;
-}
-div.cover p {
+
+.cover p {
   margin: 0;
   margin-bottom: 0.3em;
 }
 
-div.cover .details {
+.cover__details {
     text-align: right;
+    margin-top: auto;
     margin-left: auto;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }
 
-div.cover .license {
+.cover__license {
     text-align: left;
 }
-div.cover .license-img {
+.cover__license-img {
     margin-top: 0.5rem;
 }
-div.cover .license-img img {
+.cover__license-img img {
     max-height: 50px;
 }
+
+.cover + h1 {
+    margin-top: 1.6rem;
+}

stylesheets/highlight.css

@@ -57,7 +57,8 @@
 .language-shellconsole.highlight .git-unm,
 .language-shellconsole.highlight .git-rb,
 .language-shellconsole.highlight .git-rh,
-.language-shellconsole.highlight .git-mod {
+.language-shellconsole.highlight .git-mod,
+.language-shellconsole.highlight .git-fatal {
   color: #BF616A;
 }
 .language-shellconsole.highlight .git-ch {

stylesheets/programacio.css

@@ -1,3 +1,91 @@
+:root {
+    --md-content__header-height: 3rem;
+}
+.md-content__print-layout {
+    margin: 0;
+    border: 0;
+    width: 100%;
+    display: block;
+}
+
+/*
+.md-content__print-layout thead,
+.md-content__print-layout tbody,
+.md-content__print-layout tfoot,
+.md-content__print-layout tr,
+.md-content__print-layout td {
+    padding: 0;
+    display: block;
+}
+*/
+
+.md-content__header-space, .md-content__footer-space {
+    display: none;
+}
+
+.md-content__header, .md-content__footer {
+    display: flex;
+    justify-content: space-between;
+    height: var(--md-content__header-height);
+}
+
+@page {
+    size: A4;
+    margin: 10mm;
+}
+
+@media print {
+    .md-main__inner, .md-content__inner {
+      margin: unset;
+    }
+
+    .md-content__print-layout {
+        display: table;
+    }
+
+    /*
+    .md-content__print-layout thead,
+    .md-content__print-layout tbody,
+    .md-content__print-layout tfoot,
+    .md-content__print-layout tr,
+    .md-content__print-layout td {
+        display: table;
+    }
+    */
+
+    .md-content__header-space, .md-content__footer-space {
+        display: block;
+        height: var(--md-content__header-height) !important;
+    }
+    .md-content__header, .md-content__footer {
+        position: fixed;
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+        width: calc(100% - var(--bs-gutter-x,.75rem)*2);
+    }
+    .md-content__header {
+        top: 0;
+    }
+    .md-content__footer {
+        bottom: 0;
+    }
+    .cover {
+      /* Substract header and footer height plus 1.5rem (if not, license image goes to different page) */
+      height: calc(100vh - var(--md-content__header-height, 0px) * 2 - 1.5rem);
+    }
+
+    .break-page {
+        -webkit-column-break-before: avoid;
+        page-break-before: always;
+        break-before: always;
+    }
+
+    .md-source-file {
+        display: none;
+    }
+}
+
+
 table.distribucio-temporal {
     border: 0;
     font-weight: bold;

stylesheets/site.css

@@ -1,5 +1,5 @@
-.md-typeset .md-code__content {
-  border-radius: 3mm;
+[data-md-color-primary=brown] {
+    --md-typeset-a-color: #c1775c;
 }
 
 .md-typeset figcaption {
@@ -64,3 +64,23 @@ p:has(img.center) {
 .center {
     text-align: center;
 }
+
+.opacity-25 {
+    opacity: 0.25 !important;
+}
+.opacity-50 {
+    opacity: 0.5 !important;
+}
+.opacity-75 {
+    opacity: 0.75 !important;
+}
+.opacity-100 {
+    opacity: 1 !important;
+}
+
+.fancylists-lower-alpha > li::marker {
+    content: counter(list-item, lower-alpha) ") ";
+}
+.fancylists-upper-alpha > li::marker {
+    content: counter(list-item, upper-alpha) ") ";
+}

stylesheets/slides.css

@@ -2,3 +2,15 @@ div.reveal {
   width: 100%;
   aspect-ratio: 16 / 9;
 }
+
+/* column layout */
+.container{
+    display: flex;
+}
+.col{
+    flex: 1;
+}
+
+.reveal pre code {
+    padding: 1em;
+}