Website: Design and content updates to flamenco.io

web/flamenco-io-site/config.toml

@@ -113,5 +113,5 @@ enableRobotsTXT = true
   # (Optional, default none) Adds a "Content licensed under <license>" line to the footer.
   # Could be used if you want to define a default license for your content.
   [params.geekdocContentLicense]
-    name = "CC BY-SA 4.0"
+    name = "CC BY 4.0"
-    link = "https://creativecommons.org/licenses/by-sa/4.0/"
+    link = "https://creativecommons.org/licenses/by/4.0/"

web/flamenco-io-site/content/_index.md

@@ -1,49 +1,77 @@
 ---
-title: "Flamenco 3"
 geekdocNav: false
-geekdocAlign: center
+geekdocAlign: left
 geekdocAnchor: false
 geekdocBreadcrumb: false
 ---
 
+{{< columns >}}
+
+# Free & Open Source <br> Render Management
+
 Take control of your computing infrastructure and get things done.<br>
-Flamenco is used in production at Blender Institute.
+Flamenco is used in production at [Blender Studio](https://studio.blender.org).
 
 **Disclaimer:** this site describes Flamenco 3, which is still under heavy
-development. For information on its predecessor, see [Flamenco 2][F2].
+development. For information on its predecessor, see [Flamenco 2](/v2/).
 
 {{< button size="large" relref="usage/getting-started/" >}}Getting Started{{< /button >}}
 
+<--->
+
+![Flamenco Screenshot](/images/flamenco_screenshot_01.webp)
+
+{{</ columns >}}
+
 
 ## Feature overview
 
 {{< columns >}}
 
-### Free and Private
+### Free and Open Source
 
-Flamenco runs on your own hardware.<br>
+Released under GPL 3.0, every component of Flamenco is Free and Open Source
+software. Development is supported by the Blender project.
+
+<--->
+
+### Simple and Portable
+
+Flamenco consists of a few components and requires almost no configuration
+to be used in production.
+
+<--->
+
+### Easy Customization
+
+Designed to be customizable, Flamenco allows TDs to specify
+Job Types using the JavaScript language and seamlessly fit into the pipeline.
+
+{{< /columns >}}
+
+{{< columns >}}
+
+### Cross-platform and Self-hosted
+
+Flamenco runs on all major operating system, and is fully hosted on your own hardware.
 Your data is yours, and yours alone.
 
 <--->
 
-### Simple
+### Robust Technology
 
-Flamenco v3 is the simplest version of Flamenco so far, consisting of less
+The core of Flamenco is build using Go and SQLite. Check out the sources on
-components, and requiring less configuration, than any of its predecessors.
+[developer.blender.org](https://developer.blender.org/project/profile/58/).
 
 <--->
 
-### Easy customization
+### In Development
 
-The available job types, and how these are turned into concrete tasks for
+Getting close to Beta release, Flamenco v3 is in active development at Blender
-Workers, are all defined in JavaScript.<br>
+Studio. Join [the chat](https://blender.chat/channel/flamenco) to see what's happening!
-Designed to customise to your specific needs.
 
 {{< /columns >}}
 
-Released under GPL 3.0, every component of Flamenco is Free and Open Source
-software. We use Go and SQLite, and host the sources on
-[developer.blender.org](https://developer.blender.org/project/profile/58/)
 
 
 -------------------

web/flamenco-io-site/data/menu/extra.yaml

@@ -0,0 +1,8 @@
+---
+header:
+  - name: Getting Started
+    ref: /usage/getting-started
+    external: false
+  - name: Development
+    ref: /development
+    external: false

web/flamenco-io-site/layouts/partials/menu-extra.html

@@ -0,0 +1,46 @@
+{{ $current := .current }}
+{{ template "menu-extra" dict "sect" .source "current" $current "site" $current.Site "target" .target }}
+
+
+<!-- template -->
+{{ define "menu-extra" }}
+  {{ $current := .current }}
+  {{ $site := .site }}
+  {{ $target := .target }}
+  {{ $sect := .sect }}
+
+  {{ range sort (default (seq 0) $sect) "weight" }}
+    {{ if isset . "ref" }}
+      {{ $this := $site.GetPage .ref }}
+      {{ $isCurrent := eq $current $this }}
+      {{ $icon := default false .icon }}
+
+      {{ $name := .name }}
+      {{ if reflect.IsMap .name }}
+        {{ $name = (index .name $site.Language.Lang) }}
+      {{ end }}
+
+      {{ if eq $target "header" }}
+        <span>
+          <a
+            href="{{ if .external }}
+              {{ .ref }}
+            {{ else }}
+              {{ relref $current .ref }}
+            {{ end }}"
+            class="gdoc-header__link"
+          >
+            {{ if .icon }}
+            <svg class="gdoc-icon {{ .icon }}">
+              <title>{{ $name }}</title>
+              <use xlink:href="#{{ .icon }}"></use>
+            </svg>
+            {{ else }}
+            {{ $name }}
+            {{ end }}
+          </a>
+        </span>
+      {{ end }}
+    {{ end }}
+  {{ end }}
+{{ end }}

web/flamenco-io-site/layouts/partials/site-footer.html

@@ -0,0 +1,42 @@
+<footer class="gdoc-footer">
+  <nav class="container flex">
+    <div>
+      <section class="flex flex-wrap align-center">
+        {{ with .Site.Params.GeekdocLegalNotice }}
+          <span class="gdoc-footer__item gdoc-footer__item--row">
+            <a href="{{ . | relURL }}" class="gdoc-footer__link">
+              {{ i18n "footer_legal_notice" }}
+            </a>
+          </span>
+        {{ end }}
+        {{ with .Site.Params.GeekdocPrivacyPolicy }}
+          <span class="gdoc-footer__item gdoc-footer__item--row">
+            <a href="{{ . | relURL }}" class="gdoc-footer__link">
+              {{ i18n "footer_privacy_policy" }}
+            </a>
+          </span>
+        {{ end }}
+      </section>
+      {{ with .Site.Params.GeekdocContentLicense }}
+        <section class="flex flex-wrap align-center">
+          <span class="gdoc-footer__item">
+            {{ i18n "footer_content_license_prefix" }}
+            <a href="{{ .link }}" class="gdoc-footer__link no-wrap">{{ .name }}</a>
+          </span>
+        </section>
+      {{ end }}
+    </div>
+    {{ if (default true .Site.Params.GeekdocBackToTop) }}
+      <div class="flex flex-25 justify-end">
+        <span class="gdoc-footer__item text-right">
+          <a class="gdoc-footer__link fake-link" href="#" aria-label="{{ i18n "nav_top" }}">
+            <svg class="gdoc-icon gdoc_keyboard_arrow_up">
+              <use xlink:href="#gdoc_keyboard_arrow_up"></use>
+            </svg>
+            <span class="hidden-mobile">{{ i18n "nav_top" }}</span>
+          </a>
+        </span>
+      </div>
+    {{ end }}
+  </nav>
+</footer>

web/flamenco-io-site/static/brand.svg

@@ -27,5 +27,5 @@
            id="path1158"
            d="M -80.252426,22.923923 A 410.55118,410.55118 0 0 1 326.03894,437.29024 410.55118,410.55118 0 0 1 -87.926529,843.99002 410.55118,410.55118 0 0 1 -495.03432,430.4258 410.55118,410.55118 0 0 1 -81.871764,22.910384" /><path
            d="m -48.041991,633.10581 c -5.667221,-0.47221 -11.570172,-2.36115 -17.708869,-5.66684 -6.139439,-3.77785 -11.334035,-7.79186 -15.583804,-12.04203 -5.194952,-6.61126 -8.97284,-14.40315 -11.333676,-23.37571 -2.361524,-8.97241 -2.597642,-17.70878 -0.708354,-26.20912 2.360836,-9.91686 7.319314,-18.65323 14.875449,-26.20913 8.027654,-8.02788 17.000138,-12.98636 26.91748,-14.87545 3.777503,-0.94433 8.972099,-1.18045 15.583804,-0.70835 7.08314,1.4e-4 12.513854,0.70849 16.292159,2.12506 8.499831,3.30579 15.5833716,8.26427 21.2506423,14.87545 6.1386298,6.13919 10.3887537,13.69497 12.7503857,22.66735 1.416256,4.25023 1.888492,9.91706 1.416709,17.00052 -4.53e-4,7.08362 -0.708807,12.51434 -2.125064,16.29216 -2.361631,6.61137 -6.1395189,12.75044 -11.3336759,18.41722 -4.7227994,5.19464 -10.3896316,9.44477 -17.0005141,12.75038 -10.86185,5.19464 -21.959397,6.84746 -33.292672,4.95849 M -386.63556,599.81313 c -0.47228,-0.9444 -0.23616,-11.09748 0.70836,-30.45925 -0.94452,23.6119 0.23607,-10.86133 3.54177,-103.41979 -5e-5,-6.13887 0.23607,-17.47253 0.70836,-34.00103 l 1.41671,-41.08457 c 0.94441,-29.7506 2.36112,-51.70957 4.25013,-65.87699 1.88888,-14.63898 4.7223,-25.26429 8.50025,-31.87597 1.41664,-2.83304 5.66677,-9.44434 12.75039,-19.83393 7.55569,-10.3888 14.167,-19.12517 19.83393,-26.20912 7.55567,-10.38878 15.11145,-19.59738 22.66735,-27.62584 8.02789,-8.02757 19.83379,-18.41676 35.41774,-31.16761 12.75021,-10.86095 21.48658,-17.70837 26.20912,-20.54229 4.72218,-3.30515 9.91677,-5.43021 15.58381,-6.37519 14.16688,-2.83291 40.37598,3.07004 78.62737,17.70887 38.72308,14.6398 92.321865,38.95996 160.7965293,72.96054 73.1961417,37.30706 131.9895307,69.41911 176.3803307,96.33624 13.69423,8.50057 23.13895,15.11187 28.33419,19.83394 5.66618,4.72265 9.91631,9.91725 12.75038,15.5838 0.94382,2.36146 1.41605,4.25041 1.41671,5.66684 0.47158,0.94475 0.47158,2.36145 0,4.25013 l -2.12506,5.66683 c -1.41737,2.36145 -9.6815,11.57005 -24.79242,27.62584 -15.11218,15.58403 -27.62644,27.86216 -37.5428,36.83444 -12.27873,11.33387 -20.77898,18.65353 -25.50077,21.959 -4.25069,3.30583 -8.73694,4.95866 -13.45874,4.95848 -6.61186,1.8e-4 -13.93152,-1.65265 -21.958996,-4.95848 -7.556311,-3.30547 -20.778919,-10.62513 -39.667865,-21.959 -39.66832,-24.08383 -89.253102,-51.00128 -148.754494,-80.75244 -41.557115,-21.25033 -80.516585,-39.90366 -116.878535,-55.96002 -35.41793,-16.05569 -53.3629,-22.90311 -53.83496,-20.54229 l -3.54177,148.7545 c -0.47241,12.27834 -1.41688,20.77859 -2.83342,25.50077 -0.4724,2.36136 -2.36135,6.61149 -5.66684,12.75038 -9.91712,20.77856 -25.97314,42.2653 -48.16812,64.46028 -13.22272,12.75048 -25.73698,23.3758 -37.5428,31.87597 -11.80598,8.50032 -20.07011,12.75045 -24.79242,12.75038 -1.41676,7e-5 -2.36123,-0.94441 -2.83342,-2.83342"
-           style="fill:#513c6b;fill-opacity:1"
+           style="fill:#8982c9;fill-opacity:1"
            id="path2986" /></g></g></g></svg>

web/flamenco-io-site/static/custom.css

@@ -1,87 +1,75 @@
 /* Global customization */
 
+@font-face {
+  font-family: 'Heebo';
+  src: url('fonts/Heebo-VariableFont_wght.woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
 :root {
   --code-max-height: 60rem;
+  --font-family: "Heebo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Oxygen,Ubuntu,Cantarell,"Open Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
 }
 
 /* Light mode theming */
 :root,
 :root[color-theme="light"] {
-  --header-background: #513c6b;
+  --header-background: none;
-  --header-font-color: #ffffff;
+  --header-font-color: #333;
 
   --body-background: #ffffff;
   --body-font-color: #343a40;
 
   --mark-color: #ffab00;
 
-  --button-background: #7d6897;
+  --button-background: #827bc6;
-  --button-border-color: #513c6b;
+  --button-border-color: #827bc6;
 
-  --link-color: #513c6b;
+  --link-color: #8982c9;
-  --link-color-visited: #c54e8a;
+  --link-color-visited: #8982c9;
-
-  --code-background: #f5f6f8;
-  --code-accent-color: #e3e7eb;
-  --code-accent-color-lite: #eff1f3;
-  --code-font-color: #5f5f5f;
-
-  --code-copy-background: #f5f6f8;
-  --code-copy-font-color: #6b7784;
-  --code-copy-border-color: #adb4bc;
-  --code-copy-success-color: #a170e2;
 
   --accent-color: #e9ecef;
-  --accent-color-lite: #f8f9fa;
+  --accent-color-lite: #ebedef;
 
   --control-icons: #b2bac1;
 
   --footer-background: #2f333e;
   --footer-font-color: #ffffff;
-  --footer-link-color: #ffcc5c;
+  --footer-link-color: #9f95e6;
-  --footer-link-color-visited: #ffcc5c;
+  --footer-link-color-visited: #9f95e6;
 }
 @media (prefers-color-scheme: light) {
   :root {
-    --header-background: #513c6b;
+    --header-background: none;
-    --header-font-color: #ffffff;
+    --header-font-color: #333;
 
     --body-background: #ffffff;
     --body-font-color: #343a40;
 
     --mark-color: #ffab00;
 
-    --button-background: #7d6897;
+    --button-background: #827bc6;
-    --button-border-color: #513c6b;
+    --button-border-color: #827bc6;
 
-    --link-color: #518169;
+    --link-color: #8982c9;
-    --link-color-visited: #c54e8a;
+    --link-color-visited: #8982c9;
-
-    --code-background: #f5f6f8;
-    --code-accent-color: #e3e7eb;
-    --code-accent-color-lite: #eff1f3;
-    --code-font-color: #5f5f5f;
-
-    --code-copy-background: #f5f6f8;
-    --code-copy-font-color: #6b7784;
-    --code-copy-border-color: #adb4bc;
-    --code-copy-success-color: #a170e2;
 
     --accent-color: #e9ecef;
-    --accent-color-lite: #f8f9fa;
+    --accent-color-lite: #ebedef;
 
     --control-icons: #b2bac1;
 
     --footer-background: #2f333e;
     --footer-font-color: #ffffff;
-    --footer-link-color: #ffcc5c;
+    --footer-link-color: #9f95e6;
-    --footer-link-color-visited: #ffcc5c;
+    --footer-link-color-visited: #9f95e6;
   }
 }
 
 /* Dark mode theming */
 :root[color-theme="dark"] {
-  --header-background: #513c6b;
+  --header-background: none;
   --header-font-color: #ffffff;
 
   --body-background: #343a40;
@@ -89,35 +77,25 @@
 
   --mark-color: #ffab00;
 
-  --button-background: #7d6897;
+  --button-background: #827bc6;
-  --button-border-color: #513c6b;
+  --button-border-color: #827bc6;
 
-  --link-color: #a170e2;
+  --link-color: #8982c9;
-  --link-color-visited: #c27a9e;
+  --link-color-visited: #8982c9;
-
-  --code-background: #2f353a;
-  --code-accent-color: #262b2f;
-  --code-accent-color-lite: #2b3035;
-  --code-font-color: #b9b9b9;
-
-  --code-copy-background: #343a40;
-  --code-copy-font-color: #6b7784;
-  --code-copy-border-color: #6b7784;
-  --code-copy-success-color: #37905c;
 
   --accent-color: #2b3035;
-  --accent-color-lite: #2f353a;
+  --accent-color-lite: #3d454d;
 
   --control-icons: #b2bac1;
 
   --footer-background: #2f333e;
   --footer-font-color: #ffffff;
-  --footer-link-color: #ffcc5c;
+  --footer-link-color: #9f95e6;
-  --footer-link-color-visited: #ffcc5c;
+  --footer-link-color-visited: #9f95e6;
 }
 @media (prefers-color-scheme: dark) {
   :root {
-    --header-background: #513c6b;
+    --header-background: none;
     --header-font-color: #ffffff;
 
     --body-background: #343a40;
@@ -125,30 +103,60 @@
 
     --mark-color: #ffab00;
 
-    --button-background: #7d6897;
+    --button-background: #827bc6;
-    --button-border-color: #513c6b;
+    --button-border-color: #827bc6;
 
-    --link-color: #a170e2;
+    --link-color: #8982c9;
-    --link-color-visited: #c27a9e;
+    --link-color-visited: #8982c9;
-
-    --code-background: #2f353a;
-    --code-accent-color: #262b2f;
-    --code-accent-color-lite: #2b3035;
-    --code-font-color: #b9b9b9;
-
-    --code-copy-background: #343a40;
-    --code-copy-font-color: #6b7784;
-    --code-copy-border-color: #6b7784;
-    --code-copy-success-color: #37905c;
 
     --accent-color: #2b3035;
-    --accent-color-lite: #2f353a;
+    --accent-color-lite: #3d454d;
 
     --control-icons: #b2bac1;
 
     --footer-background: #2f333e;
     --footer-font-color: #ffffff;
-    --footer-link-color: #ffcc5c;
+    --footer-link-color: #9f95e6;
-    --footer-link-color-visited: #ffcc5c;
+    --footer-link-color-visited: #9f95e6;
   }
 }
+
+
+
+body {
+  font-family: var(--font-family);
+}
+
+
+.gdoc-header {
+  border-bottom: none;
+  font-family: var(--font-family);
+  font-weight: bold;
+}
+
+.gdoc-button {
+  border-radius: 0.33rem;
+  background: var(--button-background);
+  border: var(--button-border-color) 1px solid;
+}
+
+.gdoc-button a {
+  border-bottom: none;
+  color: #EEE !important;
+}
+
+.gdoc-search__input {
+  background: none;
+}
+
+.gdoc-page__header {
+  background: none;
+}
+
+.gdoc-menu-header__items {
+  align-items: center;
+}
+
+.gdoc-menu-header__items>span {
+  padding-left: 1rem;
+}

web/flamenco-io-site/static/favicon/favicon.svg

@@ -27,5 +27,5 @@
            id="path1158"
            d="M -80.252426,22.923923 A 410.55118,410.55118 0 0 1 326.03894,437.29024 410.55118,410.55118 0 0 1 -87.926529,843.99002 410.55118,410.55118 0 0 1 -495.03432,430.4258 410.55118,410.55118 0 0 1 -81.871764,22.910384" /><path
            d="m -48.041991,633.10581 c -5.667221,-0.47221 -11.570172,-2.36115 -17.708869,-5.66684 -6.139439,-3.77785 -11.334035,-7.79186 -15.583804,-12.04203 -5.194952,-6.61126 -8.97284,-14.40315 -11.333676,-23.37571 -2.361524,-8.97241 -2.597642,-17.70878 -0.708354,-26.20912 2.360836,-9.91686 7.319314,-18.65323 14.875449,-26.20913 8.027654,-8.02788 17.000138,-12.98636 26.91748,-14.87545 3.777503,-0.94433 8.972099,-1.18045 15.583804,-0.70835 7.08314,1.4e-4 12.513854,0.70849 16.292159,2.12506 8.499831,3.30579 15.5833716,8.26427 21.2506423,14.87545 6.1386298,6.13919 10.3887537,13.69497 12.7503857,22.66735 1.416256,4.25023 1.888492,9.91706 1.416709,17.00052 -4.53e-4,7.08362 -0.708807,12.51434 -2.125064,16.29216 -2.361631,6.61137 -6.1395189,12.75044 -11.3336759,18.41722 -4.7227994,5.19464 -10.3896316,9.44477 -17.0005141,12.75038 -10.86185,5.19464 -21.959397,6.84746 -33.292672,4.95849 M -386.63556,599.81313 c -0.47228,-0.9444 -0.23616,-11.09748 0.70836,-30.45925 -0.94452,23.6119 0.23607,-10.86133 3.54177,-103.41979 -5e-5,-6.13887 0.23607,-17.47253 0.70836,-34.00103 l 1.41671,-41.08457 c 0.94441,-29.7506 2.36112,-51.70957 4.25013,-65.87699 1.88888,-14.63898 4.7223,-25.26429 8.50025,-31.87597 1.41664,-2.83304 5.66677,-9.44434 12.75039,-19.83393 7.55569,-10.3888 14.167,-19.12517 19.83393,-26.20912 7.55567,-10.38878 15.11145,-19.59738 22.66735,-27.62584 8.02789,-8.02757 19.83379,-18.41676 35.41774,-31.16761 12.75021,-10.86095 21.48658,-17.70837 26.20912,-20.54229 4.72218,-3.30515 9.91677,-5.43021 15.58381,-6.37519 14.16688,-2.83291 40.37598,3.07004 78.62737,17.70887 38.72308,14.6398 92.321865,38.95996 160.7965293,72.96054 73.1961417,37.30706 131.9895307,69.41911 176.3803307,96.33624 13.69423,8.50057 23.13895,15.11187 28.33419,19.83394 5.66618,4.72265 9.91631,9.91725 12.75038,15.5838 0.94382,2.36146 1.41605,4.25041 1.41671,5.66684 0.47158,0.94475 0.47158,2.36145 0,4.25013 l -2.12506,5.66683 c -1.41737,2.36145 -9.6815,11.57005 -24.79242,27.62584 -15.11218,15.58403 -27.62644,27.86216 -37.5428,36.83444 -12.27873,11.33387 -20.77898,18.65353 -25.50077,21.959 -4.25069,3.30583 -8.73694,4.95866 -13.45874,4.95848 -6.61186,1.8e-4 -13.93152,-1.65265 -21.958996,-4.95848 -7.556311,-3.30547 -20.778919,-10.62513 -39.667865,-21.959 -39.66832,-24.08383 -89.253102,-51.00128 -148.754494,-80.75244 -41.557115,-21.25033 -80.516585,-39.90366 -116.878535,-55.96002 -35.41793,-16.05569 -53.3629,-22.90311 -53.83496,-20.54229 l -3.54177,148.7545 c -0.47241,12.27834 -1.41688,20.77859 -2.83342,25.50077 -0.4724,2.36136 -2.36135,6.61149 -5.66684,12.75038 -9.91712,20.77856 -25.97314,42.2653 -48.16812,64.46028 -13.22272,12.75048 -25.73698,23.3758 -37.5428,31.87597 -11.80598,8.50032 -20.07011,12.75045 -24.79242,12.75038 -1.41676,7e-5 -2.36123,-0.94441 -2.83342,-2.83342"
-           style="fill:#513c6b;fill-opacity:1"
+           style="fill:#8982c9;fill-opacity:1"
            id="path2986" /></g></g></g></svg>