intia-theme 0.1.29 → 0.1.33

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8313b8e43a223cb683e3c862853a0868877944c4de672e87e339eeaacc349d4c
-  data.tar.gz: e1bc36ddeb55d615e767b8dfeb9bc65bcee20489148f115fe460367a6ca8b321
+  metadata.gz: d91479c69748c51cbcca036645f04192dc05d45603d08a2336dd069d35183eaa
+  data.tar.gz: 562743e6f282501a33959ac6000121fb3f160e9fbc81dae2f1f148289f9c6c45
 SHA512:
-  metadata.gz: 1f7b9f4aed41fd3b69a4ba3227532712112007f6e35790a8f2f739142d558c4953dd5439509512bc3aed85c2883cf04926eaa12a96f6761de3a0968bcebf93a3
-  data.tar.gz: 80bb57e239b7c0f3ca5851c03800a7faaad7ab308b95413026e759cc2b85e34eb09ab02da128f020ae6bf4d0860232027b6425fb5726c65cb8fd915c48af6fc5
+  metadata.gz: bdfd41fb22ddaf7f2f6d3b13c186b872961835b7b73a93b47c87b01b11adfef6ba5c688781a093e947c0cff083a3f047e58ea59cbedbe5b3d91db3d94d740cf8
+  data.tar.gz: 4877edc1e207f096f9df822d613a25d5b1ce6e0a1b9932e563f707f7e8a626cbddcb5ad09c1703370b8cee2cc63244a87ef020ee978dec081452a08f06db6108

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/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>
@@ -18,13 +22,13 @@
                 </a>
             {% endif %}
             <div class="buttons-hero has-text-centered">
-                <a  href=""  class="button is-rounded is-dark { % if item.link == page.url % } { % endif % }">
+                <a  onclick="window.history.back()"  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 % }">
+                <a  onclick="window.print()"  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>

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/_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

data/_sass/_print.scss

@@ -3,191 +3,191 @@
  * Copied from: https://gitlab.com/find-it-program-locator/newtowne/-/blob/8.x-1.x/src/global/_print.sass
  */
 
-
 /**
  * This may get into Bulma proper: https://github.com/jgthms/bulma/pull/2329
  * And https://github.com/jgthms/bulma/issues/721
  */
 
-
 /* This mixin would be in sass/utilities/mixins.sass per pull/2329 */
 
 // Media types
 @mixin print {
-    @media print {
-        @content;
-    }
-    @media screen and (min-width: 1024px) {
-        .navbar.is-primary .navbar-start .navbar-link::after,
-        .navbar.is-primary .navbar-end .navbar-link::after {
-            border-color: white;
-        }
-    }
-    @media screen and (min-width: 1024px) {
-        .navbar.is-primary .navbar-start>.navbar-item,
-        .navbar.is-primary .navbar-start .navbar-link,
-        .navbar.is-primary .navbar-end>.navbar-item,
-        .navbar.is-primary .navbar-end .navbar-link {
-            color: white;
-        }
-    }
-    @media screen and (min-width: 1024px) {
-        .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
-        .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
-        .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
-            background-color: transparent;
-            color: white;
-        }
-    }
-    @media screen and (min-width: 1024px) {
-        .navbar-dropdown {
-            background-color: transparent;
-            border-bottom-left-radius: 6px;
-            border-bottom-right-radius: 6px;
-            border-top: transparent;
-            box-shadow: none;
-        }
-    }
+  @media print {
+    @content;
+  }
+  @media screen and (min-width: 1024px) {
+    .navbar.is-primary .navbar-start .navbar-link::after,
+    .navbar.is-primary .navbar-end .navbar-link::after {
+      border-color: white;
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    .navbar.is-primary .navbar-start > .navbar-item,
+    .navbar.is-primary .navbar-start .navbar-link,
+    .navbar.is-primary .navbar-end > .navbar-item,
+    .navbar.is-primary .navbar-end .navbar-link {
+      color: white;
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
+    .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
+    .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
+      background-color: transparent;
+      color: white;
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    .navbar-dropdown {
+      background-color: transparent;
+      border-bottom-left-radius: 6px;
+      border-bottom-right-radius: 6px;
+      border-top: transparent;
+      box-shadow: none;
+    }
+  }
 }
 
-
 /* From https://github.com/jgthms/bulma/pull/2329#issuecomment-459391961 */
 
 .columns {
-    @include print {
-        &.no-print {
-            display:block {}
-        }
+  @include print {
+    &.no-print {
+      display:block {
+      }
     }
+  }
 }
 
-
 /* Rest from https://github.com/jgthms/bulma/pull/2329/files as was mixin */
 
 @include print {
-    .is-hidden-print {
-        display: none !important;
+  .is-hidden-print {
+    display: none !important;
+  }
+  .arrow-image {
+    display: none;
+  }
+  /* i added or modified these print link URLs */
+  a:not(.is-not-linked-print)[href]::after {
+    content: attr(href);
+    text-decoration: underline;
+    font-size: 90%;
+    padding-left: 0.5rem;
+  }
+  a[href].clearfix::after {
+    content: attr(href);
+    text-decoration: underline;
+    font-size: 90%;
+    padding-top: 0.5rem;
+  }
+  /* and i did this drastic war on color */
+  * {
+    background-color: white !important;
+    color: black !important;
+  }
+  .is-together-print {
+    page-break-inside: avoid;
+  }
+  /* prevent break inside of a table row */
+  table {
+    page-break-inside: auto;
+  }
+  tr {
+    page-break-inside: avoid;
+    page-break-after: auto;
+  }
+  .section {
+    padding-top: 0;
+  }
+  .column.is-narrow {
+    display: inline-block;
+  }
+  .column.is-narrow ~ .column {
+    display: inline-block;
+  }
+}
+
+.column {
+  @include print {
+    &.is-narrow-print {
+      flex: none;
+    }
+    &.is-full-print {
+      flex: none;
+      width: 100%;
+    }
+    &.is-three-quarters-print {
+      flex: none;
+      width: 75%;
+    }
+    &.is-two-thirds-print {
+      flex: none;
+      width: 66.6666%;
     }
-    /* i added or modified these print link URLs */
-    a:not(.is-not-linked-print)[href]::after {
-        content: attr(href);
-        text-decoration: underline;
-        font-size: 90%;
-        padding-left: 0.5rem;
+    &.is-half-print {
+      flex: none;
+      width: 50%;
     }
-    a[href].clearfix::after {
-        content: attr(href);
-        text-decoration: underline;
-        font-size: 90%;
-        padding-top: 0.5rem;
+    &.is-one-third-print {
+      flex: none;
+      width: 33.3333%;
     }
-    /* and i did this drastic war on color */
-    * {
-        background-color: white !important;
-        color: black !important;
+    &.is-one-quarter-print {
+      flex: none;
+      width: 25%;
     }
-    .is-together-print {
-        page-break-inside: avoid;
+    &.is-one-fifth-print {
+      flex: none;
+      width: 20%;
     }
-    /* prevent break inside of a table row */
-    table {
-        page-break-inside: auto
+    &.is-two-fifths-print {
+      flex: none;
+      width: 40%;
     }
-    tr {
-        page-break-inside: avoid;
-        page-break-after: auto
+    &.is-three-fifths-print {
+      flex: none;
+      width: 60%;
     }
-    .section {
-        padding-top: 0;
+    &.is-four-fifths-print {
+      flex: none;
+      width: 80%;
     }
-    .column.is-narrow {
-        display: inline-block;
+    &.is-offset-three-quarters-print {
+      margin-left: 75%;
     }
-    .column.is-narrow~.column {
-        display: inline-block;
+    &.is-offset-two-thirds-print {
+      margin-left: 66.6666%;
     }
+    &.is-offset-half-print {
+      margin-left: 50%;
+    }
+    &.is-offset-one-third-print {
+      margin-left: 33.3333%;
+    }
+    &.is-offset-one-quarter-print {
+      margin-left: 25%;
+    }
+    &.is-offset-one-fifth-print {
+      margin-left: 20%;
+    }
+    &.is-offset-two-fifths-print {
+      margin-left: 40%;
+    }
+    &.is-offset-three-fifths-print {
+      margin-left: 60%;
+    }
+    &.is-offset-four-fifths-print {
+      margin-left: 80%;
+    }
+    @for $i from 1 through 12 {
+      &.is-#{$i}-print {
+        flex: none;
+        width: percentage($i / 12);
+      }
+      &.is-offset-#{$i}-print {
+        margin-left: percentage($i / 12);
+      }
+    }
+  }
 }
-
-.column {
-    @include print {
-        &.is-narrow-print {
-            flex: none;
-        }
-        &.is-full-print {
-            flex: none;
-            width: 100%;
-        }
-        &.is-three-quarters-print {
-            flex: none;
-            width: 75%;
-        }
-        &.is-two-thirds-print {
-            flex: none;
-            width: 66.6666%;
-        }
-        &.is-half-print {
-            flex: none;
-            width: 50%;
-        }
-        &.is-one-third-print {
-            flex: none;
-            width: 33.3333%;
-        }
-        &.is-one-quarter-print {
-            flex: none;
-            width: 25%;
-        }
-        &.is-one-fifth-print {
-            flex: none;
-            width: 20%;
-        }
-        &.is-two-fifths-print {
-            flex: none;
-            width: 40%;
-        }
-        &.is-three-fifths-print {
-            flex: none;
-            width: 60%;
-        }
-        &.is-four-fifths-print {
-            flex: none;
-            width: 80%;
-        }
-        &.is-offset-three-quarters-print {
-            margin-left: 75%;
-        }
-        &.is-offset-two-thirds-print {
-            margin-left: 66.6666%;
-        }
-        &.is-offset-half-print {
-            margin-left: 50%;
-        }
-        &.is-offset-one-third-print {
-            margin-left: 33.3333%;
-        }
-        &.is-offset-one-quarter-print {
-            margin-left: 25%;
-        }
-        &.is-offset-one-fifth-print {
-            margin-left: 20%;
-        }
-        &.is-offset-two-fifths-print {
-            margin-left: 40%;
-        }
-        &.is-offset-three-fifths-print {
-            margin-left: 60%;
-        }
-        &.is-offset-four-fifths-print {
-            margin-left: 80%;
-        }
-        @for $i from 1 through 12 {
-            &.is-#{$i}-print {
-                flex: none;
-                width: percentage($i / 12);
-            }
-            &.is-offset-#{$i}-print {
-                margin-left: percentage($i / 12);
-            }
-        }
-    }
-}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: intia-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.29
+  version: 0.1.33
 platform: ruby
 authors:
 - Marc Schmidt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-12-13 00:00:00.000000000 Z
+date: 2021-12-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -59,10 +59,8 @@ files:
 - assets/img/download_link.png
 - assets/img/external-link.png
 - assets/img/internal-link.png
-- assets/img/logo-black-old.png
 - assets/img/logo-black.png
 - assets/img/logo-dites.png
-- assets/img/logo-white-short.png
 - assets/img/logo-white.png
 - assets/img/logos/BMBF_logo.jpg
 - assets/img/logos/DiTes_Single.png