Translations, new icon, blocks, icons & images for softwares and fixing bugs.

i18n/en.json

@@ -0,0 +1,12 @@
+{
+    "worksOn": {
+        "other": "Works on:"
+    },
+    "learnMore": {
+        "other": "Learn more"
+    },
+    "language": {
+        "other": "Language"
+    }
+}
+ 

i18n/fr.json

@@ -0,0 +1,12 @@
+{
+    "worksOn": {
+        "other": "Marche sur: "
+    },
+    "learnMore": {
+        "other": "En savoir +"
+    },
+    "language": {
+        "other": "Langue"
+    }
+}
+ 

icon.svg

@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="24.0px"
+   height="24.0px"
+   viewBox="0 0 24.0 24.0"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="icon.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <defs
+     id="defs833" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="36.789878"
+     inkscape:cy="3.3462819"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid1403" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata836">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path1426"
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.88976;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 9.4628906 1 C 5.3352545 1.0204235 1.9999495 4.3723133 2 8.5 C 2 10.122777 2.526334 11.701779 3.5 13 L 6 13 L 6 12.71875 C 4.7432507 11.679307 4.0002095 10.134794 4 8.4882812 C 4 5.4507152 6.4624339 2.9882812 9.5 2.9882812 C 12.537566 2.9882812 15 5.4507152 15 8.4882812 C 14.99979 10.134794 14.256749 11.679307 13 12.71875 L 13 13 L 15.5 13 C 16.473666 11.701779 17 10.122777 17 8.5 C 17 4.3578644 13.642136 1 9.5 1 C 9.48763 0.9999694 9.47526 0.9999694 9.4628906 1 z " />
+    <rect
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.78168;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1434"
+       width="2"
+       height="8"
+       x="21"
+       y="15" />
+    <rect
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.37098;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1430-3"
+       width="10"
+       height="2"
+       x="13"
+       y="13" />
+    <rect
+       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.88976;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect1461"
+       width="5"
+       height="2"
+       x="1"
+       y="13" />
+  </g>
+</svg>

layouts/404.html

@@ -0,0 +1,3 @@
+{{ define "main"}}
+            404. Page not found.
+{{ end }}

layouts/partials/footer.html

@@ -5,7 +5,7 @@
              
              
             {{ range .Site.Menus.social }}
-                <a role="button" alt="{{ .Name }}" href={{ .URL }}>
+                <a role="button" alt="{{ .Name }}" title="{{ .Name }}" href={{ .URL }}>
                     {{ .Pre }}
                 </a>
             {{ end }}
@@ -14,7 +14,7 @@
             {{ .Site.Copyright }}
         </div>
         <div class="col3 right-center">
-            {{ .Site.Params.usingTheme }} <a href="https://git.ad5001.eu/Ad5001/omegamma">Omegamma</a><br>
+            {{ .Site.Params.usingTheme }} <a href="/omegamma">Omegamma</a><br>
             {{ .Site.Params.poweredBy }} <a href="https://gohugo.io">Hugo</a>
         </div>
     </div>

layouts/partials/head.html

@@ -1,11 +1,19 @@
 <head>
     <title>{{ .Site.Title }} - {{ .Title }}</title>
+    <link rel="stylesheet" href="/css/blocks.css">
     <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/custom.css">
     <link rel="stylesheet" href="/css/header.css">
     <link rel="stylesheet" href="/css/footer.css">
     <link rel="stylesheet" href="/css/sections.css">
     <link rel="stylesheet" href="/css/font.css">
+    <link rel="icon" href="/img/icon.png">
     {{ hugo.Generator }}
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{ if .IsTranslated }}
+        {{ range .Translations }}
+            <link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}" title="{{ .Language.LanguageName }}">
+        {{ end }}
+    {{ end }}
     <script src="/js/header.js"></script>
 </head>

layouts/partials/header.html

@@ -3,7 +3,7 @@
         {{ $currentPage := . }}
         <div class="nav-mobile">
             <a class="navbar-brand" href="{{ .Site.Params.brandWebsite }}" role="button">
-                <img src="/img/icon.png" class="icon-brand" alt=""></img>
+                <img src="/img/icon.png" class="icon-brand" alt=""/>
                 Ad5001
             </a>
         
@@ -16,6 +16,7 @@
             <ul class="navbar-list">
             {{ range .Site.Menus.main }}
                 {{ if .HasChildren }}
+                <div class="menu-with-sub">
                     <a href="#" role="button">
                         <li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
                             {{ .Pre }}
@@ -25,12 +26,13 @@
                     <ul class="sub-menu">
                         {{ range .Children }}
                         <a href="{{ .URL }}" role="button">
-                            <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
+                            <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }} background">
                                 {{ .Name }}
                             </li>
                         </a>
                         {{ end }}
                     </ul>
+                </div>
                 {{ else }}
                 <a href="{{ .URL }}" role="button">
                     <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
@@ -40,6 +42,27 @@
                 </a>
                 {{ end }}
             {{ end }}
+            {{ $currentLang := .Site.Language }}
+            {{ if .IsTranslated }}
+                <div class="menu-with-sub">
+                    <a href="#" role="button">
+                        <li>
+                            <img src="/icons/lang.svg" class="icon-as-text"/>
+                            <span>{{ i18n "language" }}</span>
+                        </li>
+                    </a>
+                    <ul class="sub-menu">
+                        {{ range .Translations }}
+                        <a href="{{ .Permalink }}" role="button">
+                            <li class="background">
+                                <img src="/icons/flag/{{ .Language.Lang }}.svg" class="icon-as-text"/>
+                                {{ .Language.LanguageName }}
+                            </li>
+                        </a>
+                        {{ end }}
+                    </ul>
+                </div>
+            {{ end }}
             </ul>
         </div>
     </div>

layouts/partials/section1.html

@@ -1,5 +1,13 @@
 
-<section style="background: url({{ .Image }}); background-size: cover; background-repeat: no-repeat; color: black; padding-left: 1em; padding-top: 1em; padding-right: 1em;">
+<section style="background-image: url({{ .Image }});" class="section1">
-{{ .Content | safeHTML }}
+    <div class="columns-container">
-<div class="section-end-triangle"></div>
+        <div class="column">
+            <br>
+            {{ .Content | safeHTML }}
+            <br>
+        </div>
+        <div class="column">
+        </div>
+    </div>
+    <div class="section-end-triangle"></div>
 </section>

static/css/blocks.css

@@ -0,0 +1,45 @@
+
+.block-preview {
+    /*border: black 1px solid;*/
+    box-shadow: 0px 0px 2px 0px #000000;
+    width: min(25em, calc(100vw - 2em));
+    height: 20em;
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+
+.block-preview:hover {
+    box-shadow: 0px 0px 4px 0px #000000;
+}
+
+.block-preview .label {
+    transition: max-height 0.2s ease-in;
+    max-height: 20%;
+    overflow: hidden;
+    bottom: 0;
+    background-color: #FFFFFFDD;
+    padding: 0.5em;
+    bottom: 0; 
+}
+
+.block-preview:hover .label {
+    max-height: 100%;
+}
+
+.block-preview .label .show-on-hover {
+    display: none;
+    transition: opacity 0.2s;
+    opacity: 0;
+    max-height: 0;
+    background: none;
+}
+
+.block-preview:hover .label .show-on-hover {
+    display: block;
+    opacity: 1;
+    max-height: 100%;
+}
+
+.padding-container {
+    padding: 1em;
+}

static/css/common.css

@@ -4,15 +4,46 @@ body {
     margin: 0px;
     --light-font: 'Metropolis Light', 'Fira Sans Light','Ubuntu Light', 'Noto Sans Light', sans-serif;
     --primary-color: #50DC71;
-    --nav-background: #FAFAFA;
+    --secondary-color: #FAFAFA;
+    --nav-background: var(--secondary-color);
     --footer-background: #111111; 
 }
 
+/* button */
+
 a[role=button] {
     text-decoration: none;
     color: black;
+    cursor: pointer;
 }
 
+a[role=button].primary {
+    background-color: var(--primary-color);
+}
+
+a[role=button].secondary {
+    background-color: var(--secondary-color);
+}
+
+a[role=button].primary, a[role=button].secondary {
+    padding: 0.5em;
+    text-transform: uppercase;
+    font-size: larger;
+    box-shadow: 0px 0px 2px 0px #000000;
+    transition: box-shadow 0.2s;
+    line-height: 3em;
+}
+
+a[role=button].primary:active, a[role=button].secondary:active {
+    box-shadow: 0px 0px 8px 0px #000000;
+}
+
+a[role=button].primary:hover, a[role=button].secondary:hover {
+    box-shadow: 0px 0px 4px 0px #000000;
+}
+
+/* format */
+
 .center {
     margin-right: auto;
     margin-left: auto;
@@ -32,8 +63,29 @@ a[role=button] {
     margin-right: 0.4em;
 }
 
-#content {
+.icon-larger-text {
-    padding: 1em;
+    width: 1.4em;
+    height: 1.4em;
+    margin-right: 0.4em;
+    margin-top: -0.2em;
+}
+
+h1 {
+    font-size: xx-large;
+}
+
+h2 {
+    font-size: x-large;
+}
+
+.grid {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 3px;
+}
+
+.flex {
+    display: flex !important;
 }
 
 /* Columns */

static/css/custom.css

@@ -0,0 +1,2 @@
+
+ 

static/css/header.css

@@ -50,6 +50,34 @@ nav .navbar-list {
     background-color: var(--primary-color);
 }
 
+.navbar-list li.background {
+    background-color: var(--nav-background);
+}
+
+
+.menu-with-sub {
+    display: block;
+}
+
+.menu-with-sub .sub-menu {
+    display: none;
+    position: absolute;
+    margin-left: -1.2em;
+    width: 100%;
+}
+
+.menu-with-sub.toggled .sub-menu {
+    display: block;
+}
+
+.menu-with-sub:hover .sub-menu {
+    display: block;
+}
+
+.menu-with-sub .sub-menu:hover {
+    display: block;
+}
+
 #navbar-toggler {
     border: 0;
     background: none;
@@ -60,7 +88,7 @@ nav .navbar-list {
     padding-right: 1em;
 }
 
-@media screen and (max-width: 550px) {
+@media screen and (max-width: 700px) {
     #navbar-toggler {
         display: block;
     }
@@ -99,7 +127,7 @@ nav .navbar-list {
     
     .navbar-list {
         display: block !important;
-        width: 100%;
+        width: 100vw;
         height: 100%;
         padding-left: 0;
     }
@@ -109,7 +137,16 @@ nav .navbar-list {
         display: flex;
     }
     
+    .menu-with-sub {
+        display: block;
+    }
+    
+    .menu-with-sub .sub-menu {
+        margin-left: 1em;
+        display: ruby;
+    }
+    
     #content {
-        padding-top: 3em;
+        padding-top: 4em;
     }
 }

static/css/sections.css

@@ -1,6 +1,17 @@
+
+section.section1 {
+    background-size: cover;
+    background-repeat: no-repeat;
+    color: black;
+    padding-left: 1em;
+    padding-top: 1em;
+    padding-right: 1em;
+}
+
 .section-end-triangle {
     width: 0;
     height: 0;
+    margin-left: -1em;
     border-top-width: 3em;
     border-top-style: solid;
     border-top-color: transparent;

static/icons/flag/en.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600">
+<clipPath id="t">
+	<path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
+</clipPath>
+<path d="M0,0 v30 h60 v-30 z" fill="#00247d"/>
+<path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
+<path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#cf142b" stroke-width="4"/>
+<path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
+<path d="M30,0 v30 M0,15 h60" stroke="#cf142b" stroke-width="6"/>
+</svg>

static/icons/flag/fr.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600"><rect width="900" height="600" fill="#ED2939"/><rect width="600" height="600" fill="#fff"/><rect width="300" height="600" fill="#002395"/></svg>

static/icons/lang.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.604 16.111c.018.276.048.531.092.758-.583.106-.606-.469-.092-.758zm-4.354.16h.996l-.498-1.43-.498 1.43zm2.75-6.105c3.697 0 7 2.465 7 5.837 0 1.196-.432 2.37-1.193 3.281-.033 1.068.596 2.6 1.162 3.715-1.518-.274-3.676-.88-4.654-1.48-5.387 1.313-9.315-1.984-9.315-5.516 0-3.39 3.326-5.837 7-5.837zm-.437 7.584l-1.44-3.792h-.76l-1.447 3.792h.812l.312-.875h1.422l.313.875h.788zm3.988-2.296l.079-.353-.642-.125-.064.292c-.215-.032-.445-.036-.679-.012l.028-.458h.717v-.608h-.631l.084-.335-.627-.188c-.046.154-.084.304-.123.523h-.715v.608h.638c-.018.196-.026.399-.03.605-.704.259-1.002.751-1.002 1.198 0 .528.416.992 1.074.932.817-.074 1.362-.691 1.682-1.45.332.19.471.511.346.807-.115.275-.455.536-1.104.523v.654c.721.011 1.429-.262 1.707-.923.27-.647-.041-1.352-.738-1.69zm-1.25 1.073c.17-.177.305-.401.407-.626-.147-.013-.306-.009-.462.012.011.22.028.425.055.614zm-10.492 2.703c-1.887-.271-3.571-1.165-4.827-2.478-.182-.189-.315-.636-.019-.819l.302-.078c.235-.199-.221-1.009-.04-1.14.561-.401.295-.893-.051-1.299-.146-.172-.948-1-1.038-.853.067-.226-.146-.772-.274-.987-.217-.362-.502-.585-.617-.982-.046-.158-.046-.64-.139-.751-.038-.045-.327-.167-.317-.233.278-1.655 1.044-3.143 2.149-4.318l.746-.301c.468-.703.495-.158.916-.341.141 0 .301-.578.452-.667.261-.169.062-.169.013-.245-.104-.168 2.191-1.003 2.229-.853.032.127-1.135.734-1.007.716-.296.039-.352.571-.297.568.147-.005 1.074-.704 1.506-.555.423.146 1.183-.336 1.48-.582.149-.125.286-.344.483-.344.909 0 2.268.374 2.579.56.474.283-.204.263-.277.447-.058.142-.19.335-.249.412-.102.133-.399.077-.341-.082.059-.167.348-.231-.086-.271-.445-.041-.568-.341-1.014.034-.134.113-.234.286-.321.433-.123.21-.42.201-.544.396-.12.192.07.512.304.371.062-.038.765.645.674.095-.059-.364.196-.612.201-.887.003-.184.28-.066.206.03-.097.121-.203.534.051.554.096.008.339-.158.425-.084-.096-.002-.315.383-.3.376-.108.048-.233-.021-.15.21.074.228-.408.201-.495.247-.037.02-.417-.114-.408-.028-.131-.109.037-.379-.072-.422-.11.168-.058.512-.294.512-.202 0-.482.229-.604.369-.087.097-.609.308-.666.302.299.031.286.25.261.437-.06.433-.995.032-.956.196.038.158-.107.586-.139.724-.029.125.402.205.378.267.002-.007.583-.199.64-.25l.131-.293c.11-.073.226-.133.35-.179l.149-.258c.05-.02.645-.112.686-.092.149.068.428.353.532.483.036.047.227.117.227.188.069.107-.051.148-.006.223.104.193.132-.401.087-.29 0-.189.142.071.174.049l-.657-.654c-.204-.342.543.183.64.247.096.063.285.629.537.501.158-.08-.004-.139.106-.229l.449-.09c-.357.261.279.602.182.556.16.074.254-.058.354-.021.057.022.663.015.566-.082.151.076.082.748-.044.851-.204.169-1.182.1-1.399-.057-.361-.262-.297.279-.473.352-.344.142-.857-.463-1.218-.482.176.026.015-.445.015-.478-.139-.171-1.02.019-1.252.05-.434.058-.89.052-1.223.324-.234.189-.237.5-.477.651-.156.095-.325.064-.456.189-.234.222-.504.552-.637.845-.054.123.072.416.041.574-.307.967.076 2.308 1.248 2.456.25.032.506.144.759.117 1.332-2.88 4.568-4.92 8.347-4.92.932 0 1.831.124 2.678.354-1.105-4.322-5.012-7.521-9.678-7.521-5.523 0-10 4.477-10 10s4.477 10 10 10l.074-.004c-.509-.533-.931-1.128-1.265-1.766zm4.778-13.035c.068-.008-.089.138-.089.138.027.212.183.327.479.435.36.129.03.375-.176.317-.114-.032-.704-.21-.725.021 0 .138-.56.001-.473-.145.061-.098.041-.319.152-.464.16-.21.313-.096.318.026.002.327.332-.306.514-.328zm-4.532-.292c.08.113.688-.163.591-.146.187-.094.024-.104-.082-.159-.035-.179-.065-.456-.177-.566l.074-.085c-.173-.249-.301.302-.301.302l.09-.026-.042.113c.071.129.019.207.007.277l-.124.077c-.045.055.215.062.217.071.009.028-.313.074-.253.142zm-.396-.286c-.069.071.002.116.073.085.104-.045.244-.044.26-.183l.066-.084c.029-.043-.057-.114-.092-.121l-.124.086-.061.016-.056.072.006.04-.072.089zm2.634 2.107c-.055 0-.369.029-.34.084.178.293.403-.076.34-.084z"/></svg>

static/icons/lookup.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23.809 21.646l-6.205-6.205c1.167-1.605 1.857-3.579 1.857-5.711 0-5.365-4.365-9.73-9.731-9.73-5.365 0-9.73 4.365-9.73 9.73 0 5.366 4.365 9.73 9.73 9.73 2.034 0 3.923-.627 5.487-1.698l6.238 6.238 2.354-2.354zm-20.955-11.916c0-3.792 3.085-6.877 6.877-6.877s6.877 3.085 6.877 6.877-3.085 6.877-6.877 6.877c-3.793 0-6.877-3.085-6.877-6.877z"/></svg>

static/icons/open-external.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></svg>

static/icons/platform/Linux.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.581 19.049c-.55-.446-.336-1.431-.907-1.917.553-3.365-.997-6.331-2.845-8.232-1.551-1.595-1.051-3.147-1.051-4.49 0-2.146-.881-4.41-3.55-4.41-2.853 0-3.635 2.38-3.663 3.738-.068 3.262.659 4.11-1.25 6.484-2.246 2.793-2.577 5.579-2.07 7.057-.237.276-.557.582-1.155.835-1.652.72-.441 1.925-.898 2.78-.13.243-.192.497-.192.74 0 .75.596 1.399 1.679 1.302 1.461-.13 2.809.905 3.681.905.77 0 1.402-.438 1.696-1.041 1.377-.339 3.077-.296 4.453.059.247.691.917 1.141 1.662 1.141 1.631 0 1.945-1.849 3.816-2.475.674-.225 1.013-.879 1.013-1.488 0-.39-.139-.761-.419-.988zm-9.147-10.465c-.319 0-.583-.258-1-.568-.528-.392-1.065-.618-1.059-1.03 0-.283.379-.37.869-.681.526-.333.731-.671 1.249-.671.53 0 .69.268 1.41.579.708.307 1.201.427 1.201.773 0 .355-.741.609-1.158.868-.613.378-.928.73-1.512.73zm1.665-5.215c.882.141.981 1.691.559 2.454l-.355-.145c.184-.543.181-1.437-.435-1.494-.391-.036-.643.48-.697.922-.153-.064-.32-.11-.523-.127.062-.923.658-1.737 1.451-1.61zm-3.403.331c.676-.168 1.075.618 1.078 1.435l-.31.19c-.042-.343-.195-.897-.579-.779-.411.128-.344 1.083-.115 1.279l-.306.17c-.42-.707-.419-2.133.232-2.295zm-2.115 19.243c-1.963-.893-2.63-.69-3.005-.69-.777 0-1.031-.579-.739-1.127.248-.465.171-.952.11-1.343-.094-.599-.111-.794.478-1.052.815-.346 1.177-.791 1.447-1.124.758-.937 1.523.537 2.15 1.85.407.851 1.208 1.282 1.455 2.225.227.871-.71 1.801-1.896 1.261zm6.987-1.874c-1.384.673-3.147.982-4.466.299-.195-.563-.507-.927-.843-1.293.539-.142.939-.814.46-1.489-.511-.721-1.555-1.224-2.61-2.04-.987-.763-1.299-2.644.045-4.746-.655 1.862-.272 3.578.057 4.069.068-.988.146-2.638 1.496-4.615.681-.998.691-2.316.706-3.14l.62.424c.456.337.838.708 1.386.708.81 0 1.258-.466 1.882-.853.244-.15.613-.302.923-.513.52 2.476 2.674 5.454 2.795 7.15.501-1.032-.142-3.514-.142-3.514.842 1.285.909 2.356.946 3.67.589.241 1.221.869 1.279 1.696l-.245-.028c-.126-.919-2.607-2.269-2.83-.539-1.19.181-.757 2.066-.997 3.288-.11.559-.314 1.001-.462 1.466zm4.846-.041c-.985.38-1.65 1.187-2.107 1.688-.88.966-2.044.503-2.168-.401-.131-.966.36-1.493.572-2.574.193-.987-.023-2.506.431-2.668.295 1.753 2.066 1.016 2.47.538.657 0 .712.222.859.837.092.385.219.709.578 1.09.418.447.29 1.133-.635 1.49zm-8-13.006c-.651 0-1.138-.433-1.534-.769-.203-.171.05-.487.253-.315.387.328.777.675 1.281.675.607 0 1.142-.519 1.867-.805.247-.097.388.285.143.382-.704.277-1.269.832-2.01.832z"/></svg>

static/icons/platform/MacOSX.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 17.607c-.786 2.28-3.139 6.317-5.563 6.361-1.608.031-2.125-.953-3.963-.953-1.837 0-2.412.923-3.932.983-2.572.099-6.542-5.827-6.542-10.995 0-4.747 3.308-7.1 6.198-7.143 1.55-.028 3.014 1.045 3.959 1.045.949 0 2.727-1.29 4.596-1.101.782.033 2.979.315 4.389 2.377-3.741 2.442-3.158 7.549.858 9.426zm-5.222-17.607c-2.826.114-5.132 3.079-4.81 5.531 2.612.203 5.118-2.725 4.81-5.531z"/></svg>

static/icons/platform/Web.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.144 8.171c-.035-.066.342-.102.409-.102.074.009-.196.452-.409.102zm-2.152-3.072l.108-.031c.064.055-.072.095-.051.136.086.155.021.248.008.332-.014.085-.104.048-.149.093-.053.066.258.075.262.085.011.033-.375.089-.304.171.096.136.824-.195.708-.176.225-.113.029-.125-.097-.19-.043-.215-.079-.547-.213-.68l.088-.102c-.206-.299-.36.362-.36.362zm13.008 6.901c0 6.627-5.373 12-12 12-6.628 0-12-5.373-12-12s5.372-12 12-12c6.627 0 12 5.373 12 12zm-8.31-5.371c-.006-.146-.19-.284-.382-.031-.135.174-.111.439-.184.557-.104.175.567.339.567.174.025-.277.732-.063.87-.025.248.069.643-.226.211-.381-.355-.13-.542-.269-.574-.523 0 0 .188-.176.106-.166-.218.027-.614.786-.614.395zm6.296 5.371c0-1.035-.177-2.08-.357-2.632-.058-.174-.189-.312-.359-.378-.256-.1-1.337.597-1.5.254-.107-.229-.324.146-.572.008-.12-.066-.454-.515-.605-.46-.309.111.474.964.688 1.076.201-.152.852-.465.992-.038.268.804-.737 1.685-1.251 2.149-.768.694-.624-.449-1.147-.852-.275-.211-.272-.66-.55-.815-.124-.07-.693-.725-.688-.813l-.017.166c-.094.071-.294-.268-.315-.321 0 .295.48.765.639 1.001.271.405.416.995.748 1.326.178.178.858.914 1.035.898.193-.017.803-.458.911-.433.644.152-1.516 3.205-1.721 3.583-.169.317.138 1.101.113 1.476-.029.433-.37.573-.693.809-.346.253-.265.745-.556.925-.517.318-.889 1.353-1.623 1.348-.216-.001-1.14.36-1.261.007-.094-.256-.22-.45-.353-.703-.13-.248-.015-.505-.173-.724-.109-.152-.475-.497-.508-.677-.002-.155.117-.626.28-.708.229-.117.044-.458.016-.656-.048-.354-.267-.646-.53-.851-.389-.299-.188-.537-.097-.964 0-.204-.124-.472-.398-.392-.564.164-.393-.44-.804-.413-.296.021-.538.209-.813.292-.346.104-.7-.082-1.042-.125-1.407-.178-1.866-1.786-1.499-2.946.037-.19-.114-.542-.048-.689.158-.352.48-.747.762-1.014.158-.15.361-.112.547-.229.287-.181.291-.553.572-.781.4-.325.946-.318 1.468-.388.278-.037 1.336-.266 1.503-.06 0 .038.191.604-.019.572.433.023 1.05.749 1.461.579.211-.088.134-.736.567-.423.262.188 1.436.272 1.68.069.15-.124.234-.93.052-1.021.116.115-.611.124-.679.098-.12-.044-.232.114-.425.025.116.055-.646-.354-.218-.667-.179.131-.346-.037-.539.107-.133.108.062.18-.128.274-.302.153-.53-.525-.644-.602-.116-.076-1.014-.706-.77-.295l.789.785c-.039.025-.207-.286-.207-.059.053-.135.02.579-.104.347-.055-.089.09-.139.006-.268 0-.085-.228-.168-.272-.226-.125-.155-.457-.497-.637-.579-.05-.023-.764.087-.824.11-.07.098-.13.201-.179.311-.148.055-.287.126-.419.214l-.157.353c-.068.061-.765.291-.769.3.029-.075-.487-.171-.453-.321.038-.165.213-.68.168-.868-.048-.197 1.074.284 1.146-.235.029-.225.046-.487-.313-.525.068.008.695-.246.799-.36.146-.168.481-.442.724-.442.284 0 .223-.413.354-.615.131.053-.07.376.087.507-.01-.103.445.057.489.033.104-.054.684-.022.594-.294-.1-.277.051-.195.181-.253-.022.009.34-.619.402-.413-.043-.212-.421.074-.553.063-.305-.024-.176-.52-.061-.665.089-.115-.243-.256-.247-.036-.006.329-.312.627-.241 1.064.108.659-.735-.159-.809-.114-.28.17-.509-.214-.364-.444.148-.235.505-.224.652-.476.104-.178.225-.385.385-.52.535-.449.683-.09 1.216-.041.521.048.176.124.104.324-.069.19.286.258.409.099.07-.092.229-.323.298-.494.089-.222.901-.197.334-.536-.374-.223-2.004-.672-3.096-.672-.236 0-.401.263-.581.412-.356.295-1.268.874-1.775.698-.519-.179-1.63.66-1.808.666-.065.004.004-.634.358-.681-.153.023 1.247-.707 1.209-.859-.046-.18-2.799.822-2.676 1.023.059.092.299.092-.016.294-.18.109-.372.801-.541.801-.505.221-.537-.435-1.099.409l-.894.36c-1.328 1.411-2.247 3.198-2.58 5.183-.013.079.334.226.379.28.112.134.112.712.167.901.138.478.479.744.74 1.179.154.259.41.914.329 1.186.108-.178 1.07.815 1.246 1.022.414.487.733 1.077.061 1.559-.217.156.33 1.129.048 1.368l-.361.093c-.356.219-.195.756.021.982 1.818 1.901 4.38 3.087 7.22 3.087 5.517 0 9.989-4.472 9.989-9.989zm-11.507-6.357c.125-.055.293-.053.311-.22.015-.148.044-.046.08-.1.035-.053-.067-.138-.11-.146-.064-.014-.108.069-.149.104l-.072.019-.068.087.008.048-.087.106c-.085.084.002.139.087.102z"/></svg>

static/icons/platform/Windows.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 12v-8.646l10-1.355v10.001h-10zm11 0h13v-12l-13 1.807v10.193zm-1 1h-10v7.646l10 1.355v-9.001zm1 0v9.194l13 1.806v-11h-13z"/></svg>

static/img/mastodon.svg

@@ -1,50 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   height="512px"
-   style="enable-background:new 0 0 512 512;"
-   version="1.1"
-   viewBox="0 0 512 512"
-   width="512px"
-   xml:space="preserve"
-   id="svg10"
-   sodipodi:docname="mastodon.svg"
-   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
-     id="metadata16"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs14" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1011"
-     id="namedview12"
-     showgrid="false"
-     inkscape:zoom="1.3964844"
-     inkscape:cx="256"
-     inkscape:cy="256"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg10" /><g
-     id="_x32_07-mastodon"><g
-       id="g6"><path
-         d="M451.839,183.897c0-91.111-59.709-117.825-59.709-117.825c-58.584-26.902-214.185-26.622-272.206,0    c0,0-59.709,26.713-59.709,117.825c0,108.451-6.188,243.148,98.984,270.988c37.961,10.027,70.582,12.185,96.827,10.685    c47.617-2.624,74.331-16.967,74.331-16.967l-1.593-34.589c0,0-34.026,10.688-72.269,9.468    c-37.87-1.313-77.801-4.124-83.988-50.616c-0.563-4.124-0.843-8.436-0.843-13.029c80.237,19.589,148.661,8.531,167.504,6.28    c52.586-6.28,98.422-38.713,104.233-68.333C452.59,251.104,451.839,183.897,451.839,183.897L451.839,183.897z"
-         style="fill:#000000;fill-opacity:1"
-         id="path2" /><path
-         d="M381.443,300h-43.68V194.207c0-46.586-59.992-48.367-59.992,6.468v58.584h-43.397v-58.584    c0-54.835-59.991-53.054-59.991-6.468V300h-43.773c0-114.449-4.874-137.382,17.247-162.784    c24.277-27.09,74.801-28.87,97.297,5.718l10.873,18.278l10.873-18.278c22.591-34.777,73.207-32.62,97.296-5.718    C386.412,162.806,381.443,185.644,381.443,300L381.443,300z"
-         style="fill:#FFFFFF;"
-         id="path4" /></g></g><g
-     id="Layer_1" /></svg>

static/js/header.js

@@ -7,4 +7,9 @@ window.addEventListener("load", () => {
         menu.classList.toggle('shown');
         nav.classList.toggle('menuShown');
     })
+    document.querySelectorAll(".menu-with-sub").forEach(menu => {
+        menu.querySelector("a").addEventListener("click", () => {
+            menu.classList.toggle('toggled');
+        })
+    })
 })