Merge pull request #14 from matmair/content

More sample work

_data/ctas/end.yml

@@ -1,4 +1,4 @@
 text: Ready for a glimpse into the future?<br>Together we make InvenTree better, faster and more helpfull each day.
 btn:
   - text: open the roadmap
-    link: https://inventree.readthedocs.io/en/latest/upcoming/
+    link: https://github.com/inventree/InvenTree/labels/roadmap

_data/for_business.yml

@@ -8,17 +8,5 @@ text: |
 features:
   - title: lorem ipsum title
     subtitle: lorem ipsum subtitle
-    description: |
+    text: lorem ipsum description
-      lorem ipsum
-
-      - lorem ipsum
-      - lorem ipsum
-      - lorem ipsum
-
-      lorem ipsum
-    link: https://example.com/
-
-  - title: lorem ipsum title
-    subtitle: lorem ipsum subtitle
-    description: lorem ipsum description
     link: https://example.com/

_data/for_edu.yml

@@ -8,10 +8,10 @@ text: |
 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!
+    text: Free software of big vendors helps the budget. But how about your students?
-    link: https://example.com/
+    extend: 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!
 
   - title: lorem ipsum title
     subtitle: lorem ipsum subtitle
-    description: lorem ipsum description
+    text: lorem ipsum description
     link: https://example.com/

_data/for_maker.yml

@@ -8,5 +8,5 @@ text: |
 features:
   - title: lorem ipsum title
     subtitle: lorem ipsum subtitle
-    description: lorem ipsum description
+    text: lorem ipsum description
     link: https://example.com/

_includes/block/features.html

@@ -21,10 +21,12 @@
           <div class="bg-gray-100 p-6 rounded-lg">
             <h3 class="tracking-widest text-primary text-xs font-medium title-font">{{ item.subtitle }}</h3>
             <h2 class="text-lg cm-gray-1 font-medium title-font mb-4">{{ item.title }}</h2>
-            <p class="leading-relaxed text-base">{{ item.description }}
+            <p class="leading-relaxed text-base">{{ item.text }}
               {% if include.extend and item.extend %}<br><br>{{ item.extend }}{% endif %}
             </p>
+            {% if item.link %}
             <a class="text-secondary inline-flex items-center" href="{% include fnc/link.html item=item.link %}" alt="learn more">Learn More {% include fnc/learn_more.html %}</a>
+            {% endif %}
           </div>
         </div>
       {% endfor %}

_includes/block/hero.html

@@ -9,11 +9,18 @@
           <span class="bg-clip-text text-transparent bg-gradient-to-r from-primary to-secondary">{{ include.color }}</span>
           {% endif %}
         </h1>
+        {% if include.detail %}
         <p class="mb-8 leading-relaxed">{{ include.detail }}</p>
-        <div class="flex justify-center">
+        {% endif %}
-          <button class="inline-flex text-white bg-secondary border-0 py-2 px-6 focus:outline-none hover:bg-primary rounded text-lg">Button</button>
+        {% if include.buttons %}
-          <button class="ml-4 inline-flex cm-hvr-btn border-0 py-2 px-6 focus:outline-none text-lg">Button</button>
+        <div class="flex-wrap justify-center">
+          {% for item in include.buttons %}
+          <button class="{% if  forloop.index != 0 %}ml-4{% endif %} mb-4 {% if item.primary %}cm-hvr-btn-primary{% else%}cm-hvr-btn{% endif %} inline-flex border-0 py-2 px-6 focus:outline-none text-lg">
+            {% if item.link %}<a href="{% include fnc/link.html item=item.link %}">{% endif %}{{item.text}}{% if item.link %}</a>{% endif %}
+          </button>
+          {% endfor %}
         </div>
+        {% endif %}
       </div>
       <div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
         {% if include.image %}

_layouts/branche.html

@@ -1,12 +0,0 @@
----
-layout: default
----
-
-{% include block/hero.html title=site.tagline title_2=page.title_2 image='https://dummyimage.com/860x600' color='with InvenTree' detail='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.' %}
-
-{% assign data = site.data[page.data] %}
-{% include block/features.html data=data %}
-
-{% include block/cta.html cta=site.data.ctas.learn %}
-{% include block/functions.html data=site.data.functions.general extend=true %}
-{% include block/cta.html cta=site.data.ctas.end %}

_layouts/user.html

@@ -0,0 +1,19 @@
+---
+layout: default
+---
+
+{% include block/hero.html
+    title=site.tagline
+    title_2=page.title_2
+    image='https://dummyimage.com/860x600'
+    color='with InvenTree'
+    detail=page.long_text
+    buttons=page.buttons
+%}
+
+{% assign data = site.data[page.data] %}
+{% include block/features.html data=data extend=true %}
+
+{% include block/cta.html cta=site.data.ctas.learn %}
+{% include block/functions.html data=site.data.functions.general extend=true %}
+{% include block/cta.html cta=site.data.ctas.end %}

assets/index.css

@@ -32,6 +32,10 @@ layout: empty
         @apply text-gray-700 bg-gray-100 hover:bg-gray-200 rounded
     }
 
+    .cm-hvr-btn-primary {
+        @apply text-white bg-secondary hover:bg-primary rounded
+    }
+
     .cm-gray-1 {
         @apply text-gray-900
     }

index.md

@@ -4,7 +4,13 @@ backLink: false
 main_page: True
 ---
 
-{% include block/hero.html title=site.tagline title_2='and more' image='https://dummyimage.com/860x600' color='with InvenTree' detail='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.' %}
+{% include block/hero.html
+    title=site.tagline
+    title_2='and more'
+    image='https://dummyimage.com/860x600'
+    color='with InvenTree'
+    detail='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+%}
 
 {% include block/functions.html data=site.data.functions.general %}
 

plugins.html

@@ -4,7 +4,7 @@ title: Plugins
 permalink: /plugins
 ---
 <div class="pt-3 pb-1 section-container">
-  <h1 class="header-text title-font mb-4 cm-gray-1">Plugins Repository</h1>
+  <h1 class="header-text title-font mb-4 cm-gray-1">InvenTree Plugin Repository</h1>
       {% for plugin in site.plugins %}
         {% include plugin_card.html plugin=plugin %}
       {% endfor %}

use/business.md

@@ -1,5 +1,5 @@
 ---
-layout: branche
+layout: user
 title: For Business
 title_2: for Business
 data: for_business

use/education.md

@@ -1,5 +1,5 @@
 ---
-layout: branche
+layout: user
 title: For Education
 title_2: for Education
 data: for_edu

use/maker.md

@@ -1,6 +1,16 @@
 ---
-layout: branche
+layout: user
 title: For Maker
 title_2: for Maker
 data: for_maker
+long_text: |
+    lorem ipsum place for
+    multiline inteligent text
+buttons:
+    - text: lorem ipsum primary
+      primary: true
+      link: http://example.com
+    - text: lorem ipsum
+      link:
+        internal: plugins.html
 ---