add sections

home/_data/footer.yml

@@ -34,3 +34,14 @@
     link: inventree-python
   - name: More
     link: github-tag-inventree
+
+- title: Subsites
+  cats:
+  - name: Home
+    link: /
+  - name: For Hobby
+    link: /hobby
+  - name: For Business
+    link: /business
+  - name: For Education
+    link: /education

home/_data/for_business.yml

@@ -1,5 +1,6 @@
 header:
-  title: For buisness
+  ref: sme
+  title: For Business
   text: |
     This pipe does something a little different.
     It preserves the breaks.
@@ -28,20 +29,6 @@ features:
     description: long text describing this2
     link: Https://example.com/2
 
-  - title: mountain bikes3
-    subtitle: very intresting3
-    description: long text describing this3
-    link: Https://example.com/3
-
-  - title: mountain bikes3
-    subtitle: very intresting3
-    description: long text describing this3
-    link: Https://example.com/3
-
-  - title: mountain bikes3
-    subtitle: very intresting3
-    description: long text describing this3
-    link: Https://example.com/3
 
 cta:
   text: Want to know more? Try out our demo or read more in the enterprise docs!

home/_data/for_edu.yml

@@ -0,0 +1,16 @@
+header:
+  ref: edu
+  title: For Education
+  text: |
+    Electronic Labs are creative places. Whether your institution works with K12 or post-grads - organisation and tooling is challenging. Let InvenTree help you calm the storm!
+
+features:
+  - title: Open Source - Open Knowledge
+    subtitle: Stay independed of big vendors
+    description: Free software of big vendors helps the budget. But how about your students?<br>Don’t teach tools – teach process and competence. InvenTree is MIT licensed and free forever.<br>Also, we are open to contribution from all ages!
+    link: Https://example.com/
+
+  - title: mountain bikes3
+    subtitle: very intresting3
+    description: long text describing this3
+    link: Https://example.com/3

home/_data/for_hobby.yml

@@ -1,5 +1,6 @@
 header:
-  title: For hobbists
+  ref: hobby
+  title: For Hobbyist
   text: |
     This pipe does something a little different.
     It preserves the breaks.

home/_includes/features.html

@@ -2,7 +2,7 @@
     <div class="container px-5 py-24 mx-auto">
       <div class="flex flex-wrap w-full mb-4">
         <div class="lg:w-1/2 w-full mb-6 lg:mb-0">
-          <h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 cm-lgt-txt">{{ include.data.header.title }}</h1>
+          <h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 cm-lgt-txt" id="{{ include.data.header.ref }}">{{ include.data.header.title }}</h1>
           <div class="h-1 w-20 bg-secondary rounded"></div>
         </div>
         <p class="lg:w-1/2 w-full leading-relaxed text-gray-500">{{ include.data.header.text }}</p>

home/_includes/header.html

@@ -1,20 +1,20 @@
 <header class="cm-text-body body-font sticky top-0 z-50 bg-gradient-to-r from-white to-secondary">
     <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
-      <a class="flex title-font font-medium items-center cm-lgt-txt mb-4 md:mb-0">
+      <a class="flex title-font font-medium items-center cm-lgt-txt mb-4 md:mb-0" href="/">
         <img src="/assets/logo.png" class="h-8">
         <span class="ml-3 text-xl">{{ site.title }}</span>
       </a>
 
       <nav class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400	flex flex-wrap items-center text-base justify-center">
-        <a class="mr-5 hover:cm-lgt-txt">Home</a>
+        <a class="mr-5 hover:cm-lgt-txt" href="/">Home</a>
         <a class="mr-5 hover:cm-lgt-txt">Plugins</a>
         <a class="mr-5 hover:cm-lgt-txt">Third Link</a>
       </nav>
 
       <nav class="md:ml-auto flex flex-wrap items-center text-base justify-center rounded border-2 border-primary">
-        <a class="ml-2 mr-2 hover:cm-lgt-txt">for <strong>hobbyists</strong></a>
+        <a class="ml-2 mr-2 hover:cm-lgt-txt" href="#hobby">for <strong>hobby</strong></a>
-        <a class="mr-2 hover:cm-lgt-txt">for <strong>buisnesses</strong></a>
+        <a class="mr-2 hover:cm-lgt-txt" href="#business">for <strong>business</strong></a>
-        <a class="mr-2 hover:cm-lgt-txt">for <strong>enterprise</strong></a>
+        <a class="mr-2 hover:cm-lgt-txt" href="#edu">for <strong>edu</strong></a>
       </nav>
       <button href="{{site.demo-link}}" class="inline-flex items-center bg-gray-100 ml-2 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0">
         Open demo

home/education.md

@@ -0,0 +1,16 @@
+---
+layout: default
+backLink: false
+---
+
+{% include hero.html title=site.tagline title_2='for Education' image='https://dummyimage.com/860x600' color='with InvenTree' %}
+
+{% assign for_e = site.data.for_edu %}
+{% include features.html data=for_e %}
+
+{% include cta.html text='read more on the site!' %}
+
+{% assign end = site.data.end_cta %}
+{% include cta.html cta=end %}
+
+---

home/index.md

@@ -6,12 +6,16 @@ backLink: false
 {% include hero.html title=site.tagline title_2='and more' image='https://dummyimage.com/860x600' color='with InvenTree' %}
 
 
-{% assign for_b = site.data.for_b %}
+
+{% assign for_h = site.data.for_hobby %}
+{% include features.html data=for_h %}
+
+{% assign for_b = site.data.for_business %}
 {% include features.html data=for_b %}
 
+{% assign for_e = site.data.for_edu %}
+{% include features.html data=for_e %}
 
-{% assign for_h = site.data.for_h %}
-{% include features.html data=for_h %}
 
 {% assign end = site.data.end_cta %}
 {% include cta.html cta=end %}