intia-theme 0.1.41 → 0.1.44

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b72c8e3d291599b718af47eea19a6f4c11443f37bf6534ad2b131cd474e312a8
-  data.tar.gz: 7420eb4b7ac752a70f4044e92b3c85de814b539c6819806be2bc20b8996ed31e
+  metadata.gz: 7406307ca5710a579a062b1d0f8bb8b4119da4ca1494e8b47af7c3b7b3788389
+  data.tar.gz: '05934b1c4992511bdfbd04be1097a83da141eb6e972029d356819b1dc2c5865d'
 SHA512:
-  metadata.gz: 4611ab66a531669c4b774ef1fb2888a7f7fc3f3caf878a63a464b2af486a6f5a5e38072a1b7e9f04cc63be5f9e52443da72f643f138e0235f5ca4dc071bf21dd
-  data.tar.gz: 378e6c9e78bca3181d2740a54c1519d469d4b01581eb86077b81f65dce3be86ea3abf3dd93277306993ecaa1f0aefe9dbc7b9a5958a4b1ab7691111b6ac2d9e3
+  metadata.gz: 9335ba2fd3628a57f93eae8ab1a6d657213b2bb4a713dd6c7e4dde4a95976e243ad474abdb6ad880aaf0b685f04cd6e3d3fd8b01f1cd53d8e0b5aa8a74133ba9
+  data.tar.gz: 8b4a0705ebb523851eb5b82f041dc02a7f895a4bfef87bd6997a9efccde968d9e153ee5f8d0f650adfed234110d1d05d3fea764a70641fa9c6e23d71a316b879

data/_includes/callouts.html

@@ -0,0 +1,34 @@
+{% assign callouts=site.data.[include.data] %}
+<div class="container">
+<div class="columns is-multiline is-centered">
+{% for callout in callouts.items %}
+<div class="column is-4 has-text-centered">
+{% if callout.icon %}
+<div class="icon callout-icon">
+{% if callout.icon_brand %}
+<i class="with-zone fab {{ callout.icon }} fa-4x"></i>
+{% else %}
+<i class="with-zone fas {{ callout.icon }} fa-4x"></i>
+{% endif %}
+</div>
+{% endif %}
+<p class="title is-5">{{ callout.title }}</p>
+{% if callout.subtitle %}
+<p class="subtitle is-5">{{ callout.subtitle }}</p>
+{% endif %}
+{% if callout.description %}
+<div class="content">
+<p>{{ callout.description | newline_to_br }}</p>
+</div>
+{% endif %}
+
+{% if callout.call_to_action_name %}
+<a href="{{ callout.call_to_action_link | relative_url }}" class="button is-primary">
+{{ callout.call_to_action_name }}
+</a>
+{% endif %}
+</div>
+{% endfor %}
+</div>
+</div>
+

data/_includes/header.html

@@ -34,8 +34,11 @@
                     </div>
                 </div>
                 {% else %}
-                <a href="{{ item.link | relative_url }}"
-                    class="navbar-item has-text-left button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
+                <div
+                    class="navbar-item has-text-left button is-rounded is-dark has-no-dropdown is-hoverable {% if item.link == page.url %} is-active {% endif %}">
+                    <a href="{{ item.link | relative_url }}"
+                        class="navbar-link is-arrowless ">{{ item.name }}</a>
+                </div>
                 {% endif %}
                 {% endfor %}
                 {% endif %}

data/_includes/toc.html

@@ -0,0 +1,182 @@
+{% capture tocWorkspace %}
+    {% comment %}
+        Copyright (c) 2017 Vladimir "allejo" Jimenez
+
+        Permission is hereby granted, free of charge, to any person
+        obtaining a copy of this software and associated documentation
+        files (the "Software"), to deal in the Software without
+        restriction, including without limitation the rights to use,
+        copy, modify, merge, publish, distribute, sublicense, and/or sell
+        copies of the Software, and to permit persons to whom the
+        Software is furnished to do so, subject to the following
+        conditions:
+
+        The above copyright notice and this permission notice shall be
+        included in all copies or substantial portions of the Software.
+
+        THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+        EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+        OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+        NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+        HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+        WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+        FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+        OTHER DEALINGS IN THE SOFTWARE.
+    {% endcomment %}
+    {% comment %}
+        Version 1.2.0
+          https://github.com/allejo/jekyll-toc
+
+        "...like all things liquid - where there's a will, and ~36 hours to spare, there's usually a/some way" ~jaybe
+
+        Usage:
+            {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
+
+        Parameters:
+            * html         (string) - the HTML of compiled markdown generated by kramdown in Jekyll
+
+        Optional Parameters:
+            * sanitize      (bool)   : false  - when set to true, the headers will be stripped of any HTML in the TOC
+            * class         (string) :   ''   - a CSS class assigned to the TOC
+            * id            (string) :   ''   - an ID to assigned to the TOC
+            * h_min         (int)    :   1    - the minimum TOC header level to use; any header lower than this value will be ignored
+            * h_max         (int)    :   6    - the maximum TOC header level to use; any header greater than this value will be ignored
+            * ordered       (bool)   : false  - when set to true, an ordered list will be outputted instead of an unordered list
+            * item_class    (string) :   ''   - add custom class(es) for each list item; has support for '%level%' placeholder, which is the current heading level
+            * submenu_class (string) :   ''   - add custom class(es) for each child group of headings; has support for '%level%' placeholder which is the current "submenu" heading level
+            * base_url      (string) :   ''   - add a base url to the TOC links for when your TOC is on another page than the actual content
+            * anchor_class  (string) :   ''   - add custom class(es) for each anchor element
+            * skip_no_ids   (bool)   : false  - skip headers that do not have an `id` attribute
+
+        Output:
+            An ordered or unordered list representing the table of contents of a markdown block. This snippet will only
+            generate the table of contents and will NOT output the markdown given to it
+    {% endcomment %}
+
+    {% capture newline %}
+    {% endcapture %}
+    {% assign newline = newline | rstrip %} <!-- Remove the extra spacing but preserve the newline -->
+
+    {% capture deprecation_warnings %}{% endcapture %}
+
+    {% if include.baseurl %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "baseurl" has been deprecated, use "base_url" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% if include.skipNoIDs %}
+        {% capture deprecation_warnings %}{{ deprecation_warnings }}<!-- jekyll-toc :: "skipNoIDs" has been deprecated, use "skip_no_ids" instead -->{{ newline }}{% endcapture %}
+    {% endif %}
+
+    {% capture jekyll_toc %}{% endcapture %}
+    {% assign orderedList = include.ordered | default: false %}
+    {% assign baseURL = include.base_url | default: include.baseurl | default: '' %}
+    {% assign skipNoIDs = include.skip_no_ids | default: include.skipNoIDs | default: false %}
+    {% assign minHeader = include.h_min | default: 1 %}
+    {% assign maxHeader = include.h_max | default: 6 %}
+    {% assign nodes = include.html | strip | split: '<h' %}
+
+    {% assign firstHeader = true %}
+    {% assign currLevel = 0 %}
+    {% assign lastLevel = 0 %}
+
+    {% capture listModifier %}{% if orderedList %}ol{% else %}ul{% endif %}{% endcapture %}
+
+    {% for node in nodes %}
+        {% if node == "" %}
+            {% continue %}
+        {% endif %}
+
+        {% assign currLevel = node | replace: '"', '' | slice: 0, 1 | times: 1 %}
+
+        {% if currLevel < minHeader or currLevel > maxHeader %}
+            {% continue %}
+        {% endif %}
+
+        {% assign _workspace = node | split: '</h' %}
+
+        {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
+        {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
+        {% assign htmlID = _idWorkspace[0] %}
+
+        {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
+        {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
+        {% assign htmlClass = _classWorkspace[0] %}
+
+        {% if htmlClass contains "no_toc" %}
+            {% continue %}
+        {% endif %}
+
+        {% if firstHeader %}
+            {% assign minHeader = currLevel %}
+        {% endif %}
+
+        {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
+        {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
+
+        {% if include.item_class and include.item_class != blank %}
+            {% capture listItemClass %} class="{{ include.item_class | replace: '%level%', currLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% if include.submenu_class and include.submenu_class != blank %}
+            {% assign subMenuLevel = currLevel | minus: 1 %}
+            {% capture subMenuClass %} class="{{ include.submenu_class | replace: '%level%', subMenuLevel | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% capture anchorBody %}{% if include.sanitize %}{{ header | strip_html }}{% else %}{{ header }}{% endif %}{% endcapture %}
+
+        {% if htmlID %}
+            {% capture anchorAttributes %} href="{% if baseURL %}{{ baseURL }}{% endif %}#{{ htmlID }}"{% endcapture %}
+
+            {% if include.anchor_class %}
+                {% capture anchorAttributes %}{{ anchorAttributes }} class="{{ include.anchor_class | split: '.' | join: ' ' }}"{% endcapture %}
+            {% endif %}
+
+            {% capture listItem %}<a{{ anchorAttributes }}>{{ anchorBody }}</a>{% endcapture %}
+        {% elsif skipNoIDs == true %}
+            {% continue %}
+        {% else %}
+            {% capture listItem %}{{ anchorBody }}{% endcapture %}
+        {% endif %}
+
+        {% if currLevel > lastLevel %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}<{{ listModifier }}{{ subMenuClass }}>{% endcapture %}
+        {% elsif currLevel < lastLevel %}
+            {% assign repeatCount = lastLevel | minus: currLevel %}
+
+            {% for i in (1..repeatCount) %}
+                {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+            {% endfor %}
+
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
+        {% else %}
+            {% capture jekyll_toc %}{{ jekyll_toc }}</li>{% endcapture %}
+        {% endif %}
+
+        {% capture jekyll_toc %}{{ jekyll_toc }}<li{{ listItemClass }}>{{ listItem }}{% endcapture %}
+
+        {% assign lastLevel = currLevel %}
+        {% assign firstHeader = false %}
+    {% endfor %}
+
+    {% assign repeatCount = minHeader | minus: 1 %}
+    {% assign repeatCount = lastLevel | minus: repeatCount %}
+    {% for i in (1..repeatCount) %}
+        {% capture jekyll_toc %}{{ jekyll_toc }}</li></{{ listModifier }}>{% endcapture %}
+    {% endfor %}
+
+    {% if jekyll_toc != '' %}
+        {% assign rootAttributes = '' %}
+        {% if include.class and include.class != blank %}
+            {% capture rootAttributes %} class="{{ include.class | split: '.' | join: ' ' }}"{% endcapture %}
+        {% endif %}
+
+        {% if include.id and include.id != blank %}
+            {% capture rootAttributes %}{{ rootAttributes }} id="{{ include.id }}"{% endcapture %}
+        {% endif %}
+
+        {% if rootAttributes %}
+            {% assign nodes = jekyll_toc | split: '>' %}
+            {% capture jekyll_toc %}<{{ listModifier }}{{ rootAttributes }}>{{ nodes | shift | join: '>' }}>{% endcapture %}
+        {% endif %}
+    {% endif %}
+{% endcapture %}{% assign tocWorkspace = '' %}{{ deprecation_warnings }}{{ jekyll_toc -}}

data/_layouts/default.html

@@ -19,12 +19,14 @@ The Default layout that everything is using
         {% else %}
         {% endunless %}
         <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 id="content" class="container column is-10-desktop is-12-tablet">
+                    {% if page.toc %}
+                    {% include toc.html html=content class='menu-list' h_min=1 h_max=1 %}
+                    {% endif %}
                     {{content | markdownify}}
                 </div>
             </div> 

data/_sass/_layout.scss

@@ -112,6 +112,14 @@ ul {
   width: 180px;
   height: 47px;
 }
+.navbar-item.has-no-dropdown {
+  padding: 0;
+}
+.navbar.is-primary .navbar-item.has-no-dropdown .navbar-link:hover,
+.navbar.is-primary .navbar-item.has-no-dropdown .navbar-link.is-active {
+  background-color: transparent;
+  color: #fff;
+}
 
 // z.B. "Mehr über Intia" Button
 .button.is-dark:hover,
@@ -965,6 +973,82 @@ a:hover .tooltip-popup,
   margin: auto;
 }
 
+// Tables
+.tb {
+  border-collapse: collapse;
+}
+.tb th,
+.tb td {
+  padding: 5px;
+  border-bottom: solid 1px $primary-dark;
+}
+.tb th {
+  font-weight: bold;
+  padding-right: 2em;
+}
+
+//FAQ Box
+div.faq {
+  position: relative;
+}
+.faq input[type="checkbox"] {
+  position: absolute;
+  display: inherit;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+}
+.faq label {
+  cursor: pointer;
+}
+.faq label {
+  position: relative;
+  display: block;
+  padding-left: 30px;
+}
+.faq label::before {
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  top: 50%;
+  left: 10px;
+  border-left: 8px solid black;
+  border-top: 8px solid transparent;
+  border-bottom: 8px solid transparent;
+  margin-top: -8px;
+}
+.faq input[type="checkbox"]:checked ~ h2 label::before {
+  border-left: 8px solid transparent;
+  border-top: 8px solid black;
+  border-right: 8px solid transparent;
+  margin-left: -4px;
+  margin-top: -4px;
+}
+.faq h2 {
+  padding-top: 40px;
+}
+.faq p {
+  display: none;
+  overflow: hidden;
+  padding-left: 30px;
+  transition: max-height 0.4s ease;
+}
+.faq input[type="checkbox"]:checked ~ h2 ~ p {
+  display: inherit;
+}
+.faq input[type="checkbox"]:checked ~ h2 ~ div.faq-hide {
+  display: inherit;
+}
+.faq div.faq-hide {
+  display: none;
+  max-height: none !important;
+  padding-left: 30px;
+  padding-bottom: 50px;
+}
+
 // Mobil
 
 @include mobile {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: intia-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.41
+  version: 0.1.44
 platform: ruby
 authors:
 - Marc Schmidt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-02-02 00:00:00.000000000 Z
+date: 2022-03-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -34,6 +34,7 @@ files:
 - LICENSE
 - README.md
 - _includes/button.html
+- _includes/callouts.html
 - _includes/contact.html
 - _includes/footer.html
 - _includes/glossary.html
@@ -47,6 +48,7 @@ files:
 - _includes/left-right-blocks.html
 - _includes/stories.html
 - _includes/story-slider.html
+- _includes/toc.html
 - _layouts/404.html
 - _layouts/default.html
 - _layouts/plattform.html