generic-header flowblock removed + existing products reflects new changes

content/u/offers/acti-kit/contents.lr

@@ -8,20 +8,17 @@ _hidden: no
 ---
 _discoverable: no
 ---
-header:
+headline1: Activism
-
+---
-#### generic-header ####
+headline2: in the era of 
-headers:
+---
-
+headline3: Climate Change
-Activism
+---
-in the era of 
+header_background_color: #07b76e
-Climate Change
+---
-----
+header_text_color: text-light
-primary_color: #07b76e
+---
-----
+nav_classes:navbar-dark
-header_color: text-light
-----
-nav_link_color:navbar-dark
 ---
 feature1_title: Free from fossil fuel
 ---

content/u/offers/valentine-machine-2020/contents.lr

@@ -8,21 +8,17 @@ _hidden: no
 ---
 _discoverable: yes
 ---
-header:
+headline1: Be My
-
+---
-#### generic-header ####
+headline2: Zerocarbon
-headers:
+---
-
+headline3: Valentine
-Be My
+---
-Zerocarbon
+header_background_color: #ef92bd
-Valentine
+---
-
+header_text_color: text-light
-----
+---
-primary_color: #ef92bd
+nav_classes: navbar-dark
-----
-header_color: text-light
-----
-nav_link_color:navbar-dark
 ---
 image: /u/image/cards/zerocarbon-valentine.jpg
 ---

content/u/offers/womensday-2020/contents.lr

@@ -8,21 +8,17 @@ _hidden: no
 ---
 _discoverable: yes
 ---
-header:
+headline1: First Month Free
-
+---
-#### generic-header ####
+headline2: For Women 
-headers:
+---
-
+headline3: In Tech
-First Month Free
+---
-For Women 
+header_background_color: #46286e
-In Tech
+---
-
+header_text_color: text-light
-----
+---
-primary_color: #46286e
+nav_classes:navbar-dark
-----
-header_color: text-light
-----
-nav_link_color:navbar-dark
 ---
 image: /u/image/cards/womensday2020.jpg
 ---

content/u/offers/zero-carbon-shop/contents.lr

@@ -106,17 +106,14 @@ Recommended for medium to large organisations
 ---
 offer3_link: https://ungleich.ch/product/0carbonshop-50TB/
 ---
-header:
+header_background_color: #40a9e3
-
+---
-#### generic-header ####
+header_text_color: text-light
-headers:
+---
-
+nav_classes: navbar-dark
-don't offset,
+---
-do zero carbon.
+headline1: don't offset,
-zero carbon shop
+---
-----
+headline2: do zero carbon.
-primary_color: #40a9e3
+---
-----
+headline3: zero carbon shop
-header_color: text-light
-----
-nav_link_color: navbar-dark

content/u/products/colocation/contents.lr

@@ -8,20 +8,15 @@ _hidden: no
 ---
 subtitle: Your space in Data Center Light
 ---
-header:
+headline1: Zero Carbon
-
+---
-#### generic-header ####
+headline2: Colocation
-headers:
+---
-
+header_background_color: #92BD44
-Zero Carbon
+---
-Colocation
+header_text_color: text-light
-
+---
-----
+nav_classes:navbar-dark
-primary_color: #92BD44
-----
-header_color: text-light
-----
-nav_link_color:navbar-dark
 ---
 image:/u/image/cards/colocation.jpg
 ---

content/u/products/data-storage/contents.lr

@@ -6,20 +6,15 @@ title: Data Storage
 ---
 subtitle: Stored safely in Switzerland
 ---
-header:
+headline1: Data Storage
-
+---
-#### generic-header ####
+headline2: in Switzerland
-headers:
+---
-
+header_background_color: #2EBFC3
-Data Storage
+---
-in Switzerland
+header_text_color: text-light
-
+---
-----
+nav_classes: navbar-dark
-primary_color: #2EBFC3
-----
-header_color: text-light
-----
-nav_link_color:navbar-dark
 ---
 image:/u/image/cards/datastorage.jpg
 ---

content/u/products/hosted-matrix-chat/contents.lr

@@ -8,20 +8,15 @@ subtitle: Easy, decentralised & end-to-end encrypted chat
 ---
 image:/u/image/cards/zerocarbonmatrix.jpg
 ---
-header:
+headline1: Open, Secure
-
+---
-#### generic-header ####
+headline2: Decentralized Chat
-headers:
+---
-
+header_background_color: #1BC0A1
-Open, Secure
+---
-Decentralized Chat
+header_text_color: text-light
-
+---
-----
+nav_classes: navbar-dark
-primary_color: #1BC0A1
-----
-header_color: text-light
-----
-nav_link_color: navbar-dark
 ---
 description1:
 

content/u/products/ipv4-to-ipv6-proxy/contents.lr

@@ -8,19 +8,15 @@ subtitle: Make your IPv6 resources reachable from the IPv4 world
 ---
 image: /u/image/cards/ipv4-ipv6-proxy.jpg
 ---
-header:
+headline1: IPv4 to 
-
+---
-#### generic-header ####
+headline2: IPv6 Proxy
-headers:
+---
-
+header_background_color: #57B7C1
-IPv4 to 
+---
-IPv6 Proxy
+header_text_color: text-light
-----
+---
-primary_color: #57B7C1
+nav_classes: navbar-dark
-----
-header_color: text-light
-----
-nav_link_color: navbar-dark
 ---
 description1:
 

content/u/products/ipv6-only-hosting/contents.lr

@@ -8,21 +8,16 @@ _hidden: no
 ---
 subtitle: Future ready, today.
 ---
-header:
+headline1: Future ready
-
+---
-#### generic-header ####
+headline2: IPv6 only Hosting
-headers:
+---
-
+header_background_color: #6FB0E5
-Future ready
+---
-IPv6 only Hosting
+header_text_color: text-light
-
+---
-----
+nav_classes:navbar-dark
-primary_color: #6FB0E5
+---
-----
-header_color: text-light
-----
-nav_link_color:navbar-dark
-----
 image:/u/image/cards/ipv6onlyhosting.jpg
 ---
 feature1_title: Necessary

content/u/products/virtual-machine-hosting/contents.lr

@@ -6,22 +6,18 @@ title: Virtual Machine Hosting
 ---
 subtitle: Sustainable, green and safe
 ---
-header:
+headline1: Zero Carbon
-
+---
-#### generic-header ####
+headline2: Virtual Machine 
-headers:
+---
-
+headline3: Hosting
-Zero Carbon
+---
-Virtual Machine 
+header_background_color: #5273C2
-Hosting
+---
-
+header_text_color: text-light
-----
+---
-primary_color: #5273C2
+nav_classes: navbar-dark
-----
+---
-header_color: text-light
-----
-nav_link_color:navbar-dark
-----
 image:/u/image/cards/zerocarbonvps.jpg
 ---
 feature1_title: Full virtualisation

content/u/products/zero-carbon-chat/contents.lr

@@ -128,18 +128,14 @@ Recommended for large groups
 ---
 offer3_link: https://ungleich.ch/product/0carbonchat-power/
 ---
-header:
+headline1: zero carbon chat
-
+---
-#### generic-header ####
+headline2: team chat
-headers:
+---
-
+headline3: made clean
-zero carbon chat 
+---
-team chat
+header_background_color: #4da553
-made clean
+---
-
+header_text_color: text-light
-----
+---
-primary_color: #4da553
+nav_classes: navbar-dark
-----
-header_color: text-light
-----
-nav_link_color: navbar-dark

content/u/products/zero-carbon-cloud/contents.lr

@@ -123,17 +123,14 @@ Recommended for medium to large organisations
 ---
 offer3_link: https://ungleich.ch/product/0carboncloud-50TB/
 ---
-header:
+headline1: don't offset, 
-
+---
-#### generic-header ####
+headline2: do zero carbon.
-headers:
+---
-
+headline3: zero carbon cloud
-don't offset, 
+---
-do zero carbon.
+header_background_color: #40a9e3
-zero carbon cloud
+---
-----
+header_text_color: text-light
-primary_color: #40a9e3
+---
-----
+nav_classes: navbar-dark
-header_color: text-light
-----
-nav_link_color: navbar-dark

content/u/products/zerocarbon-webhosting-with-ipv6/contents.lr

@@ -8,20 +8,17 @@ subtitle: Host your page without negative climate effects
 ---
 image: /u/image/cards/zerocarbonwebhosting.jpg
 ---
-header:
+headline1: Zero Carbon
-
+---
-#### generic-header ####
+headline2: Web
-headers:
+---
-
+headline3: Hosting
-Zero Carbon
+---
-Web
+header_background_color: #7B95D4
-Hosting
+---
-----
+header_text_color: text-light
-primary_color: #7B95D4
+---
-----
+nav_classes: navbar-dark
-header_color: text-light
-----
-nav_link_color: navbar-dark
 ---
 content1_text:
 

content/u/projects/contents.lr

@@ -4,16 +4,11 @@ title: PROJECTS
 ---
 subtitle: Things we do at ungleich
 ---
-header:
+headline1: OUR PROJECTS
-
-#### generic-header ####
-headers:
-
-OUR PROJECTS
 ---
-primary_color: #000000
+header_background_color #000000
 ---
-header_color: text-light
+header_text_color: text-light
 ---
-nav_link_color:navbar-dark
+nav_classes:navbar-dark
 ---

flowblocks/generic-header.ini

@@ -1,26 +0,0 @@
-[block]
-name = generic-header
-
-[fields.headers]
-label = headers
-type = strings
-
-[fields.primary_color]
-name = Landing Page Primary Color
-label = primary_color
-type = string
-
-[fields.header_color]
-name = Header Color
-label = header_color
-type = select
-choices = text-light, text-dark
-choice_labels = light, dark
-default = text-light
-
-[fields.nav_link_color]
-name = Navigation Link Color
-type = select
-choices = navbar-light, navbar-dark
-choice_labels = dark, light
-default = dark

models/product.ini

@@ -12,9 +12,30 @@ size = large
 label = Subtitle
 type = string
 
-[fields.header]
+# Replaces generic-header.fields.headers
-type = flow
+[fields.headline1]
-flow_blocks = generic-header
+type = string
+
+[fields.headline2]
+type = string
+
+[fields.headline3]
+type = string
+
+# Replaces generic-header.fields.primary_color
+[fields.header_background_color]
+type = string
+
+# Replaces generic-header.fields.header_color
+[fields.header_text_color]
+type = string
+
+# Replaces generic-header.fields.nav_link_color
+[fields.nav_classes]
+type = select
+choices = navbar-light, navbar-dark
+choice_labels = dark, light
+default = dark
 
 [fields.description1]
 label = Description 1

templates/blocks/generic-header.html

@@ -1,7 +0,0 @@
-<div class="jumbotron jumbotron-fluid" style="background-color: {{this.primary_color}};">
-    <div class="container-fluid">
-      {% for h in this.headers %}
-        <h1 class="display-1 generic-header {{this.header_color}}" style="font-weight: bolder;">{{h}}</h1>
-      {% endfor %}
-    </div>
-</div>

templates/layout-2020.html

@@ -43,9 +43,9 @@
 
   </head>
   <body>
-    {% if this.header %}
+    {% if this.header_background_color %}
-      {% set nav_style = 'background-color:' + this.header.blocks[0].primary_color + ';' %}
+      {% set nav_style = 'background-color:' + this.header_background_color + ';' %}
-      {% set nav_classes = this.header.blocks[0].nav_link_color %}
+      {% set nav_classes = this.nav_classes %}
     {% else %}
       {% set nav_classes = 'navbar-light bg-light' %}
     {% endif %}
@@ -99,8 +99,14 @@
         </form>
       </div>
     </nav>
-    {% if this.header %}
+    {% if this.headline1 %}
-      {{ this.header.blocks[0] }}
+    <div class="jumbotron jumbotron-fluid" style="background-color: {{this.header_background_color}};">
+      <div class="container-fluid">
+          <h1 class="display-1 generic-header {{this.header_text_color}}" style="font-weight: bolder;">{{this.headline1}}</h1>
+          <h1 class="display-1 generic-header {{this.header_text_color}}" style="font-weight: bolder;">{{this.headline2}}</h1>
+          <h1 class="display-1 generic-header {{this.header_text_color}}" style="font-weight: bolder;">{{this.headline3}}</h1>
+      </div>
+    </div>
     {% else %}
     <div class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
       <div class="col-md-5 p-lg-5 mx-auto my-5">