Setup and document color scheme

assets/css/custom.css

@@ -60,4 +60,18 @@ figure.media a {
 
 figure.thumbnail {
   width: 200px;
+}
+
+/* Colors */
+
+:root {
+  --primary-hue: 210deg;
+  --primary-saturation: 58%;
+  --primary-lightness: 39%;
+}
+
+.dark {
+  --primary-hue: 208deg;
+  --primary-saturation: 55%;
+  --primary-lightness: 60%;
 }

content/_index.md

@@ -1,20 +1,63 @@
 ---
-title: 'Home'
+title: 'this.ven'
+layout: hextra-home
 date: 2024-01-01T19:41:05+01:00
 draft: true
 ---
 
-## Latest music
+{{< hextra/hero-badge >}}
+  <div class="hx-w-2 hx-h-2 hx-rounded-full hx-bg-primary-400"></div>
+  <span>Free/Libre Open Source Music</span>
+  {{< icon name="badge-check" attributes="height=16" >}}
+{{< /hextra/hero-badge >}}
 
-{{< cards >}}
-  {{< card link="music/inconvenient-ep/influenca/"
-      image="music/inconvenient-ep/influenca/img/cover.jpg"
-      title="Influenca" subtitle="Official Musicvideo (2023)" >}}
-{{< /cards >}}
+<div class="hx-mt-6 hx-mb-6">
+{{< hextra/hero-headline >}}
+  this.ven
+{{< /hextra/hero-headline >}}
+</div>
 
-## Profile
+<div class="hx-mb-12">
+{{< hextra/hero-subtitle >}}
+  FLOSS musician, tinkerer and privacy advocate
+{{< /hextra/hero-subtitle >}}
+</div>
 
-{{< cards >}}
-  {{< card link="about/" title="this.ven" image="img/profile.jpg"
-      subtitle="FLOSS musician, tinkerer and privacy advocate" >}}
-{{< /cards >}}
+<div class="hx-mb-12">
+{{< hextra/feature-grid >}}
+  {{< hextra/feature-card
+    title="Influenca"
+    subtitle="Official Musicvideo<br>From the Inconvenient EP"
+    class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
+    image="music/inconvenient-ep/influenca/img/cover.jpg"
+    imageClass="hx-top-[40%] hx-w-[110%] sm:hx-w-[110%]"
+    style="background: linear-gradient(rgba(42,100,158,0),rgba(42,100,158,0.4));"
+    link="music/inconvenient-ep/influenca/"
+  >}}
+  {{< hextra/feature-card
+    title="MODEP With Pisound"
+    subtitle="Alternatives to the MOD Platform for Tinkerers<br>Sonoj 2023 Talk"
+    class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]"
+    image="talks/modep-with-pisound/img/cover.jpg"
+    imageClass="hx-top-[40%] hx-w-[110%] sm:hx-w-[110%]"
+    style="background: linear-gradient(rgba(42,100,158,0),rgba(42,100,158,0.4));"
+    link="talks/modep-with-pisound/"
+  >}}
+  {{< hextra/feature-card
+    title="Profile"
+    subtitle="Plays guitar, bass, mandolin, and drums; Tinkers using Free/Libre Open Source Software; Advocates privacy and self-hosting."
+    class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
+    image="images/profile.jpg"
+    imageClass="hx-top-[40%] hx-w-[110%] sm:hx-w-[110%] hx-opacity-80"
+    style="background: linear-gradient(rgba(42,100,158,0),rgba(42,100,158,0.4));"
+    link="about/"
+  >}}
+{{< /hextra/feature-grid >}}
+</div>
+
+For news and announcements about my projects follow me via decentralized social
+media links in the header navigation and
+
+<div class="hx-mt-6 hx-mb-6">
+{{< hextra/hero-button text="Read the blog" link="blog/" >}}
+</div>

content/about/_index.md

@@ -24,13 +24,14 @@ IT security and privacy.
 
 ### Profile
 
-{{< figure src="/img/profile.jpg" title="this.ven" width="50%"
-    alt="Profile image" link="../img/profile.jpg"
+{{< figure src="/images/profile.jpg" title="this.ven" width="50%"
+    alt="Profile image" link="/images/profile.jpg" class="dark:hx-opacity-80"
     caption="FLOSS musician, tinkerer and privacy advocate" >}}
 
 ### Contact
 
-Talk with me in the Matrix[^4] room:
+Talk with me in the {{< icon matrix >}} [Matrix](/docs/infrastructure/matrix/)
+room:
 
 ```
 #talk2this:ven.uber.space
@@ -43,7 +44,7 @@ room alias above to join. Alternatively, to just get started:
 
 {{< cards >}}
   {{< card link="https://matrix.to/#/#talk2this:ven.uber.space"
-      title="Join #talk2this via matrix.to" icon="external-link" >}}
+      title="Join chat via matrix.to" icon="chat" >}}
 {{< /cards >}}
 
 Otherwise [contact](imprint/#contact) me via email.
@@ -56,7 +57,7 @@ make some [cryptonoise](https://cryptonoise.org/).
 
 {{< callout type="info" >}}
   Let's put it this way: Your personal information is yours, and my content is
-  mine. If you my content, please consider the [license](#license) below. More
+  mine. If you share my content, please consider the license below. More
   information on data processing can be found on the [privacy](privacy/) page.
 {{< /callout >}}
 
@@ -66,9 +67,9 @@ This work is licensed under [CC BY-SA 4.0](http://creativecommons.org/licenses/b
 {{< icon creative-commons >}} {{< icon creative-commons-by >}}
 {{< icon creative-commons-sa >}}
 
+Some content may use another license!
+
 [^1]: This quote is from the lyrics of the song [Layer 8](/music/inconvenient-ep/layer-8/).
 [^2]: [Free Software](https://fsfe.org/freesoftware/comparison.en.html)
 comparison by the Free Software Foundation Europe.
 [^3]: Switch to FLOSS: [get GNU/Linux!](https://www.getgnulinux.org/)
-[^4]: Learn about the [Matrix](https://matrix.org/) protocol for
-instant messaging.

content/docs/graphics/_index.md

@@ -5,10 +5,15 @@ draft: true
 ---
 
 {{< cards >}}
-  {{< card link="profile-image/" title="Profile image"
-      image="profile-image/img/gimp-manually-posterize.jpg"
-      subtitle="Taking and editing a picture using Open Camera and GIMP" >}}
+  {{< card link="colors/" title="Colors" image="colors/img/parsley-figma.svg"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
+      subtitle="Choosing colors to create schemes and a concept" >}}
   {{< card link="logo-design/" title="Logo design"
       image="logo-design/img/inkscape-edit-path.png"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
       subtitle="Creating a logo using Inkscape and GIMP" >}}
+  {{< card link="profile-image/" title="Profile image"
+      image="profile-image/img/gimp-manually-posterize.jpg"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
+      subtitle="Taking and editing a picture using Open Camera and GIMP" >}}
 {{< /cards >}}

content/docs/graphics/colors/_index.md

@@ -0,0 +1,80 @@
+---
+title: 'Colors'
+date: 2024-03-03T01:28:02+01:00
+draft: true
+---
+
+A color scheme[^1] is used to create the style and appeal of a project. It adds
+to the [logo design](../logo-design/) a palette of colors for recognition and
+and identity. Ideally, deciding on colors is a starting point for the visual
+appearance of a project. However, you may need to go through some iterations to
+learn the basics of how colors communicate to us psychologically[^2] and what
+are the technical details of the representation on displays[^3]. Don't be
+discouraged, if your color concept isn't perfect at first. In the following I
+document the process of choosing the colors for this project.
+
+## Inspiration first
+
+If you don't have a favorite color yet, you may start by browsing through some
+images and find motifs that appeal to you. Try to identify which color or colors
+in that image are most appealing. For exmaple, I like parsley. And searching the
+term `parsley` at Pixabay yields a nice photograph of a parsley tree:
+
+{{< icon link >}} URL:
+https://pixabay.com/photos/parsley-tree-food-healthy-nature-741996/
+
+I download and open it in [GIMP](https://www.gimp.org/) in order to use the tool
+[color picker](https://docs.gimp.org/en/gimp-tool-color-picker.html) for setting
+the foreground color, double click the foreground color box and finally copy its 
+HTML notation[^4]. Alternatively, I would directly research images with my
+favorite color by using the color name to find images and copy the color value
+as described above.
+
+Applications such as [Paleta](https://github.com/nate-xyz/paleta) allow to
+directly extract the dominant colors from images and may be an automated option
+for absolute beginners.
+
+## Palette generation
+
+There are online tools such as [UI Colors](https://uicolors.app/) you can use to
+generate a palette providing shades of your chosen color. The color shades can
+be exported into several formats. A handy visual reference is the SVG (Figma):
+
+{{< figure src="img/parsley-figma.svg" alt="Persley SVG (Figma)"
+    caption="10 shades of the Persley color" >}}
+
+However, the Tailwind (HSL) export provides the values for Hue, Saturation, and
+Lighting to set the [Hugo theme colors](/docs/website/hugo/custom-css/#colors), 
+for example. Thus, I copy and paste the text of each export option
+into single `.css` files in addition to the `.svg` (Figma) export:
+
+{{< filetree/container >}}
+  {{< filetree/folder name="colors" >}}
+    {{< filetree/file name="parsley-figma.svg" >}}
+    {{< filetree/file name="parsley-rgb.css" >}}
+    {{< filetree/file name="parsley-tailwind.css)" >}}
+  {{< /filetree/folder >}}
+{{< /filetree/container >}}
+
+## Variation and conception
+
+As I don't use automatic palette extraction, I repeat the previously described
+process with the remaining colors in a *Triadic* or *Tetradic* color scheme to
+obtain three or four colors for variation. The aim is to achieve visual contrast
+while maintaining balance.
+
+Each color should serve a distinct role in a visual application to provide user
+orientation. In addition, neutral colors such as black, white and shades of grey
+are neccessary to complete a full color concept. 
+
+## Resources
+
+Repository: https://dri.ven.uber.space/thisven/Identity/src/branch/main/colors
+
+[^1]: [Color scheme](https://en.wikipedia.org/wiki/Color_scheme) in the
+Wikipedia
+[^2]: [Color Psychology](https://www.colorpsychology.org/) website
+[^3]: [Color basics](https://www.imagemagick.org/Usage/color_basics/)
+ImageMagick Examples
+[^4]: [HTML notation](https://docs.gimp.org/en/glossary.html#glossary-html-notation)
+in the GIMP glossary

content/docs/graphics/colors/img/parsley-figma.svg

@@ -0,0 +1,13 @@
+<svg width="1100" height="100" viewBox="0 0 1100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="100" height="100" fill="#f1faeb" x="0" y="0"/>
+    <rect width="100" height="100" fill="#e1f3d4" x="100" y="0"/>
+    <rect width="100" height="100" fill="#c4e9ad" x="200" y="0"/>
+    <rect width="100" height="100" fill="#9ed97d" x="300" y="0"/>
+    <rect width="100" height="100" fill="#7cc754" x="400" y="0"/>
+    <rect width="100" height="100" fill="#5dac36" x="500" y="0"/>
+    <rect width="100" height="100" fill="#458927" x="600" y="0"/>
+    <rect width="100" height="100" fill="#376922" x="700" y="0"/>
+    <rect width="100" height="100" fill="#2f5420" x="800" y="0"/>
+    <rect width="100" height="100" fill="#2a481f" x="900" y="0"/>
+    <rect width="100" height="100" fill="#13270c" x="1000" y="0"/>
+</svg>

content/docs/infrastructure/_index.md

@@ -11,18 +11,23 @@ infrastructure setup.
 {{< cards >}}
   {{< card link="eturnal/" title="eturnal"
       image="eturnal/img/stun-turn-server.svg"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
       subtitle="Supporting VoIP/Video calls with eturnal" >}}
   {{< card link="forgejo/" title="Forgejo"
       image="forgejo/img/forgejo-wordmark.svg"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
       subtitle="Using Forgejo for version control" >}}
   {{< card link="icecast/" title="Icecast"
       image="icecast/img/icecast-logo.svg"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
       subtitle="Live streaming media using Icecast" >}}
   {{< card link="matrix/" title="Matrix"
       image="matrix/img/matrix-logo.svg"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
       subtitle="Building a community using Matrix" >}}
   {{< card link="nextcloud/" title="Nextcloud"
       image="nextcloud/img/nextcloud-logo-blue.svg"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
       subtitle="Running a Nextcloud for file shares" >}}
 {{< /cards >}}
 

content/docs/tinkering/_index.md

@@ -12,6 +12,7 @@ is too expensive, I try to find a tinkerer solution.
 {{< cards >}}
   {{< card link="vocal-booth/" title="Vocal booth"
       image="vocal-booth/img/carton-wall.jpg"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
       subtitle="Building a vocal booth from carton boxes and blankets" >}}
 {{< /cards >}}
 

content/docs/website/_index.md

@@ -11,5 +11,6 @@ myself, too.
 {{< cards >}}
   {{< card link="hugo/" title="Hugo"
       image="hugo/img/hugo-logo-wide.svg"
+      imageStyle="aspect-ratio: 16/9; object-fit:contain;"
       subtitle="Website building using Hugo, a static site generator" >}}
 {{< /cards >}}

content/docs/website/hugo/_index.md

@@ -116,6 +116,7 @@ quirks that I found useful.
 
 {{< cards >}}
   {{< card link="archetypes" title="Archetypes" icon="book-open" >}}
+  {{< card link="custom-css" title="custom.css" icon="code" >}}
   {{< card link="shortcodes" title="Shortcodes" icon="collection" >}}
 {{< /cards >}}
 

content/docs/website/hugo/custom-css.md

@@ -0,0 +1,25 @@
+---
+title: 'custom.css'
+date: 2024-03-03T03:17:42+01:00
+draft: true
+---
+
+Any CSS[^1] customizations are maintained in the `assets/css/custom.css` file.
+The Hextra theme automatically loads this [custom.css](https://imfing.github.io/hextra/docs/advanced/customization/#custom-css).
+
+## Colors
+
+In the Hextra theme, the HSL[^2] representation is used to define the
+[primary color](https://imfing.github.io/hextra/docs/advanced/customization/#primary-color).
+However, the values are split into three variables:
+
+- `--primary-hue`: Hue (deg) value of the primary color.
+- `--primary-saturation`: Saturation (%) value of the primary color.
+- `--primary-lighting`: Lightning (%) value of the primary color.
+
+Thus, to override the default primary color with *Matisse (600)*, for example, a
+conversion may be necessary. For this task, the W3Schools provides a powerful
+[colors converter](https://www.w3schools.com/colors/colors_converter.asp).
+
+[^1]: [CSS](https://en.wikipedia.org/wiki/CSS) in the Wikipedia
+[^2]: [HSL and HSV](https://en.wikipedia.org/wiki/HSL_and_HSV) in the Wikipedia

content/music/drafts/_index.md

@@ -18,7 +18,7 @@ productions. You may want to listen to the [releases](../#releases) instead.
 ## All drafts
 
 {{< filetree/container >}}
-  {{< filetree/folder name="2018" state="closed" >}}
+  {{< filetree/folder name="2018" >}}
     {{< filetree/file name="[Truth](truth/)" >}}
     {{< filetree/file name="[Simple Melody](simple-melody/)" >}}
     {{< filetree/file name="[Birthday](birthday/)" >}}

hugo.yaml

@@ -4,6 +4,8 @@ title: this.ven
 theme: hextra
 
 params:
+  description: FLOSS musician, tinkerer and privacy advocate#
+  displayUpdatedDate: true
   editURL:
     enable: true
     base: "https://dri.ven.uber.space/thisven/Website/_edit/main/content"
@@ -11,12 +13,15 @@ params:
     displayTitle: true
     displayLogo: true
     logo:
-      path: img/logo.svg
+      path: images/logo.svg
       link: /
       width: 64
       height: 64
   page:
-    width: full
+    width: wide
+  footer:
+    displayCopyright: true
+    width: wide
 
 menu:
   main:
@@ -59,8 +64,8 @@ menu:
       params:
         type: separator
       weight: 1
-    - name: "Website Repo"
-      url: "https://dri.ven.uber.space/thisven/Website"
+    - name: "About"
+      pageRef: /about
       weight: 2
 
 markup:

i18n/en.yaml

@@ -1 +1,2 @@
+copyright: "This work is licensed under [CC BY-SA 4.0](http://creativecommons.org/licenses/by-sa/4.0/)<br><br>[Sources](https://dri.ven.uber.space/thisven/Website)"
 editThisPage: "Edit this page via Forgejo →"

static/favicon-dark.svg

@@ -19,11 +19,11 @@
   <g
      id="layer1">
     <path
-       style="fill:none;stroke:#2a691f;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       style="fill:none;stroke:#458927;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 260.24603,162.30117 c 15.0677,53.98744 25.97478,119.28727 48.16121,170.28693 12.38966,28.47996 27.90668,49.35614 50.02009,64.45676"
        id="path3" />
     <ellipse
-       style="fill:none;stroke:#2a691f;stroke-width:32.0973;stroke-opacity:1"
+       style="fill:none;stroke:#458927;stroke-width:32.0973;stroke-opacity:1"
        id="ellipse2"
        cx="226.81429"
        cy="-505.05334"
@@ -31,11 +31,11 @@
        ry="31.951366"
        transform="matrix(0.95105652,-0.30901699,-0.30901699,-0.95105652,0,0)" />
     <path
-       style="fill:none;stroke:#3b912b;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       style="fill:none;stroke:#5dac36;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 69.546989,252.12258 c -7.262321,-101.53946 6.09304,250.68069 62.894881,-82.98427 11.16827,-70.488286 25.17163,60.04164 42.46634,148.02688 22.90834,152.83798 52.58799,-129.36195 61.30167,-220.862795 9.62104,-90.8388857 -8.88839,168.191465 148.16528,169.652045"
        id="path1" />
     <ellipse
-       style="fill:none;stroke:#3b912b;stroke-width:32.0973;stroke-opacity:1"
+       style="fill:none;stroke:#5dac36;stroke-width:32.0973;stroke-opacity:1"
        id="ellipse1"
        cx="376.75336"
        cy="-312.23959"

static/favicon.svg

@@ -19,11 +19,11 @@
   <g
      id="layer1">
     <path
-       style="fill:none;stroke:#2a691f;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       style="fill:none;stroke:#458927;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 260.24603,162.30117 c 15.0677,53.98744 25.97478,119.28727 48.16121,170.28693 12.38966,28.47996 27.90668,49.35614 50.02009,64.45676"
        id="path3" />
     <ellipse
-       style="fill:none;stroke:#2a691f;stroke-width:32.0973;stroke-opacity:1"
+       style="fill:none;stroke:#458927;stroke-width:32.0973;stroke-opacity:1"
        id="ellipse2"
        cx="226.81429"
        cy="-505.05334"
@@ -31,11 +31,11 @@
        ry="31.951366"
        transform="matrix(0.95105652,-0.30901699,-0.30901699,-0.95105652,0,0)" />
     <path
-       style="fill:none;stroke:#3b912b;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       style="fill:none;stroke:#5dac36;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 69.546989,252.12258 c -7.262321,-101.53946 6.09304,250.68069 62.894881,-82.98427 11.16827,-70.488286 25.17163,60.04164 42.46634,148.02688 22.90834,152.83798 52.58799,-129.36195 61.30167,-220.862795 9.62104,-90.8388857 -8.88839,168.191465 148.16528,169.652045"
        id="path1" />
     <ellipse
-       style="fill:none;stroke:#3b912b;stroke-width:32.0973;stroke-opacity:1"
+       style="fill:none;stroke:#5dac36;stroke-width:32.0973;stroke-opacity:1"
        id="ellipse1"
        cx="376.75336"
        cy="-312.23959"

static/images/logo-dark.svg

@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   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="title1">Forking wave</title>
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <path
+       style="fill:none;stroke:#458927;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 260.24603,162.30117 c 15.0677,53.98744 25.97478,119.28727 48.16121,170.28693 12.38966,28.47996 27.90668,49.35614 50.02009,64.45676"
+       id="path3" />
+    <ellipse
+       style="fill:none;stroke:#458927;stroke-width:32.0973;stroke-opacity:1"
+       id="ellipse2"
+       cx="226.81429"
+       cy="-505.05334"
+       rx="31.951382"
+       ry="31.951366"
+       transform="matrix(0.95105652,-0.30901699,-0.30901699,-0.95105652,0,0)" />
+    <path
+       style="fill:none;stroke:#5dac36;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 69.546989,252.12258 c -7.262321,-101.53946 6.09304,250.68069 62.894881,-82.98427 11.16827,-70.488286 25.17163,60.04164 42.46634,148.02688 22.90834,152.83798 52.58799,-129.36195 61.30167,-220.862795 9.62104,-90.8388857 -8.88839,168.191465 148.16528,169.652045"
+       id="path1" />
+    <ellipse
+       style="fill:none;stroke:#5dac36;stroke-width:32.0973;stroke-opacity:1"
+       id="ellipse1"
+       cx="376.75336"
+       cy="-312.23959"
+       rx="31.951382"
+       ry="31.951366"
+       transform="matrix(0.99254615,-0.12186933,-0.12186933,-0.99254615,0,0)" />
+  </g>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:date>2024-01-29</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>this.ven</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:rights>
+          <cc:Agent>
+            <dc:title>Creative Commons BY-SA 4.0 Intl.</dc:title>
+          </cc:Agent>
+        </dc:rights>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+        <dc:title>Forking wave</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>
+</svg>

static/images/logo.svg

@@ -19,11 +19,11 @@
   <g
      id="layer1">
     <path
-       style="fill:none;stroke:#2a691f;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       style="fill:none;stroke:#458927;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 260.24603,162.30117 c 15.0677,53.98744 25.97478,119.28727 48.16121,170.28693 12.38966,28.47996 27.90668,49.35614 50.02009,64.45676"
        id="path3" />
     <ellipse
-       style="fill:none;stroke:#2a691f;stroke-width:32.0973;stroke-opacity:1"
+       style="fill:none;stroke:#458927;stroke-width:32.0973;stroke-opacity:1"
        id="ellipse2"
        cx="226.81429"
        cy="-505.05334"
@@ -31,11 +31,11 @@
        ry="31.951366"
        transform="matrix(0.95105652,-0.30901699,-0.30901699,-0.95105652,0,0)" />
     <path
-       style="fill:none;stroke:#3b912b;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       style="fill:none;stroke:#5dac36;stroke-width:32;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
        d="m 69.546989,252.12258 c -7.262321,-101.53946 6.09304,250.68069 62.894881,-82.98427 11.16827,-70.488286 25.17163,60.04164 42.46634,148.02688 22.90834,152.83798 52.58799,-129.36195 61.30167,-220.862795 9.62104,-90.8388857 -8.88839,168.191465 148.16528,169.652045"
        id="path1" />
     <ellipse
-       style="fill:none;stroke:#3b912b;stroke-width:32.0973;stroke-opacity:1"
+       style="fill:none;stroke:#5dac36;stroke-width:32.0973;stroke-opacity:1"
        id="ellipse1"
        cx="376.75336"
        cy="-312.23959"