intia-theme 0.1.4 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0b85ccfa02dee6eb0a399ee350facc3db911c9e81fdcf1f9638de1570bf2e01c
-  data.tar.gz: c62194c0d2f11ebbdc1ec14d5111473c810df5366b53f96ddbb16de85752746d
+  metadata.gz: fd5036951e6a9ba7a5976011390f348e2894ca28466664697a532b35e3c007e4
+  data.tar.gz: 70588b52b85cf2b64cda26b9b88f2dfb81780994d896559ee903e96fc656062a
 SHA512:
-  metadata.gz: 7b86528ed7b2ae09844988a20e39fded3887707b8b5f486231f98a81df98e423f211cd5915aaed1e52ce4dccd9c79e28a9b33a563d64e7760579f0bfdf23ef1a
-  data.tar.gz: 3b0b85d4fb3f7f31bddeb0e66e4b51ef40df5ffdbde3442624ee738d0c2d0cd64a131dd6aad96d1db959f45011fd8536b72ade48f8c615919429ad4b61501501
+  metadata.gz: e3b2d5ff354ab1d082072e7c94db3e9e2aff5fe2d933b3836e745527c7f453db4c27d8e12db848222cbe318f38682f51d5bfd417d6a317c75b85c8091370f144
+  data.tar.gz: 23588c378270b4292c61a8d343cb5cdcbf02bfa459d02c8a4c0116a2d95c3dd7742318d3336acf2a461400e1fdca2d9a550f4994d964dfcca4315420d8fb8bcd

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>