intia-theme 0.1.5 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e93c7a5b012d03132b56ab55629505ced35da8b7cf5682878f173c8504afd3bf
-  data.tar.gz: 619844a2c4a867454ca3abfc5fc0eb29ba4ecdea7763f102c5b525004c179491
+  metadata.gz: bd72e93766460608e71c0175ba728af09e1da5956105b12758fd4e24151f7dec
+  data.tar.gz: 57b9b1286e1ae0eec1bd47122f986bfe21233d87abfa11acf1403f607f628726
 SHA512:
-  metadata.gz: b27587d1e3c9a82b9dc6792fdff77979bec6223f5ea555c80162fdfd2506380d5cdbd3bfc6b7c3181a0a5981879913e320bdb35ab3ce3a7c82ed12db67c1678c
-  data.tar.gz: e0e86fd1ef8bba5394235da6fb2b99a7bfd8b2fafc01a83049c82b52bb630ccb8b382c8518c0f98b0a33dfc2f9c78852e2fb8f460d974df533dedce1e948f08a
+  metadata.gz: ac8804eae4a7f8a7b6b9715c5b8d4a0af43034106eddd039b9bf176ee2d22d26716012466b11e5a7c7ea2218de80c75a4b68b20fc2986b44b57be83a7dc1891f
+  data.tar.gz: 0ad0fdc0bec3d40c8a53d7833d4d3cfed6e9bdca0eb7a635304ba144fdbbfaa9d6808036faab330f71ab78291619bc6e2efb78ddda846b7a26b16ae157c1cbb9

data/_includes/button.html

@@ -0,0 +1,7 @@
+
+<a href="#" class="button is-rounded is-dark">
+    <span class="icon is-small">
+    <i class="fas fa-chevron-right fa-xs"></i>
+    </span>
+    <span> {{ include.label }} </span>
+</a>

data/_includes/contact.html

@@ -0,0 +1,70 @@
+{% if page.contact %}
+<div class="green contact">
+    <h1>Write us</h1>
+    Lorem ipsum leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget
+    metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis
+    consectetur purus sit amet fermentum.
+    <form action="https://submit-form.com/ujaWfjyi"  class="columns">
+        <div class="column is-6">
+            <div class="field">
+                <label class="label">Name</label>
+                <div class="control has-icons-left">
+                  <input class="input" type="text" id="name" name="name" placeholder="Name" required>
+                  <span class="icon is-small is-left">
+                    <i class="fas fa-user"></i>
+                  </span>
+                </div>
+              </div>
+              <div class="field">
+                <label class="label">E-Mail</label>
+                <div class="control has-icons-left">
+                  <input class="input" type="email" id="email" name="email" placeholder="E-Mail">
+                  <span class="icon is-small is-left">
+                    <i class="fas fa-envelope"></i>
+                  </span>
+                </div>
+              </div>
+              <div class="field">
+                <label class="label">Thema</label>
+                <div class="control">
+                  <div class="select">
+                    <select id="thema" name="thema">
+                      <option value="Sonstige">Sonstige</option>
+                      <option value="Plattform">Plattform</option>
+                      <option value="Innovationskoffer">Innovationskoffer</option>
+                      <option value="Methoden">Methoden</option>
+                      <option value="Prototypen">Prototypen</option>
+                      <option value="Stories">Stories</option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+        </div>
+        <div class="column is-6">
+            <div class="field">
+                <label class="label">Nachricht</label>
+                <div class="control">
+                  <textarea
+                      class="textarea"
+                      id="message"
+                      name="message"
+                      placeholder="Wie können wir dir helfen?"
+                      required=""
+                  ></textarea>
+                </div>
+              </div>
+              <div class="checkbox columns">
+                <div class="column is-1">
+                  <input class="column" type="checkbox" id="agree" name="privacy-policy" value="agreed" required oninvalid="this.setCustomValidity('Bitte dieses Feld anklicken, um fortzufahren')"
+                       oninput="this.setCustomValidity('')">
+                </div>
+                
+                <div class="column">
+                  <label for="agree">Ich akzeptiere das für die Daten-Erfassung der Dienst Formspark.io genutzt wird. Für nähere Informationen zur Daten-Erfassung <a href="https://formspark.io/legal/privacy-policy/">hier klicken</a>.</label><br><br>
+                  <button class="button is-rounded is-dark" type="submit">Abschicken</button>
+                </div>
+              </div>
+        </div>
+    </form>
+  </div>
+  {% endif %}

data/_includes/footer.html

@@ -18,7 +18,7 @@
         {% if site.data.navigation %}
         <div class="column ">
             <div class="title">Site Map</div>
-            <div class="columns">
+            <div class="columns footer-nav">
                 {% for item in site.data.navigation %}
                     <div class="column">
                         <a href="{{ subitem.link | relative_url }} " class="link"><strong>{{ item.name }}</strong></a>

data/_includes/hero.html

@@ -1,10 +1,13 @@
 <section class="hero is-primary is-hidden-print {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} {% if page.hero_tags %} {{ page.hero_tags }} {% endif %}" {% if page.hero_background_image %} style="background: url('{{ page.hero_background_image }}') no-repeat center center; background-size: cover;" {% endif %}>
     <div class="hero-body">
         <div class="container">
+            {% if page.title_above %}
+                <h1 class="overtitle subtitle is-4">{{ page.title_above }}</h1>
+            {% endif %}
+            <h1 class="title is-1  {% if page.title_above %} title-with-overtitle {% endif %}">{{ page.title }}</h1>
             {% if page.hero_image %}
                 <img src="{{page.hero_image}}" alt="placeholder"  class="is-rounded is-hidden-mobile">
             {% endif %}
-            <h1 class="title is-1">{{ page.title }}</h1>
             <p class="subtitle is-4">{{ page.subtitle }}</p>
             {% if page.hero_link %}
                 <a href="{{ page.hero_link | relative_url }}" class="button is-rounded is-dark">
@@ -14,8 +17,20 @@
                     </span>
                 </a>
             {% endif %}
+            <div class="buttons-hero has-text-centered">
+                <a  href=""  class="button is-rounded is-dark { % if item.link == page.url % } { % endif % }">
+                    <span class="icon is-small">
+                        <i class="fas fa-chevron-left"></i>
+                    </span>
+                    <span>Zur Übersicht</span>
+                </a>
+                <a  href=""  class="button is-rounded is-dark { % if item.link == page.url % } { % endif % }">
+                    <span>Als PDF Herunterladen</span>
+                    <span class="icon is-small">
+                        <i class="fas fa-chevron-right"></i>
+                    </span>
+                </a>
+            </div>
         </div>
-        <img src="{{ site.baseurl }}/assets/img/arrow-down.png" alt="placeholder"  class="arrow-image is-pulled-left is-hidden-mobile"> 
     </div>
-</section>
-<i class="fas {{ section.icon }}"></i>
+</section>

data/_includes/highlighter.html

@@ -0,0 +1,7 @@
+
+<div class="highlighter {% if include.two-columns %} two-columns {% endif %} {% if include.min-height25p %} min-height25p {% endif %} {% if include.style %} include.style {% endif %} ">
+    {{ include.content }}
+    {% if include.button %}
+        {% include button.html label=include.button %}
+    {% endif %} 
+</div>

data/_includes/introduction.md

@@ -0,0 +1,6 @@
+<div class="card column is-8 is-offset-2">
+    <h1 class="has-text-centered">{{include.title}}</h1>
+    <h3 class="subtitle is-4 has-text-left">{{include.content}}</h3>
+<br>
+<br>
+</div>

data/_includes/latest-story.html

@@ -0,0 +1,35 @@
+{% if page.latest-story %}
+<div class="green">
+{% assign story = site.posts | first %}
+<div class="story-carousel-item">
+    <div class="container">
+        <div class="section">
+          <div class="slider story-slider columns">
+            <div class="slider-image column is-half">
+              <figure class="image">
+                <img src="{{story.preview_image}}" alt="this used to be photo">             
+              </figure>
+            </div>
+            <div class="slider-content column is-half">
+                <div class="media">
+                  <div class="media-content">
+                    <h2>{{story.title}}</h2>
+                  </div>
+                </div>
+    
+                <div class="content">
+                  <p>{{story.subtitle}}</p>
+                  <a href="{{ story.url | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
+                      <span>Mehr lesen</span>
+                      <span class="icon is-small">
+                      <i class="fas fa-chevron-right fa-xs"></i>
+                      </span>
+                  </a>           
+                </div>
+              </div>
+          </div>
+    </div>
+    </div>
+</div>
+</div>
+{% endif %}

data/_includes/left-right-blocks.html

@@ -1,50 +1,47 @@
-{% if page.left_right_layout %}
-    {% assign layout=site.data.[page.left_right_layout] %}
-        {% for section in layout.sections %}
-        {% capture isEven %}{% cycle 'false', 'true' %}{% endcapture %}
-        <div class="card columns">
-        {% if isEven == 'false' %}
-            <div class="card-image left">
-                <figure class="image">
-                    <img src={{section.image}} alt="placeholder" class="left">
-                </figure>
-            </div>
-            <div class="card-content">
-                <h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify  }}</h2>
-                    {{ section.text | markdownify  }}
+{% assign layout=site.data.[include.data] %}
+{% for section in layout.sections %}
+{% capture isEven %}{% cycle 'false', 'true' %}{% endcapture %}
+
+<div class="card columns">
+{% if isEven == 'false' %}
+<div class="card-image left">
+    <figure class="image">
+        <img src={{section.image}} alt="placeholder" class="left">
+    </figure>
+</div>
+<div class="card-content">
+    <h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify  }}</h2>
+            {{ section.text | markdownify  }}
                 
-                    <a href="{{ section.link | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
-                        <span>{{ section.link_text }}</span>
-                        <span class="icon is-small">
-                        <i class="fas fa-chevron-right fa-xs"></i>
-                        </span>
-                    </a>                    
-            </div>
-        {% else %}
-        <div class="card-content ">
-            <div class="card-image right is-hidden-tablet">
-                <figure class="image">
-                    <img src={{section.image}} alt="placeholder" class="left">
-                </figure>
-            </div>
-            <h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify  }}</h2>
-                {{ section.text | markdownify  }}
-                <a href="{{ section.link | relative_url }}" class="button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">
-                    <span>{{ section.link_text }}</span>
-                    <span class="icon is-small">
-                    <i class="fas fa-chevron-right fa-xs"></i>
-                    </span>
-                </a>                    
-        </div>
-            <div class="card-image right is-hidden-mobile">
-                <figure class="image">
-                    <img src={{section.image}} alt="placeholder" class="right">
-                </figure>
-            </div>
-        {% endif %}       
-                
-                             
-            </div>
-        <div class="clear"></div>
-        {% endfor %}
-{% endif %}
+<a href="{{ section.link | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
+    <span>{{ section.link_text }}</span>
+    <span class="icon is-small">
+    <i class="fas fa-chevron-right fa-xs"></i>
+    </span>
+</a>                    
+</div>
+{% else %}
+<div class="card-content ">
+    <div class="card-image right is-hidden-tablet">
+        <figure class="image">
+            <img src={{section.image}} alt="placeholder" class="left">
+        </figure>
+    </div>
+    <h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify  }}</h2>
+        {{ section.text | markdownify  }}
+<a href="{{ section.link | relative_url }}" class="button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">
+    <span>{{ section.link_text }}</span>
+    <span class="icon is-small">
+    <i class="fas fa-chevron-right fa-xs"></i>
+    </span>
+</a>                    
+</div>
+<div class="card-image right is-hidden-mobile">
+    <figure class="image">
+        <img src={{section.image}} alt="placeholder" class="right">
+    </figure>
+</div>
+{% endif %}                                
+</div>
+<div class="clear"></div>
+{% endfor %}

data/_includes/stories.html

@@ -0,0 +1,40 @@
+{% for story in site.posts %}
+
+<div class="news">
+    <div class="news-item">
+      <div class="container">
+        <div class="section">
+          <div class="story-news columns">
+            <div class="news-image column is-half">
+              <figure class="image">
+                <img src={{story.preview_image}} alt="this used to be photo">             
+              </figure>
+            </div>
+            <div class="news-content column is-half">
+                <div class="media">
+                  <div class="media-content">
+                    <h4>{{story.date | date: "%m.%d.%Y"}}</h4>
+                    <h2>{{story.title}}</h2>
+                  </div>
+                </div>                
+                <div class="content">
+                  <p>
+                  {{story.subtitle}}</p>
+                  <a href="{{ story.url | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
+                      <span>Mehr lesen</span>
+                      <span class="icon is-small">
+                      <i class="fas fa-chevron-right fa-xs"></i>
+                      </span>
+                  </a>           
+                </div>
+              </div>
+            </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+{% endfor %}
+
+
+

data/_includes/story-slider.html

@@ -3,14 +3,14 @@
         <h1 class="slider-titel">Aktuelles</h1>
 
         <div class="carousel">
-            {% for story in site.posts %}
+            {% for story in site.posts limit:5 %}
             <div class="story-carousel-item">
                 <div class="container">
                     <div class="section">
                       <div class="slider story-slider columns">
                         <div class="slider-image column is-half">
                           <figure class="image">
-                            <img src="{{story.image}}" alt="this used to be photo">             
+                            <img src="{{story.preview_image}}" alt="this used to be photo">             
                           </figure>
                         </div>
                         <div class="slider-content column is-half">
@@ -21,7 +21,7 @@
                             </div>
                 
                             <div class="content">
-                              <p>{{story.abstract}}</p>
+                              <p>{{story.subtitle}}</p>
                               <a href="{{ story.url | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
                                   <span>Mehr lesen</span>
                                   <span class="icon is-small">
@@ -36,6 +36,5 @@
             </div>
             {% endfor %}
 		</div>
-    <img src="../assets/img/arrow-down.png" alt="placeholder"  class="arrow-image is-pulled-right is-hidden-mobile">
     </div>
 {% endif %}

data/_layouts/default.html

@@ -10,18 +10,21 @@ The Default layout that everything is using
     {% include head.html %}
     <body>
         {% include header.html %}
+        <div class="arrow-image is-pulled-left is-hidden-mobile">
+            <img id="scroll-up" src="{{ site.baseurl }}/assets/img/arrow-down.png" alt="placeholder">
+            <img id="scroll-down" src="{{ site.baseurl }}/assets/img/arrow-down.png" alt="placeholder"  class="is-pointed-down">     
+        </div>
         {% unless page.hide_hero %}
             {% include hero.html %}
         {% else %}
-            
         {% endunless %}
-        <div class="content-wrapper has-background-primary-light">
+        <div id="main" class="content-wrapper has-background-primary-light">
             
             {% include story-slider.html %}
+            {% include latest-story.html %}
+            {% include contact.html %}
             <div class="columns is-centered">
-                <div class="column is-10-desktop is-12-tablet">
-                    {% include introduction.html %}
-                    {% include left-right-blocks.html %}
+                <div id="content" class="column is-10-desktop is-12-tablet">
                     {{content | markdownify}}
                 </div>
             </div>