guix-commits
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

01/03: website: Redesign home page.


From: Florian Pelz
Subject: 01/03: website: Redesign home page.
Date: Thu, 1 Aug 2024 18:51:57 -0400 (EDT)

pelzflorian pushed a commit to branch master
in repository guix-artwork.

commit b069deb6cdca8a700e5e5d957e246c5fe3ff1494
Author: Luis Felipe <sirgazil@zoho.com>
AuthorDate: Wed Jul 31 11:18:20 2024 -0500

    website: Redesign home page.
    
    These changes implement the design of the home page presented as part
    of the proposal "Differentiate products more clearly", sent to the
    Guix development mailing list in October 2023 (see
    https://lists.gnu.org/archive/html/guix-devel/2023-10/msg00133.html)
    
    * website/apps/base/templates/home.scm (home-t):
      + Rewrite summary.
      + Add new section: Give Users Control.
      + Add new section: Reproducible Outputs.
      + Add new section: One Language for Everything.
      + Add new section: All of It, Free Software.
      + Add new section: Get Guix.
      + Add new section: Get the Guix System.
      + Restyle section: GNU Guix in Your Field.
      + Restyle section: Instructional Videos.
      + Restyle section: Blog.
      + Restyle section: Contact.
      + Remove section: Discover Guix (screenshots will be presented as
        part of the future Guix System home page, "Instructional Videos"
        section was converted into an independent section, and "GNU Guix
        in other GNU/Linux distros" was removed (see below)).
      + Remove section: GNU Guix in other GNU/Linux distros (the new
        section "Get Guix" serves the same purpose).
    * website/themes/initial/css/common.css: Update style accordingly.
    * website/themes/initial/css/index.css: Likewise.
    
    The following files are new:
    
    * website/static/base/img/background-pattern-white-dots.svg
    * website/static/base/img/give-users-control.svg
    * website/static/base/img/guile-logo-outlined-floating.svg
    * website/static/base/img/guix-shell.svg
    * website/static/base/img/guix-system-display.svg
    * website/static/base/img/people-focused.svg
    * website/static/base/img/reproducible-outputs-container.svg
    * website/static/base/img/reproducible-outputs-package.svg
    * website/static/base/img/reproducible-outputs-shell.svg
    * website/static/base/img/reproducible-outputs-systems.svg
    * website/static/base/img/timeline-lapse-arrow-down.svg
    * website/static/base/img/timeline-lapse-arrow.svg
    * website/static/base/img/timeline-lapse-dot-down.svg
    * website/static/base/img/timeline-lapse-dot.svg
    * website/themes/initial/img/background-pattern-checkerboard-dark.svg
    * website/themes/initial/img/depression-shadow-bottom.png
    * website/themes/initial/img/h-separator.svg
    
    Signed-off-by: Florian Pelz <pelzflorian@pelzflorian.de>
---
 website/apps/base/templates/home.scm               |  402 ++++--
 .../base/img/background-pattern-white-dots.svg     |  397 ++++++
 website/static/base/img/give-users-control.svg     |  528 ++++++++
 .../base/img/guile-logo-outlined-floating.svg      |  144 ++
 website/static/base/img/guix-shell.svg             |  143 ++
 website/static/base/img/guix-system-display.svg    |  211 +++
 website/static/base/img/people-focused.svg         |  160 +++
 .../base/img/reproducible-outputs-container.svg    |  389 ++++++
 .../base/img/reproducible-outputs-package.svg      |  215 +++
 .../static/base/img/reproducible-outputs-shell.svg |  332 +++++
 .../base/img/reproducible-outputs-systems.svg      | 1412 ++++++++++++++++++++
 .../static/base/img/timeline-lapse-arrow-down.svg  |  108 ++
 website/static/base/img/timeline-lapse-arrow.svg   |  108 ++
 .../static/base/img/timeline-lapse-dot-down.svg    |  121 ++
 website/static/base/img/timeline-lapse-dot.svg     |  120 ++
 website/themes/initial/css/common.css              |   18 +
 website/themes/initial/css/index.css               |  293 +++-
 .../img/background-pattern-checkerboard-dark.svg   |  121 ++
 .../initial/img/depression-shadow-bottom.png       |  Bin 0 -> 4220 bytes
 website/themes/initial/img/h-separator.svg         |  164 +++
 20 files changed, 5204 insertions(+), 182 deletions(-)

diff --git a/website/apps/base/templates/home.scm 
b/website/apps/base/templates/home.scm
index aa1fbb5..502f18a 100644
--- a/website/apps/base/templates/home.scm
+++ b/website/apps/base/templates/home.scm
@@ -41,68 +41,43 @@ management|Reproducibility") #\|)
      (section
       (@ (class "featured-content"))
       ,(G_ `(h2 (@ (class "a11y-offset")) "Summary"))
-      (ul
-       ,(G_
-         `(li
-           ,(G_ `(b "Liberating."))
-           " Guix is a distribution of the "
-           ,(G_ (link-yellow
-                 #:label "GNU operating system"
-                 #:url (gnu-url "gnu/about-gnu.html")))
-           " developed by the "
-           ,(G_ (link-yellow
-                 #:label "GNU Project"
-                 #:url (gnu-url)))
-           "—which respects the "
-           ,(G_ (link-yellow
-                 #:label "freedom of computer users"
-                 #:url (gnu-url "distros/free-system-distribution-\
-guidelines.html")))
-           ". "))
-
-       ;; TRANSLATORS: Package Management, Features and Using the
-       ;; Configuration System are section names in the English (en)
+
+      (div
+       (@ (class "summary centered-block centered-text limit-width"))
+       ;; TRANSLATORS: Package Management, Invoking guix time-machine and
+       ;; Invoking guix deploy are section names in the English (en)
        ;; manual.
        ,(G_
-         `(li
-           ,(G_ `(b "Dependable."))
-           " Guix "
-           ,(G_ (manual-link-yellow "supports"
-                                    (G_ "en")
-                                    (G_ "Package-Management.html")))
-           " transactional upgrades and roll-backs, unprivileged \
-package management, "
-           ,(G_ (manual-link-yellow "and more"
-                                    (G_ "en")
-                                    (G_ "Features.html")))
-           ".  When used as a standalone distribution, Guix supports "
-           ,(G_ (manual-link-yellow "declarative system configuration"
-                                    (G_ "en")
-                                    (G_ 
"Using-the-Configuration-System.html")))
-           " for transparent and reproducible operating systems."))
-
-       ;; TRANSLATORS: Defining Packages and System Configuration are
-       ;; section names in the English (en) manual.
-       ,(G_
-         `(li
-           ,(G_ `(b "Hackable."))
-           " It provides "
-           ,(G_ (link-yellow
-                 #:label "Guile Scheme"
-                 #:url (gnu-url "software/guile/")))
-           " APIs, including high-level embedded domain-specific \
-languages (EDSLs) to "
-           ,(G_ (manual-link-yellow "define packages"
-                                    (G_ "en")
-                                    (G_ "Defining-Packages.html")))
+         `(p
+           "GNU Guix is a "
+           ,(G_ (manual-link-yellow
+                 "package manager"
+                 (G_ "en")
+                 (G_ "Package-Management.html")))
+           " for GNU/Linux systems. It is designed to give users "
+           ,(G_ `(b "more control"))  ; TODO: Link to relevant documentation.
+           " over their general-purpose and specialized computing \
+environments, and make these easier to "
+           ,(G_ (manual-link-yellow
+                 "reproduce over time"
+                 (G_ "en")
+                 (G_ "Invoking-guix-time_002dmachine.html")))
            " and "
-           ,(G_ (manual-link-yellow "whole-system configurations"
-                                    (G_ "en")
-                                    (G_ "System-Configuration.html")))
-           ".")))
+           ,(G_ (manual-link-yellow
+                 "deploy"
+                 (G_ "en")
+                 (G_ "Invoking-guix-deploy.html")))
+           " to one or many devices.")))
 
       (div
        (@ (class "action-box centered-text"))
+       ,(button-big
+         #:label (C_ "button" "FEATURES")
+         ;; TRANSLATORS: Features is a section name in the English (en)
+         ;; manual.
+         #:url (G_ (manual-url-with-language (G_ "en") "Features.html"))
+         #:light #true)
+       " " ; A space for readability in non-CSS browsers.
        ,(button-big
          #:label (C_ "button" "DOWNLOAD")
          #:url (guix-url "download/")
@@ -113,63 +88,181 @@ languages (EDSLs) to "
         #:url (guix-url "contribute/")
         #:light #true)))
 
-     ;; Discover Guix.
+     ;; Give Users control.
      (section
-      (@ (class "discovery-box"))
-      ,(G_ `(h2 "Discover Guix"))
-
-      ,(G_
-        `(p
-          (@ (class "limit-width centered-block"))
-          "Guix comes with thousands of packages which include \
-applications, system tools, documentation, fonts, and other digital \
-goods readily available for installing with the "
-          ,(G_ (link-yellow #:label "GNU Guix"
-                            #:url (identity "#guix-in-other-distros")))
-          " package manager."))
-
-      ,(screenshots-box (context-datum context "screenshots"))
+      (@ (class "panel panel-dark"))
 
       (div
-       (@ (class "fields-box"))
-
-       ,(button-big
-         #:label (C_ "button" "ALL PACKAGES")
-        #:url (packages-url)
-        #:light #true))
+       (@ (class "limit-width centered-block"))
+
+       (div
+        ,(G_ '(h2 "Give Users Control"))
+        ,(G_ '(p "Users on the same machine can manage their own \
+packages independently from each other, without superuser privileges."))
+        ,(button-big
+          #:label (C_ "button" "LEARN MORE")
+          ;; TRANSLATORS: Package Management is a section name in the
+          ;; English (en) manual.
+          #:url (G_ (manual-url-with-language
+                     (G_ "en")
+                     "Package-Management.html"))
+          #:light #true))
+
+       (img
+        (@ (src ,(guix-url "static/base/img/give-users-control.svg"))
+           (alt "")))))
+
+     ;; Reproducible Outputs.
+     (section
+      (@ (id "reproducible-outputs")
+         (class "discovery-box"))
 
-      ,(horizontal-separator #:light #true)
+      (div
+       (@ (class "limit-width centered-block"))
 
-      ,(G_ '(h3 "Instructional videos"))
+       ,(G_ '(h2 "Reproducible Outputs"))
+       ,(G_
+         `(p "Guix provides "
+             ,(G_ (link-yellow #:label "thousands of packages"
+                               #:url (packages-url)))
+             " which include desktop environments, applications, \
+system tools, programming languages and their data and other \
+digital artifacts which work as the building blocks for creating "
+             ,(G_ (link-yellow #:label "reproducible"
+                               #:url "\
+https://en.wikipedia.org/wiki/Reproducible_builds";))
+             " shell environments, containers and systems for \
+different computing needs.")))
 
       (div
-       ,@(map
-          (lambda (item)
-            (cond ((video? item) (video-preview item))
-                  (else (playlist-preview item))))
-          (context-datum context "videos")))
+       (@ (class "grid centered-content text-larger"))
+
+       (div (@ (class "stack"))
+            ;; TRANSLATORS: Defining Packages is a section name in the
+            ;; English (en) manual.
+            ,(G_ (manual-link-yellow
+                  "Package"
+                  (G_ "en")
+                  (G_ "Defining-Packages.html")))
+            (img
+             (@ (src ,(guix-url 
"static/base/img/reproducible-outputs-package.svg"))
+                (alt ""))))
+       (div (@ (class "stack"))
+            ;; TRANSLATORS: Invoking guix shell is a section name in the
+            ;; English (en) manual.
+            ,(G_ (manual-link-yellow
+                  "Shell Environment"
+                  (G_ "en")
+                  (G_ "Invoking-guix-shell.html")))
+            (img
+             (@ (src ,(guix-url 
"static/base/img/reproducible-outputs-shell.svg"))
+                (alt ""))))
+       (div (@ (class "stack"))
+            ;; TRANSLATORS: Invoking guix container is a section name in the
+            ;; English (en) manual.
+            ,(G_ (manual-link-yellow
+                  "Container"
+                  (G_ "en")
+                  (G_ "Invoking-guix-container.html")))
+            (img
+             (@ (src ,(guix-url 
"static/base/img/reproducible-outputs-container.svg"))
+                (alt ""))))
+       (div (@ (class "stack"))
+            ;; TRANSLATORS: System Configuration is a section name in the
+            ;; English (en) manual.
+            ,(G_ (manual-link-yellow
+                  "Systems"
+                  (G_ "en")
+                  (G_ "System-Configuration.html")))
+            (img
+             (@ (src ,(guix-url 
"static/base/img/reproducible-outputs-systems.svg"))
+                (alt "")))))
 
       (div
-       (@ (class "fields-box"))
-
-       ,(button-big
-         #:label (C_ "button" "ALL VIDEOS")
-         #:url (guix-url "videos/")
-         #:light #true))
+       (@ (id "timeline")
+          (class "limit-width text-larger"))
+
+       ,(G_ '(p (@ (id "timeline-today")) "Build an environment today"))
+       (p (@ (id "timeline-lapse"))
+          ;; TRANSLATORS: Invoking guix time-machine is a section name in the
+          ;; English (en) manual.
+          ,(G_ (manual-link-yellow
+                "Reproduce in time"
+                (G_ "en")
+                (G_ "Invoking-guix-time_002dmachine.html"))))
+       ,(G_ `(p (@ (id "timeline-future"))
+                "Get the same environment in the future"
+                ;; TRANSLATORS: The * indicates there's more information in 
another place.
+                ,(G_ (link-yellow
+                      #:label "*"
+                      #:url (guix-url 
"blog/2024/adventures-on-the-quest-for-long-term-reproducible-deployment/"))))))
+
+      ,(button-big
+        #:label (C_ "button" "EXPLORE PACKAGES")
+        #:url (packages-url)
+        #:light #true))
+
+     ;; One Language for Everything.
+     (section
+      (@ (id "one-language")
+         (class "panel panel-dark"))
 
-      ,(horizontal-separator #:light #true)
+      (div
+       (@ (class " limit-width centered-block"))
+
+       (div
+        ,(G_ '(h2 "One Language for Everything"))
+        ,(G_ '(p "Use Guile Scheme APIs, including high-level embedded \
+domain-specific languages (EDSLs) to define packages and whole-system \
+configurations."))
+        ,(button-big
+          #:label (C_ "button" "CHECK THE API")
+          ;; TRANSLATORS: Programming Interface is a section name in the
+          ;; English (en) manual.
+          #:url (G_ (manual-url-with-language
+                     (G_ "en")
+                     "Programming-Interface.html"))
+          #:light #true)
+        " " ; A space for readability in non-CSS browsers.
+        ,(button-big
+          #:label (C_ "button" "WHAT'S GUILE")
+          #:url (gnu-url "software/guile/")
+          #:light #true))
+
+       (img
+        (@ (src ,(guix-url "static/base/img/guile-logo-outlined-floating.svg"))
+           (alt "")))))
+
+     ;; All of It, Free Software.
+     (section
+      (@ (id "all-free-software")
+         (class "panel panel-light"))
 
-      ;; Guix in different fields.
-      ,(G_ `(h3 "GNU Guix in your field"))
+      (div
+       (@ (class " limit-width centered-block"))
+
+       (div
+        ,(G_ '(h2 "All of It, Free Software"))
+        ,(G_ '(p "Guix is a GNU Project—which respects the freedom of \
+computer users. You are free to use, study, modify, and share Guix and \
+all the packages it provides."))
+        ,(button-big
+          #:label (C_ "button" "LEARN MORE")
+          #:url (gnu-url "philosophy/free-sw.en.html")))
+
+       (img
+        (@ (src ,(guix-url "static/base/img/people-focused.svg"))
+           (alt "")))))
+
+     ;; GNU Guix in Your Field.
+     (section
+      (@ (id "guix-in-your-field")
+         (class "panel-dark"))
 
-      ,(G_
-        `(p
-          (@ (class "limit-width centered-block"))
-          "Read some stories about how people are using GNU Guix in
-their daily lives."))
+      ,(G_ '(h2 "GNU Guix in Your Field"))
 
       (div
-       (@ (class "fields-box"))
+       (@ (class "limit-width centered-block"))
 
        " " ; A space for readability in non-CSS browsers (same below).
        ,(button-big
@@ -195,52 +288,88 @@ their daily lives."))
        ,(button-big
          #:label (C_ "button" "ALL FIELDS...")
          #:url (guix-url "blog/")
-         #:light #true))
+         #:light #true)))
 
-      ,(horizontal-separator #:light #true)
+     ;; Get Guix.
+     (section
+      (@ (class "panel panel-dark"))
 
-      ;; Using Guix in other distros.
-      ,(G_
-        `(h3
-          (@ (id "guix-in-other-distros"))
-          "GNU Guix in other GNU/Linux distros"))
+      (div
+       (@ (class "limit-width centered-block"))
+
+       (div
+        ,(G_ '(h2 "Get Guix"))
+        ,(G_ '(p "You can use Guix on top of any GNU/Linux \
+distribution of your preference. It won't clash with your distro's \
+package manager."))
+        ,(button-big
+          #:label (C_ "button" "DOWNLOAD")
+          #:url (guix-url "download/")
+          #:light #true))
+
+       (img
+        (@ (src ,(guix-url "static/base/img/guix-shell.svg"))
+           (alt "")))))
+
+     ;; Get the Guix System.
+     (section
+      (@ (id "get-guix-system")
+         (class "panel panel-dark"))
 
       (div
-       (@ (class "info-box"))
-       (video
-       (@ (src 
"https://audio-video.gnu.org/video/misc/2016-07__GNU_Guix_Demo_2.webm";)
-          (poster ,(guix-url "static/media/img/guix-demo.png"))
-          (controls "controls"))
-        ,(G_
-          `(p
-            "Video: "
-            ,(G_ (link-yellow
-                  #:label "Demo of Guix in another GNU/Linux distribution"
-                  #:url "https://audio-video.gnu.org/video/misc/\
-2016-07__GNU_Guix_Demo_2.webm"))
-            " (1 minute, 30 seconds)."))))
+       (@ (class "limit-width centered-block"))
+
+       (div
+        ,(G_ '(h2 "Get the Guix System"))
+        ,(G_ '(p "A complete GNU operating system harnessing all the \
+capabilities of the Guix software. Spawned by Guix itself."))
+        ,(button-big
+          #:label (C_ "button" "OVERVIEW")
+          ;; TRANSLATORS: System Installation is a section name in the
+          ;; English (en) manual.
+          #:url (G_ (manual-url-with-language
+                     (G_ "en")
+                     "System-Installation.html"))
+          #:light #true)
+        " " ; A space for readability in non-CSS browsers.
+        ,(button-big
+          #:label (C_ "button" "DOWNLOAD")
+          #:url (guix-url "download/")
+          #:light #true))
+
+       (img
+        (@ (src ,(guix-url "static/base/img/guix-system-display.svg"))
+           (alt "")))))
+
+     ;; Instructional Videos.
+     (section
+      (@ (id "instructional-videos")
+         (class "discovery-box"))
 
       (div
-       (@ (class "info-box justify-left"))
-       ,(G_ `(p
-              "If you don't use GNU Guix as a standalone GNU/Linux \
-distribution, you still can use it as a package manager on top of any \
-GNU/Linux distribution. This way, you can benefit from all its conveniences."))
+       (@ (class "limit-width centered-block"))
 
-       ,(G_ `(p
-              "Guix won't interfere with the package manager that comes \
-with your distribution. They can live together.")))
+       ,(G_ '(h2 "Instructional Videos")))
 
       (div
-       (@ (class "action-box centered-text"))
+       ,@(map
+          (lambda (item)
+            (cond ((video? item) (video-preview item))
+                  (else (playlist-preview item))))
+          (context-datum context "videos")))
+
+      (div
+       (@ (class "action-box"))
+
        ,(button-big
-         #:label (C_ "button" "TRY IT OUT!")
-        #:url (guix-url "download/")
-        #:light #true)))
+         #:label (C_ "button" "ALL VIDEOS")
+         #:url (guix-url "videos/")
+         #:light #true)))
 
      ;; Latest Blog posts.
      (section
-      (@ (class "centered-text"))
+      (@ (id "blog-latest-posts")
+         (class "panel-dark centered-text"))
       ,(G_ `(h2 "Blog"))
 
       ,@(map post-preview (context-datum context "posts"))
@@ -249,11 +378,13 @@ with your distribution. They can live together.")))
        (@ (class "action-box centered-text"))
        ,(button-big
          #:label (C_ "button" "ALL POSTS")
-        #:url (guix-url "blog/"))))
+         #:url (guix-url "blog/")
+         #:light #true)))
 
      ;; Contact info.
      (section
-      (@ (class "contact-box centered-text"))
+      (@ (id "contact-info")
+         (class "panel-dark centered-text"))
       ,(G_ `(h2 "Contact"))
 
       ,@(map contact-preview (context-datum context "contact-media"))
@@ -262,4 +393,5 @@ with your distribution. They can live together.")))
        (@ (class "action-box centered-text"))
        ,(button-big
          #:label (C_ "button" "ALL CONTACT MEDIA")
-        #:url (guix-url "contact/")))))))
+         #:url (guix-url "contact/")
+         #:light #true))))))
diff --git a/website/static/base/img/background-pattern-white-dots.svg 
b/website/static/base/img/background-pattern-white-dots.svg
new file mode 100644
index 0000000..2a25656
--- /dev/null
+++ b/website/static/base/img/background-pattern-white-dots.svg
@@ -0,0 +1,397 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="background-pattern_white-dots.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="545.93353"
+   width="960"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <defs
+     id="defs4">
+    <pattern
+       inkscape:collect="always"
+       xlink:href="#Polkadots-smallwhite"
+       id="pattern4015"
+       patternTransform="matrix(10,0,0,10,1.8e-4,335.31761)" />
+    <pattern
+       inkscape:collect="always"
+       patternUnits="userSpaceOnUse"
+       width="10"
+       height="10"
+       patternTransform="translate(0,0) scale(10,10)"
+       id="Polkadots-smallwhite"
+       inkscape:stockid="Polka dots, small white"
+       inkscape:isstock="true">
+      <circle
+         style="fill:white;stroke:none"
+         cx="2.567"
+         cy="0.810"
+         r="0.05"
+         id="circle42594" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="3.048"
+         cy="2.33"
+         r="0.05"
+         id="circle42596" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="4.418"
+         cy="2.415"
+         r="0.05"
+         id="circle42598" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="1.844"
+         cy="3.029"
+         r="0.05"
+         id="circle42600" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="6.08"
+         cy="1.363"
+         r="0.05"
+         id="circle42602" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="5.819"
+         cy="4.413"
+         r="0.05"
+         id="circle42604" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="4.305"
+         cy="4.048"
+         r="0.05"
+         id="circle42606" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="5.541"
+         cy="3.045"
+         r="0.05"
+         id="circle42608" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="4.785"
+         cy="5.527"
+         r="0.05"
+         id="circle42610" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="2.667"
+         cy="5.184"
+         r="0.05"
+         id="circle42612" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="7.965"
+         cy="1.448"
+         r="0.05"
+         id="circle42614" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="7.047"
+         cy="5.049"
+         r="0.05"
+         id="circle42616" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="4.340"
+         cy="0.895"
+         r="0.05"
+         id="circle42618" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="7.125"
+         cy="0.340"
+         r="0.05"
+         id="circle42620" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="9.550"
+         cy="1.049"
+         r="0.05"
+         id="circle42622" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="7.006"
+         cy="2.689"
+         r="0.05"
+         id="circle42624" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="8.909"
+         cy="2.689"
+         r="0.05"
+         id="circle42626" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="9.315"
+         cy="4.407"
+         r="0.05"
+         id="circle42628" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="7.820"
+         cy="3.870"
+         r="0.05"
+         id="circle42630" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="8.270"
+         cy="5.948"
+         r="0.05"
+         id="circle42632" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="7.973"
+         cy="7.428"
+         r="0.05"
+         id="circle42634" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="9.342"
+         cy="8.072"
+         r="0.05"
+         id="circle42636" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="8.206"
+         cy="9.315"
+         r="0.05"
+         id="circle42638" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="9.682"
+         cy="9.475"
+         r="0.05"
+         id="circle42640" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="9.688"
+         cy="6.186"
+         r="0.05"
+         id="circle42642" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="3.379"
+         cy="6.296"
+         r="0.05"
+         id="circle42644" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="2.871"
+         cy="8.204"
+         r="0.05"
+         id="circle42646" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="4.59"
+         cy="8.719"
+         r="0.05"
+         id="circle42648" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="3.181"
+         cy="9.671"
+         r="0.05"
+         id="circle42650" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="5.734"
+         cy="7.315"
+         r="0.05"
+         id="circle42652" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="6.707"
+         cy="6.513"
+         r="0.05"
+         id="circle42654" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="5.730"
+         cy="9.670"
+         r="0.05"
+         id="circle42656" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="6.535"
+         cy="8.373"
+         r="0.05"
+         id="circle42658" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="4.37"
+         cy="7.154"
+         r="0.05"
+         id="circle42660" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="0.622"
+         cy="7.25"
+         r="0.05"
+         id="circle42662" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="0.831"
+         cy="5.679"
+         r="0.05"
+         id="circle42664" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="1.257"
+         cy="8.519"
+         r="0.05"
+         id="circle42666" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="1.989"
+         cy="6.877"
+         r="0.05"
+         id="circle42668" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="0.374"
+         cy="3.181"
+         r="0.05"
+         id="circle42670" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="1.166"
+         cy="1.664"
+         r="0.05"
+         id="circle42672" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="1.151"
+         cy="0.093"
+         r="0.05"
+         id="circle42674" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="1.151"
+         cy="10.093"
+         r="0.05"
+         id="circle42676" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="1.302"
+         cy="4.451"
+         r="0.05"
+         id="circle42678" />
+      <circle
+         style="fill:white;stroke:none"
+         cx="3.047"
+         cy="3.763"
+         r="0.05"
+         id="circle42680" />
+    </pattern>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#3b285c"
+     bordercolor="#efc035"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="406.5"
+     inkscape:cy="281"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#3b285c">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="22.676985"
+       originy="-2086.2512" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="layer 01"
+     style="display:inline"
+     transform="translate(-1.8e-4,-2086.2512)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <rect
+       
style="fill:#3b285c;fill-opacity:1;stroke-width:11.898;stroke-linecap:round;stroke-dasharray:47.5922,
 47.5922"
+       id="rect59139"
+       width="960"
+       height="545.93353"
+       x="0.00018"
+       y="2086.2512" />
+    <rect
+       
style="fill:url(#pattern4015);fill-opacity:1;stroke-width:11.898;stroke-linecap:round;stroke-dasharray:47.5922,
 47.5922"
+       id="rect80223"
+       width="960"
+       height="545.93353"
+       x="0.00018"
+       y="2086.2512" />
+  </g>
+</svg>
diff --git a/website/static/base/img/give-users-control.svg 
b/website/static/base/img/give-users-control.svg
new file mode 100644
index 0000000..3286db1
--- /dev/null
+++ b/website/static/base/img/give-users-control.svg
@@ -0,0 +1,528 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="give-users-control.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="350"
+   width="450"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3542">Guix · Give Users Control</title>
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#1a1a1a"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="243"
+     inkscape:cy="141"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#1a1a1a">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-477.4677"
+       originy="-462.17896" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>Guix · Give Users Control</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="layer 01"
+     style="display:inline"
+     transform="translate(-500.14487,-462.17899)">
+    <rect
+       
style="fill:#1a1a1a;fill-opacity:1;stroke-width:9.05345;stroke-linecap:round;stroke-dasharray:36.2137,
 36.2137"
+       id="rect15844"
+       width="960"
+       height="598.49194"
+       x="0.00018"
+       y="5357.3774" />
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <g
+       id="g10927">
+      <path
+         
style="fill:#1a1a1a;fill-opacity:1;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 725.14484,772.34408 -59.79466,-34.29048 59.79466,-34.4035 
59.79471,34.4035 z"
+         id="path37360" />
+      <path
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.673251px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 725.14484,716.3819 -37.66633,21.6717 37.66633,21.67185 z"
+         id="path37362"
+         inkscape:connector-curvature="0" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 725.14484,716.3819 -37.66633,21.6717 37.66633,21.67185 
37.66633,-21.67185 z"
+         id="path37364" />
+      <path
+         
style="fill:#1a1a1a;fill-opacity:1;stroke:none;stroke-width:0.666222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 725.14485,721.69693 689.9909,701.45867 v -40.59811 l 
35.15395,-20.30493 35.15397,20.23821 v 40.66483 z"
+         id="path37366" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path37368"
+         d="M 725.14485,721.76366 V 681.1655 l 35.15397,-20.30494 v 40.59811 z"
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.666222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
 />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 725.14485,640.55563 35.15397,20.30493 v 40.59811 l 
-35.15397,20.30499 -35.15395,-20.30499 v -40.59811 z"
+         id="path37370" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 725.14485,721.69693 v -40.59816 l 35.15397,-20.30493"
+         id="path37372" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 725.14485,681.1655 689.9909,660.86056"
+         id="path37374" />
+      <path
+         
style="fill:#1a1a1a;fill-opacity:1;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 605.94363,702.61567 -59.79466,-34.29047 59.79466,-34.40352 
59.79472,34.40352 z"
+         id="path19429" />
+      <path
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.673251px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 605.94363,646.65349 -37.66632,21.67171 37.66632,21.67184 z"
+         id="path19431"
+         inkscape:connector-curvature="0" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 605.94363,646.65349 -37.66632,21.67171 37.66632,21.67184 
37.66634,-21.67184 z"
+         id="path19433" />
+      <path
+         
style="fill:#1a1a1a;fill-opacity:1;stroke:none;stroke-width:0.666222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 605.94365,651.96852 570.7897,631.73027 v -40.59812 l 
35.15395,-20.30493 35.15397,20.23821 v 40.66484 z"
+         id="path19437" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path19439"
+         d="m 605.94365,652.03525 v -40.59816 l 35.15397,-20.30494 v 40.59812 
z"
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.666222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
 />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 605.94365,570.82722 35.15397,20.30493 v 40.59812 l 
-35.15397,20.30498 -35.15395,-20.30498 v -40.59812 z"
+         id="path19441" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 605.94365,651.96852 v -40.59816 l 35.15397,-20.30493"
+         id="path19443" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 605.94365,611.43709 570.7897,591.13215"
+         id="path19445" />
+      <path
+         
style="fill:#1a1a1a;fill-opacity:1;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 725.14485,633.80336 -59.79466,-34.29047 59.79466,-34.40351 
59.79471,34.40351 z"
+         id="path19455" />
+      <path
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.673251px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 725.14485,577.84118 -37.66633,21.67171 37.66633,21.67184 z"
+         id="path19457"
+         inkscape:connector-curvature="0" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 725.14485,577.84118 -37.66633,21.67171 37.66633,21.67184 
37.66633,-21.67184 z"
+         id="path19459" />
+      <path
+         
style="fill:#1a1a1a;fill-opacity:1;stroke:none;stroke-width:0.666222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 725.14486,583.15621 -35.15395,-20.23826 v -40.59812 l 
35.15395,-20.30493 35.15397,20.23822 v 40.66483 z"
+         id="path19463" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path19465"
+         d="m 725.14486,583.22293 v -40.59816 l 35.15397,-20.30494 v 40.59812 
z"
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.666222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
 />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 725.14486,502.0149 35.15397,20.30493 v 40.59812 l 
-35.15397,20.30498 -35.15395,-20.30498 v -40.59812 z"
+         id="path19467" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 725.14486,583.15621 v -40.59816 l 35.15397,-20.30493"
+         id="path19469" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 725.14486,542.62477 689.99091,522.31983"
+         id="path19471" />
+      <path
+         
style="fill:#1a1a1a;fill-opacity:1;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 844.34604,702.61567 -59.79466,-34.29047 59.79466,-34.40352 
59.79473,34.40352 z"
+         id="path20564" />
+      <path
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.673251px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 844.34604,646.65349 -37.66631,21.67171 37.66631,21.67184 z"
+         id="path20566"
+         inkscape:connector-curvature="0" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 844.34604,646.65349 -37.66631,21.67171 37.66631,21.67184 
37.66635,-21.67184 z"
+         id="path20568" />
+      <path
+         
style="fill:#1a1a1a;fill-opacity:1;stroke:none;stroke-width:0.666222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 844.34606,651.96852 -35.15394,-20.23825 v -40.59812 l 
35.15394,-20.30493 35.15397,20.23821 v 40.66484 z"
+         id="path20572" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path20574"
+         d="m 844.34606,652.03525 v -40.59816 l 35.15397,-20.30494 v 40.59812 
z"
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.666222px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
 />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 844.34606,570.82722 35.15397,20.30493 v 40.59812 l 
-35.15397,20.30498 -35.15394,-20.30498 v -40.59812 z"
+         id="path20576" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="m 844.34606,651.96852 v -40.59816 l 35.15397,-20.30493"
+         id="path20578" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999995;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         d="M 844.34606,611.43709 809.19212,591.13215"
+         id="path20580" />
+      <path
+         
style="fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 816.73147,627.42243 20.08508,11.68476 v -23.40766 z"
+         id="path51863"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:#e16aff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 697.52043,558.61295 20.08508,11.68477 v -23.40766 z"
+         id="path51865"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:#71c837;fill-opacity:1;stroke:none;stroke-width:0.999995;stroke-dasharray:none;stroke-opacity:1"
+         d="m 588.61595,633.13216 -9.29968,-5.40922 9.28599,-5.42036 c 
5.10728,-2.9812 9.30132,-5.40502 9.32009,-5.38627 0.0187,0.0188 0.0249,4.89208 
0.0137,10.82958 l -0.0204,10.79548 z"
+         id="path54509" />
+      <g
+         id="g7144"
+         transform="matrix(0.91044252,0,0,0.91032961,48.891932,49.740414)"
+         style="stroke-width:1.09844">
+        <path
+           
style="fill:#479316;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 581.51626,608.91823 v 25.67116 l 22.06079,-12.87764 z"
+           id="path56997"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#7ed742;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 581.51626,634.58939 22.06079,12.83575 v -25.71339 z"
+           id="path57117"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <path
+         
style="fill:#9227ae;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 697.52043,535.24374 v 23.36921 l 20.08508,-11.72289 z"
+         id="path59295"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:#008ee4;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 816.73147,604.05321 v 23.36922 l 20.08508,-11.7229 z"
+         id="path60380"
+         sodipodi:nodetypes="cccc" />
+      <g
+         id="g10823"
+         style="stroke-width:1.09844"
+         transform="matrix(0.91044252,0,0,0.91032961,48.891932,50.04248)">
+        <path
+           
style="fill:#ff6d0c;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.44291,710.85061 22.06079,12.83575 v -25.71339 z"
+           id="path51861"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#ca3918;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.44291,685.17945 v 25.67116 l 22.06079,-12.87764 z"
+           id="path62895"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <ellipse
+         
style="fill:#7ed742;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         id="path68689"
+         cx="558.26312"
+         cy="687.70325"
+         rx="1.9591166"
+         ry="1.9588736" />
+      <path
+         id="circle68691"
+         
style="fill:#7ed742;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         d="m 558.26318,689.35084 a 1.9591166,1.9588737 0 0 0 -1.95781,1.93979 
h -0.002 v 2.01802 h 0.002 a 1.9591166,1.9588737 0 0 0 -0.002,0.0267 
1.9591166,1.9588737 0 0 0 1.95959,1.95935 1.9591166,1.9588737 0 0 0 
1.95959,-1.95935 1.9591166,1.9588737 0 0 0 -0.002,-0.0267 h 0.002 v -1.9718 h 
-0.002 a 1.9591166,1.9588737 0 0 0 0.002,-0.0267 1.9591166,1.9588737 0 0 0 
-1.95959,-1.95934 z" />
+      <path
+         id="circle76478"
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         d="m 566.72214,701.9382 a 1.9591166,1.9588737 0 0 0 -0.48729,-2.72648 
1.9591166,1.9588737 0 0 0 -2.17158,-0.0427 1.9591166,1.9588737 0 0 0 
-0.77457,-2.00575 l 8.2e-4,-0.002 -1.65646,-1.15292 -8.1e-4,0.002 a 
1.9591166,1.9588737 0 0 0 -0.021,-0.0164 1.9591166,1.9588737 0 0 0 
-1.70699,-0.25873 1.6351647,1.6349619 0 0 0 -0.66122,-0.99531 
1.6351647,1.6349619 0 0 0 -2.27585,0.40899 1.6351647,1.6349619 0 0 0 
0.40657,2.27604 1.6351647,1.6349619 0 0 0 1.16104,0.27735 1.9591166,1.9588737  
[...]
+         inkscape:transform-center-y="2.814523"
+         inkscape:transform-center-x="-3.9656033" />
+      <ellipse
+         
style="fill:#7ed742;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         id="circle68695"
+         cx="558.26312"
+         cy="695.99451"
+         rx="1.6351646"
+         ry="1.6349618" />
+      <ellipse
+         
style="fill:#e16aff;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         id="circle81962"
+         cx="677.46436"
+         cy="618.89349"
+         rx="1.9591166"
+         ry="1.9588736" />
+      <path
+         id="path81964"
+         
style="fill:#e16aff;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         d="m 677.46442,620.54104 a 1.9591166,1.9588737 0 0 0 -1.95781,1.93978 
h -0.002 v 2.01802 h 0.002 a 1.9591166,1.9588737 0 0 0 -0.002,0.0267 
1.9591166,1.9588737 0 0 0 1.95958,1.95934 1.9591166,1.9588737 0 0 0 
1.95959,-1.95934 1.9591166,1.9588737 0 0 0 -0.002,-0.0267 h 0.002 v -1.97179 h 
-0.002 a 1.9591166,1.9588737 0 0 0 0.002,-0.0267 1.9591166,1.9588737 0 0 0 
-1.95959,-1.95934 z" />
+      <path
+         id="path81966"
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         d="m 685.92337,633.12839 a 1.9591166,1.9588737 0 0 0 
-0.48728,-2.72648 1.9591166,1.9588737 0 0 0 -2.17158,-0.0427 
1.9591166,1.9588737 0 0 0 -0.77458,-2.00575 l 8.2e-4,-0.002 -1.65646,-1.15292 
-8.1e-4,0.002 a 1.9591166,1.9588737 0 0 0 -0.021,-0.0164 1.9591166,1.9588737 0 
0 0 -1.70699,-0.25873 1.6351647,1.6349619 0 0 0 -0.66122,-0.99531 
1.6351647,1.6349619 0 0 0 -2.27585,0.40899 1.6351647,1.6349619 0 0 0 
0.40658,2.27603 1.6351647,1.6349619 0 0 0 1.16103,0.27735 1.9591166,1.9588737 
[...]
+         inkscape:transform-center-y="2.814523"
+         inkscape:transform-center-x="-3.9656033" />
+      <ellipse
+         
style="fill:#e16aff;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         id="circle81968"
+         cx="677.46436"
+         cy="627.18475"
+         rx="1.6351646"
+         ry="1.6349618" />
+      <ellipse
+         
style="fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         id="circle81972"
+         cx="796.66559"
+         cy="687.72357"
+         rx="1.9591166"
+         ry="1.9588736" />
+      <path
+         id="path81974"
+         
style="fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         d="m 796.66562,689.37117 a 1.9591166,1.9588737 0 0 0 -1.9578,1.93979 
h -0.002 v 2.01801 h 0.002 a 1.9591166,1.9588737 0 0 0 -0.002,0.0267 
1.9591166,1.9588737 0 0 0 1.95958,1.95935 1.9591166,1.9588737 0 0 0 
1.95959,-1.95935 1.9591166,1.9588737 0 0 0 -0.002,-0.0267 h 0.002 v -1.97179 h 
-0.002 a 1.9591166,1.9588737 0 0 0 0.002,-0.0267 1.9591166,1.9588737 0 0 0 
-1.95959,-1.95934 z" />
+      <path
+         id="path81976"
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         d="m 805.12458,701.95853 a 1.9591166,1.9588737 0 0 0 
-0.48729,-2.72649 1.9591166,1.9588737 0 0 0 -2.17157,-0.0427 
1.9591166,1.9588737 0 0 0 -0.77458,-2.00575 l 8.2e-4,-0.002 -1.65646,-1.15292 
-8.1e-4,0.002 a 1.9591166,1.9588737 0 0 0 -0.021,-0.0164 1.9591166,1.9588737 0 
0 0 -1.70699,-0.25873 1.6351647,1.6349619 0 0 0 -0.66122,-0.99531 
1.6351647,1.6349619 0 0 0 -2.27585,0.40899 1.6351647,1.6349619 0 0 0 
0.40658,2.27604 1.6351647,1.6349619 0 0 0 1.16103,0.27735 1.9591166,1.9588737 
[...]
+         inkscape:transform-center-y="2.814523"
+         inkscape:transform-center-x="-3.9656033" />
+      <ellipse
+         
style="fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         id="circle81978"
+         cx="796.66559"
+         cy="696.01483"
+         rx="1.6351646"
+         ry="1.6349618" />
+      <ellipse
+         
style="fill:#ff6d0c;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         id="circle81982"
+         cx="677.46436"
+         cy="756.53497"
+         rx="1.9591166"
+         ry="1.9588736" />
+      <path
+         id="path81984"
+         
style="fill:#ff6d0c;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         d="m 677.46441,758.18254 a 1.9591166,1.9588737 0 0 0 -1.95781,1.93978 
h -0.002 v 2.01802 h 0.002 a 1.9591166,1.9588737 0 0 0 -0.002,0.0267 
1.9591166,1.9588737 0 0 0 1.95958,1.95934 1.9591166,1.9588737 0 0 0 
1.95959,-1.95934 1.9591166,1.9588737 0 0 0 -0.002,-0.0267 h 0.002 v -1.97179 h 
-0.002 a 1.9591166,1.9588737 0 0 0 0.002,-0.0267 1.9591166,1.9588737 0 0 0 
-1.95959,-1.95934 z" />
+      <path
+         id="path81986"
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         d="m 685.92336,770.7699 a 1.9591166,1.9588737 0 0 0 -0.48728,-2.72649 
1.9591166,1.9588737 0 0 0 -2.17158,-0.0427 1.9591166,1.9588737 0 0 0 
-0.77458,-2.00575 l 8.2e-4,-0.002 -1.65646,-1.15292 -8.1e-4,0.002 a 
1.9591166,1.9588737 0 0 0 -0.021,-0.0164 1.9591166,1.9588737 0 0 0 
-1.70699,-0.25873 1.6351647,1.6349619 0 0 0 -0.66122,-0.99531 
1.6351647,1.6349619 0 0 0 -2.27585,0.40899 1.6351647,1.6349619 0 0 0 
0.40658,2.27603 1.6351647,1.6349619 0 0 0 1.16103,0.27735 1.9591166,1.9588737  
[...]
+         inkscape:transform-center-y="2.814523"
+         inkscape:transform-center-x="-3.9656033" />
+      <ellipse
+         
style="fill:#ff6d0c;fill-opacity:1;stroke:none;stroke-width:1;stroke-dasharray:none;stroke-opacity:1"
+         id="circle81988"
+         cx="677.46436"
+         cy="764.82623"
+         rx="1.6351646"
+         ry="1.6349618" />
+      <g
+         id="g93648"
+         transform="matrix(-0.91044252,0,0,0.91032961,1639.8051,50.045976)"
+         style="stroke-width:1.09844">
+        <path
+           
style="fill:#00ccff;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 843.36959,634.25373 22.06079,12.83575 v -25.71339 z"
+           id="path93642"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#008ee4;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 843.36959,608.58257 v 25.67116 l 22.06079,-12.87764 z"
+           id="path93644"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g94758"
+         
transform="matrix(-0.45522126,0.78836857,-0.78846635,-0.4551648,1728.3147,203.49968)"
+         style="stroke-width:1.09844">
+        <path
+           
style="fill:#008ee4;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 843.36959,634.25373 22.06079,12.83575 v -25.71339 z"
+           id="path94754"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#008ee4;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 843.36959,608.58257 v 25.67116 l 22.06079,-12.87764 z"
+           id="path94756"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g3515"
+         transform="matrix(-0.91044252,0,0,0.91032961,1401.3929,50.043135)"
+         style="stroke-width:1.09844">
+        <path
+           
style="fill:#e16aff;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.43212,558.6663 22.06079,12.83575 v -25.71339 z"
+           id="path3509"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#9227ae;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.43212,532.99514 v 25.67116 l 22.06079,-12.87764 z"
+           id="path3511"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g3537"
+         
transform="matrix(-0.45522126,-0.78836856,-0.78846635,0.45516481,1489.9099,841.25498)"
+         style="stroke-width:1.09844">
+        <path
+           
style="fill:#9227ae;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.43212,558.6663 22.06079,12.83575 v -25.71339 z"
+           id="path3533"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#9227ae;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.43212,532.99514 v 25.67116 l 22.06079,-12.87764 z"
+           id="path3535"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g7150"
+         transform="matrix(-0.91044252,0,0,0.91032961,1163.0003,49.740414)"
+         style="stroke-width:1.09844">
+        <path
+           
style="fill:#479316;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 581.51626,608.91823 v 25.67116 l 22.06079,-12.87764 z"
+           id="path7146"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#7ed742;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 581.51626,634.58939 22.06079,12.83575 v -25.71339 z"
+           id="path7148"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g9366"
+         
transform="matrix(0.45522126,0.78836856,0.78846635,-0.45516481,-159.08841,409.78007)"
+         style="stroke-width:1.09844">
+        <path
+           
style="fill:#479316;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 581.51626,608.91823 v 25.67116 l 22.06079,-12.87764 z"
+           id="path9362"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#479316;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 581.51626,634.58939 22.06079,12.83575 v -25.71339 z"
+           id="path9364"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g10829"
+         transform="matrix(-0.91044252,0,0,0.91032961,1401.4027,50.045976)"
+         style="stroke-width:1.09844">
+        <path
+           
style="fill:#ff6d0c;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.44291,710.85061 22.06079,12.83575 v -25.71339 z"
+           id="path10825"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#ca3918;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.44291,685.17945 v 25.67116 l 22.06079,-12.87764 z"
+           id="path10827"
+           sodipodi:nodetypes="cccc" />
+      </g>
+      <g
+         id="g10835"
+         
transform="matrix(0.45522126,0.78836856,0.78846635,-0.45516481,-159.61721,411.10269)"
+         style="stroke-width:1.09844">
+        <path
+           
style="fill:#ca3918;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.44291,710.85061 22.06079,12.83575 v -25.71339 z"
+           id="path10831"
+           sodipodi:nodetypes="cccc" />
+        <path
+           
style="fill:#ca3918;fill-opacity:1;stroke:none;stroke-width:1.09844px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 712.44291,685.17945 v 25.67116 l 22.06079,-12.87764 z"
+           id="path10833"
+           sodipodi:nodetypes="cccc" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/website/static/base/img/guile-logo-outlined-floating.svg 
b/website/static/base/img/guile-logo-outlined-floating.svg
new file mode 100644
index 0000000..075c8f8
--- /dev/null
+++ b/website/static/base/img/guile-logo-outlined-floating.svg
@@ -0,0 +1,144 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="guile-logo-outlined-floating.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="350"
+   width="350"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3874">Guile logo · Outlined and floating</title>
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#3b285c"
+     bordercolor="#cba119"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="172"
+     inkscape:cy="175"
+     inkscape:document-units="px"
+     inkscape:current-layer="g6552"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#3b285c">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-491.77437"
+       originy="-2179.0202" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+        <dc:title>Guile logo · Outlined and floating</dc:title>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="layer 01"
+     style="display:inline"
+     transform="translate(-514.45154,-2179.0203)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <g
+       id="g6552"
+       transform="translate(2.0618286,-3.9107456)">
+      <g
+         id="g9295"
+         transform="matrix(0.85626046,0,0,0.85626046,83.820525,323.94339)"
+         style="stroke-width:1.16787">
+        <path
+           sodipodi:nodetypes="csccscc"
+           inkscape:connector-curvature="0"
+           id="path4062"
+           d="m 688.45232,2225.1499 c -60.91469,8.0377 -107.91483,60.1702 
-107.91483,123.2802 0,63.1099 47.00014,115.2425 107.91483,123.2802 v -36.1801 c 
-41.08796,-7.7075 -72.18144,-43.7745 -72.18144,-87.1001 0,-43.3256 
31.09348,-79.3926 72.18144,-87.1001 z"
+           
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:2.33574;stroke-dasharray:none;stroke-opacity:1"
 />
+        <path
+           sodipodi:nodetypes="ccsccsc"
+           inkscape:connector-curvature="0"
+           
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:2.33574;stroke-dasharray:none;stroke-opacity:1"
+           d="m 721.32704,2225.1499 v 36.1801 c 41.08795,7.7075 
72.18144,43.7745 72.18144,87.1001 0,43.3256 -31.09349,79.3926 -72.18144,87.1001 
v 36.1801 c 60.91469,-8.0377 107.91483,-60.1703 107.91483,-123.2802 0,-63.11 
-47.00014,-115.2425 -107.91483,-123.2802 z"
+           id="path4068" />
+        <path
+           d="m 768.30404,2350.1205 q 0,24.4693 -18.02999,42.1773 
-18.02998,17.7081 -44.10906,17.7081 -27.36694,0 -46.04085,-17.869 
-18.67391,-17.8691 -18.67391,-43.9481 0,-25.5962 18.19096,-43.4652 
18.35195,-17.869 44.43103,-17.869 19.47882,0 35.89899,10.4639 16.42016,10.4638 
22.21551,26.562 h -25.9181 q -11.26874,-15.7763 -32.67934,-15.7763 -17.38606,0 
-28.6548,11.7517 -11.26874,11.5907 -11.26874,28.6548 0,17.0641 11.75169,28.6548 
11.91266,11.5907 29.4597,11.5907 11.75169,0 20.92766,-5 [...]
+           
style="font-weight:600;font-size:160.982px;line-height:1.25;font-family:'URW 
Gothic L';-inkscape-font-specification:'URW Gothic L 
Semi-Bold';text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:none;stroke:#ffffff;stroke-width:2.33574"
+           id="path304" />
+        <ellipse
+           
style="fill:#1e1233;fill-opacity:1;stroke:none;stroke-width:0.546181;stroke-dasharray:none"
+           id="ellipse81568"
+           cx="704.88971"
+           cy="2516.5688"
+           rx="145.59332"
+           ry="10.283889" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/website/static/base/img/guix-shell.svg 
b/website/static/base/img/guix-shell.svg
new file mode 100644
index 0000000..73a123e
--- /dev/null
+++ b/website/static/base/img/guix-shell.svg
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="guix-shell.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="350"
+   width="450"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3542">Guix · Floating Guix Shell</title>
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#1a1a1a"
+     bordercolor="#b18f08"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="260"
+     inkscape:cy="260"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#1a1a1a">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-507.21248"
+       originy="-3778.8962" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>Guix · Floating Guix Shell</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="layer 01"
+     style="display:inline"
+     transform="translate(-529.88965,-3778.8962)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <g
+       id="g81575"
+       transform="translate(50.000124,1409.9101)">
+      <ellipse
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.467673;stroke-dasharray:none"
+         id="path21145"
+         cx="704.88953"
+         cy="2641.2512"
+         rx="145.59332"
+         ry="10.283889" />
+      <path
+         id="path10787"
+         
style="fill:#1a1a1a;fill-opacity:1;stroke:#ffcc00;stroke-width:1;stroke-dasharray:none"
+         d="m 567.96663,2436.9371 c -2.10708,0 -3.80273,1.6957 -3.80273,3.8028 
v 155.1797 c 0,2.1071 1.69565,3.8027 3.80273,3.8027 h 273.84571 c 2.10709,0 
3.80273,-1.6956 3.80273,-3.8027 v -155.1797 c 0,-2.1071 -1.69564,-3.8028 
-3.80273,-3.8028 z" />
+      <text
+         xml:space="preserve"
+         
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:12.7219px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;letter-spacing:0px;fill:#ffcc00;stroke-width:0.454357"
+         x="797.76501"
+         y="2555.3894"
+         id="text24520"
+         transform="scale(1.042698,0.95905046)"><tspan
+           sodipodi:role="line"
+           id="tspan24518"
+           x="797.76501"
+           y="2555.3894"
+           style="stroke-width:0.454357">x</tspan></text>
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="M 845.47036,2457.7402 H 564.3289"
+         id="path26314" />
+    </g>
+  </g>
+</svg>
diff --git a/website/static/base/img/guix-system-display.svg 
b/website/static/base/img/guix-system-display.svg
new file mode 100644
index 0000000..c905066
--- /dev/null
+++ b/website/static/base/img/guix-system-display.svg
@@ -0,0 +1,211 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="guix-system-display.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="350"
+   width="450"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3542">Guix System Display</title>
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4373">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop4375" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0;"
+         offset="1"
+         id="stop4377" />
+    </linearGradient>
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath9717-9">
+      <rect
+         ry="4.0186915"
+         rx="4.7027025"
+         y="147"
+         x="81"
+         height="172"
+         width="348"
+         id="rect9719-8"
+         style="fill:#333333;fill-opacity:1;stroke:none" />
+    </clipPath>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4373"
+       id="linearGradient9538"
+       gradientUnits="userSpaceOnUse"
+       
gradientTransform="matrix(0.76068203,0,0,-0.76068203,510.91594,4247.3953)"
+       x1="202"
+       y1="-327"
+       x2="202"
+       y2="-346" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#22241c"
+     bordercolor="#c4a008"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="191"
+     inkscape:cy="266"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#22241c">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-457.21242"
+       originy="-4267.4013" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>Guix System Display</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="layer 01"
+     style="display:inline"
+     transform="translate(-479.88959,-4267.4014)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <g
+       id="g7762">
+      <ellipse
+         
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.467673;stroke-dasharray:none"
+         id="ellipse9436"
+         cx="704.88959"
+         cy="4541.6665"
+         rx="145.59332"
+         ry="10.283889" />
+      <path
+         
style="fill:#22241c;fill-opacity:1;stroke:#ffcc00;stroke-width:0.760682"
+         d="m 653.92414,4526.5656 h 101.9314 l -15.2136,-30.4272 h -71.5041 z"
+         id="path9450"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <path
+         
style="fill:url(#linearGradient9538);fill-opacity:1;stroke:none;stroke-width:0.760682"
+         d="m 664.57374,4510.5913 h 80.6323 l -4.5641,-14.4529 h -71.5041 z"
+         id="path9452"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="ccccc" />
+      <rect
+         ry="0.17222963"
+         rx="0.19036427"
+         y="4475.3447"
+         x="694.24042"
+         height="18.256369"
+         width="20.538414"
+         id="rect9500"
+         style="fill:#00ffff;fill-opacity:1;stroke:none;stroke-width:0.760682" 
/>
+      <path
+         id="path9506"
+         
style="fill:#22241c;fill-opacity:1;stroke:#ffcc00;stroke-width:1;stroke-dasharray:none"
+         d="m 567.96674,4333.3524 c -2.1071,0 -3.8027,1.6957 -3.8027,3.8028 v 
155.1797 c 0,2.1071 1.6956,3.8027 3.8027,3.8027 h 273.8457 c 2.1071,0 
3.8027,-1.6956 3.8027,-3.8027 v -155.1797 c 0,-2.1071 -1.6956,-3.8028 
-3.8027,-3.8028 z" />
+      <image
+         y="147"
+         x="81"
+         id="image9508"
+         
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAACsCAYAAAA38xSBAAAABHNCSVQICAgIfAhkiAAAIABJREFU
 eJyUfWu6K8uKXJClcz1cj8Wj8BD99dmrwD+ICChJa7etr/uevaR65AMCMiDJ+J//639XVAERQCYQ 
QFQAlQACEYFE4vRPSBQCBSQQBwD60ogCqoAM4ABRAAp9bSX0KRSAfkchEVVARX8H3lS8tviuvtFP 
QAQiE4VuU9/bLQteE1Woin4+gOpG9h13soHR/+F72TJ+B6AKhepnsln9PDfGbe8LaprK60IPW20B 
CtmvQtzz5vJz2QaPm3rq0UDtJlQ9v/APPWmZsR5Tvj/c9GI3ApXTxunL9LhWK9VWAADvS10f/d9c 
9wXfmzPlyP4WEf3uAnAQqMBHXwuFYqMrZ9amPfUYhuRbS1JRzzGuUMf4ewSq5gq/ [...]
+         height="172"
+         width="348"
+         clip-path="url(#clipPath9717-9)"
+         transform="matrix(0.76068203,0,0,0.76068203,510.91594,4232.1817)" />
+      <rect
+         ry="4.0186915"
+         rx="4.7027025"
+         y="4344.002"
+         x="572.53119"
+         height="130.83731"
+         width="264.71735"
+         id="rect9510"
+         
style="fill:none;stroke:#000000;stroke-width:1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
 />
+      <rect
+         
style="fill:#22241c;fill-opacity:1;stroke:#ffcc00;stroke-width:1;stroke-dasharray:none"
+         id="rect9524"
+         width="231.37497"
+         height="16.246473"
+         x="587.86761"
+         y="4524.1943"
+         ry="4.0186915"
+         rx="4.0186915" />
+    </g>
+  </g>
+</svg>
diff --git a/website/static/base/img/people-focused.svg 
b/website/static/base/img/people-focused.svg
new file mode 100644
index 0000000..40857ec
--- /dev/null
+++ b/website/static/base/img/people-focused.svg
@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="people-focused.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="350"
+   width="450"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3542">Guix · People Focused</title>
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffcc00"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1"
+     inkscape:cx="202.5"
+     inkscape:cy="173"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#ffcc00">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-507.21254"
+       originy="-2736.3645" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>Guix · People Focused</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="layer 01"
+     style="display:inline"
+     transform="translate(-529.88971,-2736.3645)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <g
+       id="g7938"
+       transform="translate(50.000001)">
+      <ellipse
+         
style="fill:#a16d00;fill-opacity:1;stroke:none;stroke-width:0.467673;stroke-dasharray:none"
+         id="ellipse99342"
+         cx="704.88971"
+         cy="3034.5024"
+         rx="145.59332"
+         ry="10.283889" />
+      <path
+         id="rect56586"
+         
style="fill:#1a1a1a;stroke:#1a1a1a;stroke-width:1;stroke-dasharray:none"
+         d="m 596.4494,2778.4426 c -5.54,0 -10,4.46 -10,10 v 193.8691 c 0,5.54 
4.46,10 10,10 h 216.88086 c 5.53999,0 10,-4.46 10,-10 v -193.8691 c 0,-5.54 
-4.46001,-10 -10,-10 z m 39.78906,40.4629 H 773.5412 c 2.76999,0 5,2.23 5,5 v 
122.9433 c 0,2.77 -2.23001,5 -5,5 H 636.23846 c -2.77,0 -5,-2.23 -5,-5 v 
-122.9433 c 0,-2.77 2.23,-5 5,-5 z" />
+      <g
+         id="g56596"
+         transform="matrix(1.2899416,0,0,1.2901107,-204.37556,-486.26556)"
+         style="fill:#1a1a1a;stroke-width:0.775178">
+        <circle
+           
style="opacity:1;fill:#1a1a1a;stroke:#1a1a1a;stroke-width:0.775178;stroke-dasharray:none"
+           id="circle56592"
+           cx="704.88953"
+           cy="2591.478"
+           r="8.6145935" />
+        <path
+           id="path56594"
+           
style="opacity:1;fill:#1a1a1a;stroke:#1a1a1a;stroke-width:0.775177;stroke-dasharray:none"
+           d="m 697.7461,2603.457 c -2.216,0 -4,1.784 -4,4 v 16.5469 h 5.3613 
v 18.0371 c 0,1.108 0.892,2 2,2 h 7.5625 c 1.108,0 2,-0.892 2,-2 v -18.0371 h 
5.3613 v -16.5469 c 0,-2.216 -1.784,-4 -4,-4 z" />
+      </g>
+      <rect
+         
style="fill:none;stroke:#ffcc00;stroke-width:0.999999;stroke-dasharray:none"
+         id="rect73029"
+         width="211.75917"
+         height="191.1877"
+         x="599.01025"
+         y="2789.7834"
+         rx="6"
+         ry="6" />
+      <rect
+         style="fill:none;stroke:#ffcc00;stroke-width:1;stroke-dasharray:none"
+         id="rect77900"
+         width="175.59343"
+         height="158.5188"
+         x="617.09314"
+         y="2806.1179"
+         rx="6"
+         ry="6" />
+    </g>
+  </g>
+</svg>
diff --git a/website/static/base/img/reproducible-outputs-container.svg 
b/website/static/base/img/reproducible-outputs-container.svg
new file mode 100644
index 0000000..7454875
--- /dev/null
+++ b/website/static/base/img/reproducible-outputs-container.svg
@@ -0,0 +1,389 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="reproducible-outputs-container.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="305"
+   width="305"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3542">Guix Reproducible Outputs · Container</title>
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient31331">
+      <stop
+         style="stop-color:#00ffff;stop-opacity:1;"
+         offset="0"
+         id="stop31327" />
+      <stop
+         style="stop-color:#00ffff;stop-opacity:0;"
+         offset="1"
+         id="stop31329" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient31331"
+       id="radialGradient14678"
+       gradientUnits="userSpaceOnUse"
+       
gradientTransform="matrix(0.21893943,0,0,0.27687633,299.04807,1423.1913)"
+       cx="837.04724"
+       cy="467.72104"
+       fx="837.04724"
+       fy="467.72104"
+       r="623.64777" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient12551"
+       id="linearGradient12553"
+       x1="329.91824"
+       y1="1685.0189"
+       x2="329.91824"
+       y2="1380.0189"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-329.91824,-1380.0189)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient12551">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1;"
+         offset="0"
+         id="stop12547" />
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:0;"
+         offset="1"
+         id="stop12549" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#323232"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2"
+     inkscape:cx="147"
+     inkscape:cy="142"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#323232">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-307.24108"
+       originy="-1380.0189" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>Guix Reproducible Outputs · Container</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="background"
+     sodipodi:insensitive="true"
+     style="display:none">
+    <rect
+       
style="display:inline;fill:url(#linearGradient12553);fill-opacity:1;stroke-width:3"
+       id="rect11991"
+       width="305"
+       height="304.99997"
+       x="3.4082032e-06"
+       y="2.0898438e-05" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="output"
+     style="display:inline"
+     transform="translate(-329.91824,-1380.0189)">
+    <path
+       id="path13818"
+       
style="opacity:0.5;fill:url(#radialGradient14678);fill-opacity:1;stroke:none;stroke-width:1.88977;stroke-linecap:round;stroke-dasharray:1,
 2"
+       d="m 13.21694,1122.2514 -10.7988,6.2344 v 1.1562 l 12.8008,-7.3906 z m 
21.3535,0 54.7873,31.6326 -64.4629,37.2168 -22.4766,-12.9766 v 1.1543 l 
21.4766,12.3984 -21.4766,12.4004 v 1.1543 l 22.4766,-12.9765 64.4648,37.2187 
-64.4629,37.2188 -22.4785,-12.9785 v 1.1562 l 21.4766,12.4004 -21.4766,12.3984 
v 1.1543 l 22.4766,-12.9765 64.4629,37.2168 -64.4649,37.2187 -22.4746,-12.9746 
v 1.1523 l 21.4766,12.3985 -21.4766,12.4004 v 1.1543 l 22.4766,-12.9766 
64.4629,37.2188 -64.4629,37.2168 -2 [...]
+       clip-path="none" />
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <rect
+       style="opacity:0;fill:#441650;stroke-width:2.99999"
+       id="rect11520"
+       width="305"
+       height="305"
+       x="329.91824"
+       y="1380.0189" />
+  </g>
+  <g
+     id="g14040"
+     style="display:inline"
+     transform="translate(-524.60742,-1248.6342)">
+    <path
+       
style="fill:#333333;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:6,
 2;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 677.10742,1324.2712 -65.46334,37.7953 v 75.5906 l 65.46334,37.7953 
65.46333,-37.7953 v -75.5906 z"
+       id="path13950" />
+    <path
+       
style="fill:#232323;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 742.46084,1437.5952 -65.46094,-37.7939 v -75.468 l 
65.57085,37.8574"
+       id="path13952"
+       sodipodi:nodetypes="cccc" />
+    <path
+       
style="fill:none;stroke:#00ffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       d="m 677.10742,1324.2712 -65.46334,37.7953 v 75.5906 l 65.46334,37.7953 
65.46333,-37.7953 v -75.5906 z"
+       id="path13954" />
+    <g
+       id="g13968"
+       transform="matrix(0.3731905,0,0,0.37385455,461.46052,1124.2125)"
+       style="stroke-width:2.67721">
+      <path
+         
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path13956" />
+      <path
+         
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+         id="path13958" />
+      <path
+         
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v -75.59201 
z"
+         id="path13960" />
+      <path
+         
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+         id="path13962"
+         sodipodi:nodetypes="ccc" />
+      <path
+         
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72001,793.17182 65.46334,-37.79381"
+         id="path13964"
+         sodipodi:nodetypes="cc" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path13966" />
+    </g>
+    <g
+       id="g13982"
+       transform="matrix(0.3731905,0,0,0.37385455,532.08605,1124.3112)"
+       style="stroke-width:2.67721">
+      <path
+         
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path13970" />
+      <path
+         
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+         id="path13972" />
+      <path
+         
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v -75.59201 
z"
+         id="path13974" />
+      <path
+         
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+         id="path13976"
+         sodipodi:nodetypes="ccc" />
+      <path
+         
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72001,793.17182 65.46334,-37.79381"
+         id="path13978"
+         sodipodi:nodetypes="cc" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path13980" />
+    </g>
+    <g
+       id="g13996"
+       transform="matrix(0.3731905,0,0,0.37385455,497.59975,1144.6502)"
+       style="stroke-width:2.67721">
+      <path
+         
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path13984" />
+      <path
+         
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+         id="path13986" />
+      <path
+         
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v -75.59201 
z"
+         id="path13988" />
+      <path
+         
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+         id="path13990"
+         sodipodi:nodetypes="ccc" />
+      <path
+         
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72001,793.17182 65.46334,-37.79381"
+         id="path13992"
+         sodipodi:nodetypes="cc" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path13994" />
+    </g>
+    <g
+       id="g14010"
+       transform="matrix(0.3731905,0,0,0.37385455,497.59975,1062.8704)"
+       style="stroke-width:2.67721">
+      <path
+         
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path13998" />
+      <path
+         
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+         id="path14000" />
+      <path
+         
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v -75.59201 
z"
+         id="path14002" />
+      <path
+         
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+         id="path14004"
+         sodipodi:nodetypes="ccc" />
+      <path
+         
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72001,793.17182 65.46334,-37.79381"
+         id="path14006"
+         sodipodi:nodetypes="cc" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path14008" />
+    </g>
+    <g
+       id="g14024"
+       transform="matrix(0.3731905,0,0,0.37385455,461.46052,1082.6587)"
+       style="stroke-width:2.67721">
+      <path
+         
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path14012" />
+      <path
+         
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+         id="path14014" />
+      <path
+         
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v -75.59201 
z"
+         id="path14016" />
+      <path
+         
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+         id="path14018"
+         sodipodi:nodetypes="ccc" />
+      <path
+         
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72001,793.17182 65.46334,-37.79381"
+         id="path14020"
+         sodipodi:nodetypes="cc" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path14022" />
+    </g>
+    <g
+       id="g14038"
+       transform="matrix(0.3731905,0,0,0.37385455,532.08605,1082.7574)"
+       style="stroke-width:2.67721">
+      <path
+         
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path14026" />
+      <path
+         
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+         id="path14028" />
+      <path
+         
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v -75.59201 
z"
+         id="path14030" />
+      <path
+         
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+         id="path14032"
+         sodipodi:nodetypes="ccc" />
+      <path
+         
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72001,793.17182 65.46334,-37.79381"
+         id="path14034"
+         sodipodi:nodetypes="cc" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+         id="path14036" />
+    </g>
+  </g>
+</svg>
diff --git a/website/static/base/img/reproducible-outputs-package.svg 
b/website/static/base/img/reproducible-outputs-package.svg
new file mode 100644
index 0000000..2f8770d
--- /dev/null
+++ b/website/static/base/img/reproducible-outputs-package.svg
@@ -0,0 +1,215 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="reproducible-outputs-package.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="305"
+   width="305"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3542">Guix Reproducible Outputs · Package</title>
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient31331">
+      <stop
+         style="stop-color:#00ffff;stop-opacity:1;"
+         offset="0"
+         id="stop31327" />
+      <stop
+         style="stop-color:#00ffff;stop-opacity:0;"
+         offset="1"
+         id="stop31329" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient31331"
+       id="radialGradient14678"
+       gradientUnits="userSpaceOnUse"
+       
gradientTransform="matrix(0.21702318,0,0,0.27687633,300.77808,1423.1913)"
+       cx="840.27319"
+       cy="458.51843"
+       fx="840.27319"
+       fy="458.51843"
+       r="623.64777" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient12551"
+       id="linearGradient12553"
+       x1="329.91824"
+       y1="1685.0189"
+       x2="329.91824"
+       y2="1380.0189"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-329.91824,-1380.0189)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient12551">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1;"
+         offset="0"
+         id="stop12547" />
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:0;"
+         offset="1"
+         id="stop12549" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#323232"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="73.539103"
+     inkscape:cy="116.67262"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#323232">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-307.24108"
+       originy="-1380.0189" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>Guix Reproducible Outputs · Package</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="background"
+     sodipodi:insensitive="true"
+     style="display:none">
+    <rect
+       
style="display:inline;fill:url(#linearGradient12553);fill-opacity:1;stroke-width:3"
+       id="rect11991"
+       width="305"
+       height="304.99997"
+       x="3.4082032e-06"
+       y="2.0898438e-05" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="output"
+     style="display:inline"
+     transform="translate(-329.91824,-1380.0189)">
+    <path
+       id="path13818"
+       
style="opacity:0.5;fill:url(#radialGradient14678);fill-opacity:1;stroke:none;stroke-width:1.88977;stroke-linecap:round;stroke-dasharray:1,
 2"
+       d="m 13.21694,1122.2514 -10.7988,6.2344 v 1.1562 l 12.8008,-7.3906 z m 
21.3535,0 54.7873,31.6326 -64.4629,37.2168 -22.4766,-12.9766 v 1.1543 l 
21.4766,12.3984 -21.4766,12.4004 v 1.1543 l 22.4766,-12.9765 64.4648,37.2187 
-64.4629,37.2188 -22.4785,-12.9785 v 1.1562 l 21.4766,12.4004 -21.4766,12.3984 
v 1.1543 l 22.4766,-12.9765 64.4629,37.2168 -64.4649,37.2187 -22.4746,-12.9746 
v 1.1523 l 21.4766,12.3985 -21.4766,12.4004 v 1.1543 l 22.4766,-12.9766 
64.4629,37.2188 -64.4629,37.2168 -2 [...]
+       clip-path="none" />
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <g
+       id="g11388"
+       transform="translate(1.41488,-0.579)">
+      <path
+         
style="fill:#ffcc00;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 481.72197,1456.2336 -65.46334,37.7953 v 75.5905 l 
65.46334,37.7953 65.46333,-37.7953 v -75.5905 z"
+         id="path13854" />
+      <path
+         
style="fill:#ffdd55;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 547.18404,1494.0281 -65.46334,37.7953 -65.46207,-37.7945 
65.46334,-37.7953 z"
+         id="path13856" />
+      <path
+         
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 547.1853,1494.0303 v 75.5906 l -65.46334,37.7952 v -75.592 z"
+         id="path13858" />
+      <path
+         
style="fill:none;stroke:#ffe680;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 481.72197,1607.4147 v -75.592 l -65.46334,-37.7938"
+         id="path13860"
+         sodipodi:nodetypes="ccc" />
+      <path
+         
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 481.72196,1531.8241 65.46334,-37.7938"
+         id="path13862"
+         sodipodi:nodetypes="cc" />
+      <path
+         
style="fill:none;stroke:#ffcc00;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+         d="m 481.72197,1456.2336 -65.46334,37.7953 v 75.5905 l 
65.46334,37.7953 65.46333,-37.7953 v -75.5905 z"
+         id="path13864" />
+    </g>
+    <rect
+       style="opacity:0;fill:#441650;stroke-width:2.99999"
+       id="rect11520"
+       width="305"
+       height="305"
+       x="329.91824"
+       y="1380.0189" />
+  </g>
+</svg>
diff --git a/website/static/base/img/reproducible-outputs-shell.svg 
b/website/static/base/img/reproducible-outputs-shell.svg
new file mode 100644
index 0000000..8af40e2
--- /dev/null
+++ b/website/static/base/img/reproducible-outputs-shell.svg
@@ -0,0 +1,332 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="reproducible-outputs-shell.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="305"
+   width="305"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3542">Guix Reproducible Outputs · Shell</title>
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient31331">
+      <stop
+         style="stop-color:#00ffff;stop-opacity:1;"
+         offset="0"
+         id="stop31327" />
+      <stop
+         style="stop-color:#00ffff;stop-opacity:0;"
+         offset="1"
+         id="stop31329" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient31331"
+       id="radialGradient14678"
+       gradientUnits="userSpaceOnUse"
+       
gradientTransform="matrix(0.22110843,0,0,0.27687633,297.49656,1423.1913)"
+       cx="844.59589"
+       cy="484.85062"
+       fx="844.59589"
+       fy="484.85062"
+       r="623.64777" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient12551"
+       id="linearGradient12553"
+       x1="329.91824"
+       y1="1685.0189"
+       x2="329.91824"
+       y2="1380.0189"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-329.91824,-1380.0189)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient12551">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1;"
+         offset="0"
+         id="stop12547" />
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:0;"
+         offset="1"
+         id="stop12549" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#323232"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2"
+     inkscape:cx="98"
+     inkscape:cy="115.5"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#323232">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-307.24108"
+       originy="-1380.0189" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>Guix Reproducible Outputs · Shell</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="background"
+     sodipodi:insensitive="true"
+     style="display:none">
+    <rect
+       
style="display:inline;fill:url(#linearGradient12553);fill-opacity:1;stroke-width:3"
+       id="rect11991"
+       width="305"
+       height="304.99997"
+       x="3.4082032e-06"
+       y="2.0898438e-05" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="output"
+     style="display:inline"
+     transform="translate(-329.91824,-1380.0189)">
+    <path
+       id="path13818"
+       
style="opacity:0.5;fill:url(#radialGradient14678);fill-opacity:1;stroke:none;stroke-width:1.88977;stroke-linecap:round;stroke-dasharray:1,
 2"
+       d="m 13.21694,1122.2514 -10.7988,6.2344 v 1.1562 l 12.8008,-7.3906 z m 
21.3535,0 54.7873,31.6326 -64.4629,37.2168 -22.4766,-12.9766 v 1.1543 l 
21.4766,12.3984 -21.4766,12.4004 v 1.1543 l 22.4766,-12.9765 64.4648,37.2187 
-64.4629,37.2188 -22.4785,-12.9785 v 1.1562 l 21.4766,12.4004 -21.4766,12.3984 
v 1.1543 l 22.4766,-12.9765 64.4629,37.2168 -64.4649,37.2187 -22.4746,-12.9746 
v 1.1523 l 21.4766,12.3985 -21.4766,12.4004 v 1.1543 l 22.4766,-12.9766 
64.4629,37.2188 -64.4629,37.2168 -2 [...]
+       clip-path="none" />
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <rect
+       style="opacity:0;fill:#441650;stroke-width:2.99999"
+       id="rect11520"
+       width="305"
+       height="305"
+       x="329.91824"
+       y="1380.0189" />
+    <g
+       id="g13940"
+       style="display:inline"
+       transform="translate(197.9826,131.3244)">
+      <path
+         
style="fill:#333333;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:6,
 2;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 284.43565,1324.3316 -65.46334,37.7952 v 75.5906 l 
65.46334,37.7953 65.46333,-37.7953 v -75.5906 z"
+         id="path13878" />
+      <path
+         
style="fill:#232323;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 349.78907,1437.6555 -65.46094,-37.7939 v -75.468 l 
65.57085,37.8574"
+         id="path13880"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:none;stroke:#00ffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:6,
 2;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 284.43565,1324.3316 -65.46334,37.7952 v 75.5906 l 
65.46334,37.7953 65.46333,-37.7953 v -75.5906 z"
+         id="path13882" />
+      <g
+         id="g13938"
+         transform="translate(0.932042,493.46799)">
+        <g
+           id="g13896"
+           transform="matrix(0.3731905,0,0,0.37385455,104.92993,611.01653)"
+           style="stroke-width:2.67721">
+          <path
+             
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+             id="path13884" />
+          <path
+             
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+             id="path13886" />
+          <path
+             
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+             id="path13888" />
+          <path
+             
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+             id="path13890"
+             sodipodi:nodetypes="ccc" />
+          <path
+             
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="m 480.72001,793.17182 65.46334,-37.79381"
+             id="path13892"
+             sodipodi:nodetypes="cc" />
+          <path
+             
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+             id="path13894" />
+        </g>
+        <g
+           id="g13910"
+           transform="matrix(0.3731905,0,0,0.37385455,68.790695,630.80483)"
+           style="stroke-width:2.67721">
+          <path
+             
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+             id="path13898" />
+          <path
+             
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+             id="path13900" />
+          <path
+             
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+             id="path13902" />
+          <path
+             
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+             id="path13904"
+             sodipodi:nodetypes="ccc" />
+          <path
+             
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="m 480.72001,793.17182 65.46334,-37.79381"
+             id="path13906"
+             sodipodi:nodetypes="cc" />
+          <path
+             
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+             id="path13908" />
+        </g>
+        <path
+           
style="display:inline;fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path13912"
+           transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)" />
+        <path
+           
style="display:inline;fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path13914"
+           transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)" />
+        <path
+           
style="display:inline;fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path13916"
+           transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)" />
+        <path
+           
style="display:inline;fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path13918"
+           sodipodi:nodetypes="ccc"
+           transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)" />
+        <path
+           
style="display:inline;fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path13920"
+           sodipodi:nodetypes="cc"
+           transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)" />
+        <path
+           
style="display:inline;fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path13922"
+           transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)" />
+        <g
+           id="g13936"
+           transform="matrix(0.3731905,0,0,0.37385455,104.92993,651.2425)"
+           style="stroke-width:2.67721">
+          <path
+             
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+             id="path13924" />
+          <path
+             
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+             id="path13926" />
+          <path
+             
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+             d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+             id="path13928" />
+          <path
+             
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+             id="path13930"
+             sodipodi:nodetypes="ccc" />
+          <path
+             
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="m 480.72001,793.17182 65.46334,-37.79381"
+             id="path13932"
+             sodipodi:nodetypes="cc" />
+          <path
+             
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+             d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+             id="path13934" />
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/website/static/base/img/reproducible-outputs-systems.svg 
b/website/static/base/img/reproducible-outputs-systems.svg
new file mode 100644
index 0000000..6244516
--- /dev/null
+++ b/website/static/base/img/reproducible-outputs-systems.svg
@@ -0,0 +1,1412 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="reproducible-outputs-systems.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="305"
+   width="305"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3542">Guix Reproducible Outputs · Systems</title>
+  <defs
+     id="defs4">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient31331">
+      <stop
+         style="stop-color:#00ffff;stop-opacity:1;"
+         offset="0"
+         id="stop31327" />
+      <stop
+         style="stop-color:#00ffff;stop-opacity:0;"
+         offset="1"
+         id="stop31329" />
+    </linearGradient>
+    <radialGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient31331"
+       id="radialGradient14678"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(0.2215081,0,0,0.27687633,296.93948,1423.1913)"
+       cx="838.24738"
+       cy="467.72104"
+       fx="838.24738"
+       fy="467.72104"
+       r="623.64777" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient12551"
+       id="linearGradient12553"
+       x1="329.91824"
+       y1="1685.0189"
+       x2="329.91824"
+       y2="1380.0189"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="translate(-329.91824,-1380.0189)" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient12551">
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:1;"
+         offset="0"
+         id="stop12547" />
+      <stop
+         style="stop-color:#1a1a1a;stop-opacity:0;"
+         offset="1"
+         id="stop12549" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#323232"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.0000001"
+     inkscape:cx="104"
+     inkscape:cy="147"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#323232">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-307.24108"
+       originy="-1380.0189" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>Guix Reproducible Outputs · Systems</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="background"
+     sodipodi:insensitive="true"
+     style="display:none">
+    <rect
+       
style="display:inline;fill:url(#linearGradient12553);fill-opacity:1;stroke-width:3"
+       id="rect11991"
+       width="305"
+       height="304.99997"
+       x="3.4082032e-06"
+       y="2.0898438e-05" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="output"
+     style="display:inline"
+     transform="translate(-329.91824,-1380.0189)">
+    <path
+       id="path13818"
+       
style="opacity:0.5;fill:url(#radialGradient14678);fill-opacity:1;stroke:none;stroke-width:1.88977;stroke-linecap:round;stroke-dasharray:1,
 2"
+       d="m 13.21694,1122.2514 -10.7988,6.2344 v 1.1562 l 12.8008,-7.3906 z m 
21.3535,0 54.7873,31.6326 -64.4629,37.2168 -22.4766,-12.9766 v 1.1543 l 
21.4766,12.3984 -21.4766,12.4004 v 1.1543 l 22.4766,-12.9765 64.4648,37.2187 
-64.4629,37.2188 -22.4785,-12.9785 v 1.1562 l 21.4766,12.4004 -21.4766,12.3984 
v 1.1543 l 22.4766,-12.9765 64.4629,37.2168 -64.4649,37.2187 -22.4746,-12.9746 
v 1.1523 l 21.4766,12.3985 -21.4766,12.4004 v 1.1543 l 22.4766,-12.9766 
64.4629,37.2188 -64.4629,37.2168 -2 [...]
+       clip-path="none" />
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <rect
+       style="opacity:0;fill:#441650;stroke-width:2.99999"
+       id="rect11520"
+       width="305"
+       height="305"
+       x="329.91824"
+       y="1380.0189" />
+  </g>
+  <g
+     id="g14604"
+     style="display:inline"
+     transform="translate(-328.21875,-1361.4428)">
+    <path
+       
style="fill:#333333;stroke:#ffcc00;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+       d="m 480.71875,1437.6559 -65.46334,37.7953 v 75.5906 l 65.46334,37.7953 
65.46333,-37.7953 v -75.5906 z"
+       id="path14050" />
+    <g
+       id="g14142"
+       transform="matrix(0.37776272,0,0,0.37776298,189.1062,1192.3019)">
+      <path
+         
style="fill:#333333;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:6,
 2;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.7953 65.46333,-37.7953 v -75.59057 z"
+         id="path14052" />
+      <path
+         
style="fill:#232323;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 742.46279,944.12717 -65.46094,-37.79389 v -75.46796 l 
65.57085,37.85735"
+         id="path14054"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:none;stroke:#00ffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.79529 65.46333,-37.79529 v -75.59057 z"
+         id="path14056" />
+      <g
+         id="g14070"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,630.7445)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ff6600;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14058" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14060" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14062" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14064"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14066"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14068" />
+      </g>
+      <g
+         id="g14084"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,630.84323)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#d45500;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14072" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14074" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14076" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14078"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14080"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14082" />
+      </g>
+      <g
+         id="g14098"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,651.18217)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ff6600;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14086" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14088" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14090" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14092"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14094"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14096" />
+      </g>
+      <g
+         id="g14112"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,569.40242)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#d45500;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14100" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14102" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14104" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14106"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14108"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14110" />
+      </g>
+      <g
+         id="g14126"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,589.19072)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ff6600;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14114" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14116" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14118" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14120"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14122"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14124" />
+      </g>
+      <g
+         id="g14140"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,589.28945)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ff6600;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14128" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14130" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14132" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14134"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14136"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14138" />
+      </g>
+    </g>
+    <g
+       id="g14234"
+       transform="matrix(0.37776272,0,0,0.37776298,261.23882,1192.5306)">
+      <path
+         
style="fill:#333333;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:6,
 2;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.7953 65.46333,-37.7953 v -75.59057 z"
+         id="path14144" />
+      <path
+         
style="fill:#232323;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 742.46279,944.12717 -65.46094,-37.79389 v -75.46796 l 
65.57085,37.85735"
+         id="path14146"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:none;stroke:#00ffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.79529 65.46333,-37.79529 v -75.59057 z"
+         id="path14148" />
+      <g
+         id="g14162"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,630.7445)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14150" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14152" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14154" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14156"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14158"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14160" />
+      </g>
+      <g
+         id="g14176"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,630.84323)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#892ca0;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14164" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14166" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14168" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14170"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14172"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14174" />
+      </g>
+      <g
+         id="g14190"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,651.18217)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ab37c8;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14178" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14180" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14182" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14184"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14186"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14188" />
+      </g>
+      <g
+         id="g14204"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,569.40242)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#892ca0;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14192" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14194" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14196" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14198"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14200"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14202" />
+      </g>
+      <g
+         id="g14218"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,589.19072)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ab37c8;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14206" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14208" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14210" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14212"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14214"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14216" />
+      </g>
+      <g
+         id="g14232"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,589.28945)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ab37c8;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14220" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14222" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14224" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14226"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14228"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14230" />
+      </g>
+    </g>
+    <g
+       id="g14326"
+       transform="matrix(0.37776272,0,0,0.37776298,225.17251,1213.1774)">
+      <path
+         
style="fill:#333333;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:6,
 2;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.7953 65.46333,-37.7953 v -75.59057 z"
+         id="path14236" />
+      <path
+         
style="fill:#232323;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 742.46279,944.12717 -65.46094,-37.79389 v -75.46796 l 
65.57085,37.85735"
+         id="path14238"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:none;stroke:#00ffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.79529 65.46333,-37.79529 v -75.59057 z"
+         id="path14240" />
+      <g
+         id="g14254"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,630.7445)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ffcc00;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14242" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14244" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14246" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14248"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14250"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14252" />
+      </g>
+      <g
+         id="g14268"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,630.84323)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ffcc00;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14256" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14258" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14260" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14262"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14264"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14266" />
+      </g>
+      <g
+         id="g14282"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,651.18217)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ffcc00;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14270" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14272" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14274" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14276"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14278"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14280" />
+      </g>
+      <g
+         id="g14296"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,569.40242)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ffcc00;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14284" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14286" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14288" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14290"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14292"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14294" />
+      </g>
+      <g
+         id="g14310"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,589.19072)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ffcc00;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14298" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14300" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14302" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14304"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14306"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14308" />
+      </g>
+      <g
+         id="g14324"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,589.28945)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ffcc00;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14312" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14314" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14316" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14318"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14320"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14322" />
+      </g>
+    </g>
+    <g
+       id="g14418"
+       transform="matrix(0.37776272,0,0,0.37776298,225.17251,1130)">
+      <path
+         
style="fill:#333333;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:6,
 2;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.7953 65.46333,-37.7953 v -75.59057 z"
+         id="path14328" />
+      <path
+         
style="fill:#232323;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 742.46279,944.12717 -65.46094,-37.79389 v -75.46796 l 
65.57085,37.85735"
+         id="path14330"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:none;stroke:#00ffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.79529 65.46333,-37.79529 v -75.59057 z"
+         id="path14332" />
+      <g
+         id="g14346"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,630.7445)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#ffcc00;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14334" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14336" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14338" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14340"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14342"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14344" />
+      </g>
+      <g
+         id="g14360"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,630.84323)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#5aa02c;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14348" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14350" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14352" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14354"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14356"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14358" />
+      </g>
+      <g
+         id="g14374"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,651.18217)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#71c837;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14362" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14364" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14366" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14368"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14370"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14372" />
+      </g>
+      <g
+         id="g14388"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,569.40242)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#5aa02c;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14376" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14378" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14380" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14382"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14384"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14386" />
+      </g>
+      <g
+         id="g14402"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,589.19072)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#71c837;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14390" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14392" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14394" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14396"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14398"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14400" />
+      </g>
+      <g
+         id="g14416"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,589.28945)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#71c837;fill-opacity:1;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14404" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14406" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14408" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14410"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14412"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14414" />
+      </g>
+    </g>
+    <g
+       id="g14510"
+       transform="matrix(0.37776272,0,0,0.37776298,189.1062,1150.6468)">
+      <path
+         
style="fill:#333333;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:6,
 2;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.7953 65.46333,-37.7953 v -75.59057 z"
+         id="path14420" />
+      <path
+         
style="fill:#232323;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 742.46279,944.12717 -65.46094,-37.79389 v -75.46796 l 
65.57085,37.85735"
+         id="path14422"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:none;stroke:#00ffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.79529 65.46333,-37.79529 v -75.59057 z"
+         id="path14424" />
+      <g
+         id="g14438"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,630.7445)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#00ccff;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14426" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14428" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14430" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14432"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14434"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14436" />
+      </g>
+      <g
+         id="g14452"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,630.84323)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#00aad4;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14440" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14442" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14444" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14446"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14448"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14450" />
+      </g>
+      <g
+         id="g14466"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,651.18217)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#00ccff;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14454" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14456" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14458" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14460"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14462"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14464" />
+      </g>
+      <g
+         id="g14480"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,569.40242)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#00aad4;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14468" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14470" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14472" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14474"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14476"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14478" />
+      </g>
+      <g
+         id="g14494"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,589.19072)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#00ccff;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14482" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14484" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14486" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14488"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14490"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14492" />
+      </g>
+      <g
+         id="g14508"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,589.28945)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#00ccff;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14496" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14498" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14500" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14502"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14504"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14506" />
+      </g>
+    </g>
+    <g
+       id="g14602"
+       transform="matrix(0.37776272,0,0,0.37776298,261.23882,1150.8755)">
+      <path
+         
style="fill:#333333;stroke:none;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:6,
 2;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.7953 65.46333,-37.7953 v -75.59057 z"
+         id="path14512" />
+      <path
+         
style="fill:#232323;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         d="m 742.46279,944.12717 -65.46094,-37.79389 v -75.46796 l 
65.57085,37.85735"
+         id="path14514"
+         sodipodi:nodetypes="cccc" />
+      <path
+         
style="fill:none;stroke:#00ffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+         d="m 677.10937,830.80324 -65.46334,37.79528 v 75.59056 l 
65.46334,37.79529 65.46333,-37.79529 v -75.59057 z"
+         id="path14516" />
+      <g
+         id="g14530"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,630.7445)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#c83737;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14518" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14520" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14522" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14524"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14526"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14528" />
+      </g>
+      <g
+         id="g14544"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,630.84323)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#a02c2c;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14532" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14534" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14536" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14538"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14540"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14542" />
+      </g>
+      <g
+         id="g14558"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,651.18217)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#c83737;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14546" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14548" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14550" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14552"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14554"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14556" />
+      </g>
+      <g
+         id="g14572"
+         transform="matrix(0.3731905,0,0,0.37385455,497.6017,569.40242)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#a02c2c;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14560" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14562" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14564" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14566"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14568"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14570" />
+      </g>
+      <g
+         id="g14586"
+         transform="matrix(0.3731905,0,0,0.37385455,461.46247,589.19072)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#c83737;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14574" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14576" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14578" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14580"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14582"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14584" />
+      </g>
+      <g
+         id="g14600"
+         transform="matrix(0.3731905,0,0,0.37385455,532.088,589.28945)"
+         style="stroke-width:2.67721">
+        <path
+           
style="fill:#c83737;stroke:none;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14588" />
+        <path
+           
style="fill:#ffdd55;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18209,755.37581 -65.46334,37.79528 -65.46207,-37.79454 
65.46334,-37.79528 z"
+           id="path14590" />
+        <path
+           
style="fill:#ffaf00;fill-opacity:1;stroke:none;stroke-width:2.67721px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 546.18335,755.37801 v 75.59054 l -65.46334,37.79528 v 
-75.59201 z"
+           id="path14592" />
+        <path
+           
style="fill:none;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="M 480.72002,868.76237 V 793.17036 L 415.25668,755.37655"
+           id="path14594"
+           sodipodi:nodetypes="ccc" />
+        <path
+           
style="fill:none;fill-opacity:1;stroke:#ffe680;stroke-width:5.35444;stroke-linecap:round;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72001,793.17182 65.46334,-37.79381"
+           id="path14596"
+           sodipodi:nodetypes="cc" />
+        <path
+           
style="fill:none;stroke:#ffcc00;stroke-width:5.35444;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1"
+           d="m 480.72002,717.58127 -65.46334,37.79528 v 75.59054 l 
65.46334,37.79528 65.46333,-37.79528 v -75.59055 z"
+           id="path14598" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/website/static/base/img/timeline-lapse-arrow-down.svg 
b/website/static/base/img/timeline-lapse-arrow-down.svg
new file mode 100644
index 0000000..9d9f563
--- /dev/null
+++ b/website/static/base/img/timeline-lapse-arrow-down.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="timeline-lapse-arrow-down.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="9.9687996"
+   width="12.0534"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#323232"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="2.4527766"
+     inkscape:cy="2.8726213"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#323232"
+     showborder="true">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-278.22631"
+       originy="-1831.4985" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="CONTENT"
+     style="display:inline"
+     transform="translate(-300.90347,-1831.4985)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <path
+       id="rect6788"
+       style="opacity:1;fill:#ffcc00;fill-opacity:1;stroke-width:3"
+       d="m 312.95687,1831.4985 v 4.045 l -6.0267,5.9238 -6.0267,-5.9238 v 
-4.045 l 6.0267,5.9237 z"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/website/static/base/img/timeline-lapse-arrow.svg 
b/website/static/base/img/timeline-lapse-arrow.svg
new file mode 100644
index 0000000..13069d0
--- /dev/null
+++ b/website/static/base/img/timeline-lapse-arrow.svg
@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="timeline-lapse-arrow.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="12.0534"
+   width="9.9687996"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#323232"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="3.9553786"
+     inkscape:cy="3.8890873"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#323232"
+     showborder="true">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-279.26861"
+       originy="-1830.4562" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="CONTENT"
+     style="display:inline"
+     transform="translate(-301.94577,-1830.4562)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <path
+       id="rect6788"
+       style="opacity:1;fill:#ffcc00;fill-opacity:1;stroke-width:3"
+       d="m 301.94577,1830.4562 h 4.04505 l 5.92375,6.0267 -5.92375,6.0267 h 
-4.04505 l 5.92375,-6.0267 z"
+       sodipodi:nodetypes="ccccccc" />
+  </g>
+</svg>
diff --git a/website/static/base/img/timeline-lapse-dot-down.svg 
b/website/static/base/img/timeline-lapse-dot-down.svg
new file mode 100644
index 0000000..8f6eaf0
--- /dev/null
+++ b/website/static/base/img/timeline-lapse-dot-down.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="timeline-lapse-dot-down.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="6"
+   width="2"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#323232"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="-3.4250485"
+     inkscape:cy="14.893437"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#323232"
+     showborder="true">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-284.0554"
+       originy="-1819.5454" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="CONTENT"
+     style="display:inline"
+     transform="translate(-306.73256,-1819.5454)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <g
+       id="g6593"
+       transform="rotate(90,307.73257,1822.5454)">
+      <rect
+         style="fill:#ffcc00;fill-opacity:1;stroke-width:3"
+         id="rect6314"
+         width="2"
+         height="2"
+         x="304.73257"
+         y="1821.5454" />
+      <rect
+         style="opacity:0;fill:#d45500;fill-opacity:1;stroke-width:3"
+         id="rect6451"
+         width="4"
+         height="2"
+         x="306.73257"
+         y="1821.5454" />
+    </g>
+  </g>
+</svg>
diff --git a/website/static/base/img/timeline-lapse-dot.svg 
b/website/static/base/img/timeline-lapse-dot.svg
new file mode 100644
index 0000000..ec166bb
--- /dev/null
+++ b/website/static/base/img/timeline-lapse-dot.svg
@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="timeline-lapse-dot.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="2"
+   width="6"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#323232"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.627417"
+     inkscape:cx="-1.4363106"
+     inkscape:cy="12.860505"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#323232"
+     showborder="true">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-282.05541"
+       originy="-1821.5454" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="CONTENT"
+     style="display:inline"
+     transform="translate(-304.73257,-1821.5454)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <g
+       id="g6593">
+      <rect
+         style="fill:#ffcc00;fill-opacity:1;stroke-width:3"
+         id="rect6314"
+         width="2"
+         height="2"
+         x="304.73257"
+         y="1821.5454" />
+      <rect
+         style="opacity:0;fill:#d45500;fill-opacity:1;stroke-width:3"
+         id="rect6451"
+         width="4"
+         height="2"
+         x="306.73257"
+         y="1821.5454" />
+    </g>
+  </g>
+</svg>
diff --git a/website/themes/initial/css/common.css 
b/website/themes/initial/css/common.css
index eaf4ed8..2e4c8db 100644
--- a/website/themes/initial/css/common.css
+++ b/website/themes/initial/css/common.css
@@ -21,6 +21,10 @@
     margin-right: auto;
 }
 
+.centered-content {
+    justify-content: center;
+}
+
 .centered-text {
     text-align: center;
 }
@@ -33,6 +37,11 @@
     clear: both;
 }
 
+.grid {
+    display: flex;
+    flex-wrap: wrap;
+}
+
 .hidden {
     visibility: hidden;
 }
@@ -142,6 +151,11 @@
     box-sizing: border-box;
 }
 
+.stack {
+    display: flex;
+    flex-direction: column;
+}
+
 .table-box {
     overflow-x: auto;
 }
@@ -151,6 +165,10 @@
     border-collapse: collapse;
 }
 
+.text-larger {
+    font-size: larger;
+}
+
 .top-shadow-bg {
     background-image: url("../img/depression-shadow-top.png");
     background-repeat: repeat-x;
diff --git a/website/themes/initial/css/index.css 
b/website/themes/initial/css/index.css
index 7cb96eb..a04f3b6 100644
--- a/website/themes/initial/css/index.css
+++ b/website/themes/initial/css/index.css
@@ -1,16 +1,121 @@
 /* Public domain 2017. All rights waived */
 
 h2 {
-    color: #4D4D4D;
     font-size: 2.5em;
-    margin: 50px 0px;
+    margin: 1.5em 0em;
 }
 
-h3 {
-    color: #4D4D4D;
-    font-size: 2.0em;
-    font-weight: normal;
-    margin: 50px 0px;
+#reproducible-outputs .grid {
+    margin: 3em auto 0em auto;
+}
+
+#timeline {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin: 3em auto;
+}
+
+#timeline-today {
+    border-color: #F4BB15;
+    border-radius: 0.3em;
+    border-style: none none solid none;
+    margin: auto;
+    max-width: 500px;
+    padding: 1em;
+}
+
+#timeline-lapse {
+    background-image: 
url("../../../static/base/img/timeline-lapse-arrow-down.svg"),
+                      
url("../../../static/base/img/timeline-lapse-dot-down.svg");
+    background-position-x: center, center;
+    background-position-y: bottom, top;
+    background-repeat: no-repeat, repeat-y;
+    margin: 2em auto;
+    max-width: 500px;
+    min-height: 100px;
+    padding: 2em 0em;
+}
+
+#timeline-lapse a {
+    display: inline-block;
+    background-color: #3D3D3D;
+    border-radius: 0.3em;
+    padding: 0.5em;
+    vertical-align: middle;
+}
+
+#timeline-future {
+    border-color: #F4BB15;
+    border-radius: 0.3em;
+    border-style: solid none none none;
+    margin: auto;
+    max-width: 500px;
+    padding: 1em;
+}
+
+#one-language {
+    background-color: #3B285C;
+    background-image: url("../img/depression-shadow-top.png"),
+                      url("../img/depression-shadow-bottom.png"),
+                      
url("../../../static/base/img/background-pattern-white-dots.svg");
+    background-position: top, bottom, top;
+    background-repeat: repeat-x, repeat-x, repeat;
+    padding: 1em;
+}
+
+#all-free-software {
+    background-color: #FFCC00;
+    background-image: url("../img/background-pattern-checkerboard-dark.svg");
+    background-repeat: repeat;
+    padding: 1em;
+}
+
+#guix-in-your-field {
+    background-image: url("../img/depression-shadow-top.png");
+    background-position: top;
+    background-repeat: repeat-x;
+    text-align: center;
+    padding: 1em 1em 4.5em 1em;
+}
+
+#get-guix-system {
+    background-color: #22241C;
+}
+
+#blog-latest-posts,
+#contact-info {
+    padding: 1em 0em;
+}
+
+#blog-latest-posts .item-preview:link,
+#blog-latest-posts .item-preview:visited,
+#contact-info .item-preview:link,
+#contact-info .item-preview:visited {
+    color: #E6E6E6;
+}
+
+#blog-latest-posts .item-preview:active,
+#blog-latest-posts .item-preview:focus,
+#blog-latest-posts .item-preview:hover,
+#contact-info .item-preview:active,
+#contact-info .item-preview:focus,
+#contact-info .item-preview:hover {
+    color: #1A1A1A;
+}
+
+#blog-latest-posts .item-preview h3,
+#contact-info .item-preview h3 {
+    color: #E6E6E6;
+}
+
+#blog-latest-posts .item-preview:active h3,
+#blog-latest-posts .item-preview:focus h3,
+#blog-latest-posts .item-preview:hover h3,
+#contact-info .item-preview:active h3,
+#contact-info .item-preview:focus h3,
+#contact-info .item-preview:hover h3 {
+    color: #1A1A1A;
 }
 
 .action-box {
@@ -23,27 +128,81 @@ h3 {
                       url("../img/featured-box-bg.png");
     background-position: top, bottom;
     background-repeat: repeat, repeat-x;
+    border-color: black;
+    border-style: none none solid none;
+    border-width: thin;
     color: white;
-    font-size: 17px;
-    padding: 40px 20px;
-    position: relative;
+    padding: 1.5em 1em;
 }
 
-.featured-content > ul {
-    list-style-image: url("../img/white-star.png");
-    margin: auto;
-    max-width: 960px;
+.featured-content .summary {
+    font-size: 1.5em;
 }
 
-.featured-content li {
-    padding: 10px 0px;
+.panel {
+    /* ... */
 }
 
-.h-separator {
-    display: block;
-    margin: auto;
-    padding: 60px 0px 30px 0px;
-    width: 100%;
+.panel > div {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: 4em 3em;
+    text-align: center;
+}
+
+.panel h2 {
+    margin-bottom: 1em;
+    margin-top: 0em;
+}
+
+.panel p {
+    font-size: 1.5em;
+    margin-bottom: 2em;
+}
+
+.panel .button-big {
+    margin: 0em 1em 0em 0em;
+}
+
+.panel-dark,
+.panel-light {
+    border-color: black;
+    border-style: none none solid none;
+    border-width: thin;
+}
+
+.panel-dark {
+    background-color: #1A1A1A;
+    background-image: url("../img/h-separator.svg");
+    background-position: top center;
+    background-repeat: no-repeat;
+    color: #E6E6E6;
+}
+
+.panel-dark h2 {
+    color: #E6E6E6;
+}
+
+.panel-light {
+    background-color: #E6E6E6;
+    color: #1A1A1A;
+}
+
+.panel-light h2 {
+    color: #1A1A1A;
+}
+
+.panel-light .button-big:link,
+.panel-light .button-big:visited {
+    border-color: #1A1A1A;
+}
+
+.panel-light .button-big:active,
+.panel-light .button-big:focus,
+.panel-light .button-big:hover {
+    border-color: darkmagenta;
+    color: darkmagenta;
 }
 
 .button-big:link,
@@ -56,8 +215,11 @@ h3 {
     background-image: url("../img/depression-shadow-top.png"),
                       url("../img/noise-bg.png");
     background-repeat: repeat-x, repeat;
+    border-color: black;
+    border-style: none none solid none;
+    border-width: thin;
     color: #E6E6E6;
-    padding: 40px 10px;
+    padding: 2em 1em 4em 1em;
     text-align: center;
 }
 
@@ -100,27 +262,6 @@ h3 {
     box-shadow: 0 0 4px black;
 }
 
-.fields-box {
-    padding: 40px 0px 0px 0px;
-}
-
-.info-box {
-    display: inline-block;
-    margin: 0px 20px 20px 20px;
-    vertical-align: top;
-}
-
-.contact-box {
-    background-color: #F5F5F5;
-    background-image: url("../img/h-separator-dark.png"),
-                      url("../img/h-separator-dark.png");
-    background-position: top center, bottom center;
-    background-repeat: no-repeat;
-    box-sizing: border-box;
-    color: #4D4D4D;
-    padding: 10px;
-}
-
 
 
 @media screen and (min-width: 300px) {
@@ -157,13 +298,71 @@ h3 {
 }
 
 
+@media screen and (min-width: 850px) {
+    #timeline {
+        flex-direction: row;
+        flex-wrap: no-wrap;
+        margin: 0em auto;
+    }
+
+    #timeline-today {
+        flex: initial;
+        border-style: none solid none none;
+        max-width: 200px;
+        padding: 0em 1em 0em 0em;
+        margin-right: 0.5em;
+        text-align: right;
+    }
+
+    #timeline-lapse {
+        flex: auto;
+        background-image: 
url("../../../static/base/img/timeline-lapse-arrow.svg"),
+                          
url("../../../static/base/img/timeline-lapse-dot.svg");
+        background-position-x: right, left;
+        background-position-y: center, center;
+        background-repeat: no-repeat, repeat-x;
+        max-width: unset;
+    }
+
+    #timeline-lapse a {
+        background-color: transparent;
+    }
+
+    #timeline-future {
+        flex: initial;
+        border-style: none none none solid;
+        max-width: 200px;
+        padding: 0em 0em 0em 1em;
+        margin-left: 0.5em;
+        text-align: left;
+    }
+}
+
+
+@media screen and (min-width: 960px) {
+    .panel > div {
+        flex-direction: row;
+        text-align: left;
+    }
+}
+
 
 @media screen and (min-width: 1024px) {
-    .info-box {
-        width: 420px;
+    #blog-latest-posts .item-preview:active,
+    #blog-latest-posts .item-preview:focus,
+    #blog-latest-posts .item-preview:hover,
+    #contact-info .item-preview:active,
+    #contact-info .item-preview:focus,
+    #contact-info .item-preview:hover {
+        color: #E6E6E6;
     }
 
-    .h-separator {
-       width: auto;
+    #blog-latest-posts .item-preview:active h3,
+    #blog-latest-posts .item-preview:focus h3,
+    #blog-latest-posts .item-preview:hover h3,
+    #contact-info .item-preview:active h3,
+    #contact-info .item-preview:focus h3,
+    #contact-info .item-preview:hover h3 {
+        color: #E6E6E6;
     }
 }
diff --git 
a/website/themes/initial/img/background-pattern-checkerboard-dark.svg 
b/website/themes/initial/img/background-pattern-checkerboard-dark.svg
new file mode 100644
index 0000000..0ef53d5
--- /dev/null
+++ b/website/themes/initial/img/background-pattern-checkerboard-dark.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="checkerboard-dark-bg.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="20"
+   width="20"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffcc00"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4142136"
+     inkscape:cx="-104.6518"
+     inkscape:cy="171.82695"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#ffcc00">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="-857.21254"
+       originy="-2736.3645" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="layer 01"
+     style="display:inline"
+     transform="translate(-879.88971,-2736.3645)">
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <g
+       id="g8895"
+       style="opacity:0.05"
+       transform="translate(-52.865906,9.427002)">
+      <rect
+         style="opacity:1;fill:#000000;stroke-width:3"
+         id="rect8843"
+         width="10"
+         height="10"
+         x="932.75562"
+         y="2726.9375" />
+      <rect
+         style="opacity:1;fill:#000000;stroke-width:3"
+         id="rect8891"
+         width="10"
+         height="10"
+         x="942.75562"
+         y="2736.9375" />
+    </g>
+  </g>
+</svg>
diff --git a/website/themes/initial/img/depression-shadow-bottom.png 
b/website/themes/initial/img/depression-shadow-bottom.png
new file mode 100644
index 0000000..33ac067
Binary files /dev/null and 
b/website/themes/initial/img/depression-shadow-bottom.png differ
diff --git a/website/themes/initial/img/h-separator.svg 
b/website/themes/initial/img/h-separator.svg
new file mode 100644
index 0000000..1209605
--- /dev/null
+++ b/website/themes/initial/img/h-separator.svg
@@ -0,0 +1,164 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   inkscape:export-ydpi="96"
+   inkscape:export-xdpi="96"
+   inkscape:export-filename="./home-page.pdf"
+   sodipodi:docname="h-separator.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   version="1.1"
+   id="svg2"
+   height="1"
+   width="960"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:dc="http://purl.org/dc/elements/1.1/";>
+  <title
+     id="title3542">Guix · Horizontal Separator</title>
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient13929">
+      <stop
+         id="stop13923"
+         offset="0"
+         style="stop-color:#505050;stop-opacity:0;" />
+      <stop
+         style="stop-color:#2f2f2f;stop-opacity:1;"
+         offset="0.5"
+         id="stop13925" />
+      <stop
+         id="stop13927"
+         offset="1"
+         style="stop-color:#505050;stop-opacity:0;" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient13929"
+       id="linearGradient55344"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1866502,0,0,1,-88.998764,-625.50001)"
+       x1="75"
+       y1="1008.5"
+       x2="884"
+       y2="1008.5" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#1a1a1a"
+     bordercolor="#ffcc00"
+     borderopacity="1"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="64"
+     inkscape:cx="484.88281"
+     inkscape:cy="1.125"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer11"
+     showgrid="false"
+     inkscape:showpageshadow="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     borderlayer="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:snap-global="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showguides="true"
+     inkscape:guide-bbox="true"
+     inkscape:snap-page="true"
+     inkscape:bbox-paths="true"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#1a1a1a"
+     showborder="false">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid14846"
+       spacingy="15.11811"
+       originx="22.677164"
+       originy="-382.49997" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <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>Guix · Horizontal Separator</dc:title>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:date>2023-09-21</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:language>en</dc:language>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     id="layer11"
+     inkscape:label="layer 01"
+     style="display:inline"
+     transform="translate(-1.1e-6,-382.5)">
+    <rect
+       
style="fill:#1a1a1a;fill-opacity:1;stroke-width:9.05345;stroke-linecap:round;stroke-dasharray:36.2137,
 36.2137"
+       id="rect15844"
+       width="960"
+       height="598.49194"
+       x="0.00018"
+       y="5357.3774" />
+    <rect
+       style="fill:#1a1a1a;fill-opacity:1;stroke:none"
+       id="rect5068"
+       width="960"
+       height="530.0235"
+       x="0.00018"
+       y="5954.8452" />
+    <g
+       id="g67671"
+       transform="matrix(0.3731905,0,0,0.37385455,139.41623,630.90356)"
+       style="stroke-width:2.67721" />
+    <rect
+       inkscape:export-ydpi="90"
+       inkscape:export-xdpi="90"
+       inkscape:export-filename="h-separator.png"
+       y="382.5"
+       x="1.1e-06"
+       height="1"
+       width="960"
+       id="rect55342"
+       
style="fill:url(#linearGradient55344);fill-opacity:1;stroke:none;stroke-width:0.999999"
 />
+  </g>
+</svg>



reply via email to

[Prev in Thread] Current Thread [Next in Thread]