intia-theme 0.1.31 → 0.1.35

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 06bf6f07388adcf00fe9596659a302be4dbb62ecf307860da1f0b11979286be6
-  data.tar.gz: bf48222bf1ccfbffa6116891806d406760acc82e63fbb3fce393bd01c0e3c051
+  metadata.gz: 0f2467e450ec5e4e065c075bed6701bb65d8e53f34efd67a285057354ce2b80d
+  data.tar.gz: 3c5852624847fbdfe32e446d8406050e8407ef1d6275ec10358e5760ea4f13ea
 SHA512:
-  metadata.gz: 7835a46769b16e9205eb4008ac037d814ac83e921281fe6e7b54b6f2714a9a051cda4032b0d8c9f4768eaee3b5cac91f663a925875c391b5239f388d6c12e4c0
-  data.tar.gz: c5c1037a96c939efda4226d1e636eeb31d743ae8dbd1def6bd5add1460311d47ae14aa5a51e6c0df525846168d00b4c55ee74955070dc7335a50d596cd2f776d
+  metadata.gz: acb05160ae4f313db03148e1d6d1a57dd65b4995727a54a2c6ddba5aca0623304636acdb2e4a9c34fa996de762406cd958edf2ad498574a68a46829937f65fa1
+  data.tar.gz: '092b3d9369d57f29504bef50042c4e425b16f396628fb3a97fab83d6a28ace8b23f0f5fe73ef8e1ecec854c0470f42a5692242de7304f105e00104ebb52aee11'

data/_includes/button.html

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

data/_includes/contact.html

@@ -2,7 +2,7 @@
   <div class="container contact">
     <h1>{{ site.data.contact.title  }}</h1>
     {{ site.data.contact.introduction  }}
-    <form action="{{ site.data.contact.action }}"  class="columns">
+    <form id="form" action="{{ site.data.contact.action }}"  data-botpoison-public-key="{{ site.data.contact.botpoison_key }}" class="columns">
         <div class="column is-6">
             <div class="field">
                 <label class="label">Vor- und Nachname</label>
@@ -53,10 +53,23 @@
                 
                 <div class="column contact-agree">
                   <label for="agree">{{ site.data.contact.checkbox  }}</label><br><br>
-                  <button class="button is-rounded is-dark" type="submit">Abschicken</button>
+                  <button id="button" class="button is-rounded is-dark" type="submit">Abschicken</button>
                 </div>
               </div>
         </div>
     </form>
+    <script>
+      var formElement = document.getElementById("form");
+      var buttonElement = document.getElementById("button");
+      formElement.addEventListener("botpoison-challenge-start", function () {
+        buttonElement.setAttribute("disabled", "disabled");
+      });
+      formElement.addEventListener("botpoison-challenge-success", function () {
+        buttonElement.removeAttribute("disabled");
+      });
+      formElement.addEventListener("botpoison-challenge-error", function () {
+        buttonElement.removeAttribute("disabled");
+      });
+    </script>
   </div>
 {% endif %}

data/_includes/head-scripts.html

@@ -1,2 +1,3 @@
 <!-- head scripts -->
+<script src="https://unpkg.com/@botpoison/browser"></script>
 <script type="module" src="{{ site.baseurl }}/assets/js/main.js"async></script>

data/_includes/hero.html

@@ -8,7 +8,11 @@
             {% if page.hero_image %}
                 <img src="{{page.hero_image}}" alt="placeholder"  class="is-rounded is-hidden-mobile">
             {% endif %}
-            <p class="subtitle is-4">{{ page.subtitle }}</p>
+            {% if page.subtitle_markdownify %} 
+                <p class="subtitle is-4">{{ page.subtitle | markdownify }}</p>
+            {% else %}
+                <p class="subtitle is-4">{{ page.subtitle }}</p>
+            {% endif %}
             {% if page.hero_link %}
                 <a href="{{ page.hero_link | relative_url }}" class="button is-rounded is-dark">
                     <span>{{ page.hero_link_text }}</span>

data/_includes/highlighter.html

@@ -1,7 +1,26 @@
 
-<div class="highlighter {% if include.two-columns %} two-columns {% endif %} {% if include.min-height25p %} min-height25p {% endif %} {% if include.style %} include.style {% endif %} ">
+<div class="highlighter {% if include.two-columns %} two-columns {% endif %} {% if include.image %} highlighter-fit-image {% endif %} {% if include.min-height25p %} min-height25p {% endif %} {% if include.style %} include.style {% endif %} ">  
+    {% if include.image %}
+
+<div class="columns"> 
+<div class="highlighter-image column is-two-fifths">
+<figure class="image">
+<img src={{ include.image }}>             
+</figure>
+</div>
+<div class="highlighter-content column">
+
+    {% endif %}
+
     {{ include.content }}
     {% if include.button %}
         {% include button.html label=include.button %}
     {% endif %} 
+
+    {% if include.image %}
+
+</div>
+</div>
+
+    {% endif %}
 </div>

data/_includes/stories.html

@@ -13,7 +13,7 @@
             <div class="news-content column is-half">
                 <div class="media">
                   <div class="media-content">
-                    <h4>{{story.date | date: "%m.%d.%Y"}}</h4>
+                    <h4>{{story.date | date: "%d.%m.%Y"}}</h4>
                     <h2>{{story.title}}</h2>
                   </div>
                 </div>                

data/_sass/_layout.scss

@@ -234,7 +234,8 @@ a.navbar-item.is-active,
 }
 //// Hero sub-pages with green text
 .subpage h1,
-.subpage p {
+.subpage p,
+.subpage ul {
   color: $primary-dark !important;
 }
 .subpage .hero-body img,
@@ -476,6 +477,34 @@ figcaption {
 .highlighter .button {
   float: right;
 }
+.highlighter .column.highlighter-image {
+  margin-right: 0;
+  padding: 0;
+}
+.highlighter .highlighter-image img {
+  padding: 0;
+}
+.highlighter .highlighter-image .image {
+  height: 100%;
+}
+.highlighter .highlighter-image img {
+  border-top-left-radius: 65px;
+  border-bottom-left-radius: 65px;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  height: 100%;
+  width: 100%;
+  object-fit: cover;
+}
+.highlighter .highlighter-content {
+  padding: 3em;
+}
+.highlighter .column.highlighter-content {
+  margin-right: 0;
+}
+.highlighter.highlighter-fit-image {
+  padding: 0;
+}
 
 .highlighter img {
   border-radius: 0;
@@ -496,6 +525,11 @@ figcaption {
   padding-top: 2rem;
   padding-bottom: 2rem;
 }
+.highlighter .column .button.highlighter-column-button {
+  margin-top: 1em;
+  margin-left: 2em;
+  float: none;
+}
 
 .highlighter .is-round {
   display: flex;

data/_sass/_main.scss

@@ -88,7 +88,10 @@ h4 {
 h5 {
   font-size: 0.83rem;
 }
-
+ul {
+  list-style-type: disc;
+  padding-left: 1em;
+}
 // Button Animation + Gleiche Breite
 .button {
   // Schrifft

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: intia-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.31
+  version: 0.1.35
 platform: ruby
 authors:
 - Marc Schmidt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-12-16 00:00:00.000000000 Z
+date: 2022-01-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll