intia-theme 0.1.27 → 0.1.32

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3e78afe5f9c32b90cb5d8d8c164140357226699a6e29b0a9ee6fca9641955ccb
-  data.tar.gz: f63d41b98712f633acf04c9f5b6eef9b7726017b1284000a954cc5f4cc9b7968
+  metadata.gz: b382f94e21851a4771c4c84a89a1a57a057e0267ceb881a04403ac3bb2ac984a
+  data.tar.gz: 887202e3aaa644cc4a8744e244fbef1755c64090cf4a47fa35a395ebf624b84c
 SHA512:
-  metadata.gz: 1e985b78339ca6496be13843ed20913016b3cd6f5f3e76003688bd76d1d8c0bfab0971d8f53288534d9e2cf2feb40b01827f8a24c32d1ba53f69c4efd515c73a
-  data.tar.gz: 1d5226147e0e9eb13ca96b38cd68dbfc5b8907dbb3cd6b76b4625af940bb6e1bdddcd01637a7472d4d17c039323765355afbc77d9b8e1d3fdc60b47a05268a97
+  metadata.gz: ce4a38fb4c0b8f735b328c965512af7b30cc033eabad98506eebcb4f6833e70fab87fa28e00edc51d7eac5134c1313c3aa2da0be721adc53d3ec724bfc62f3b3
+  data.tar.gz: 380571c3a028b15b0f752c9ebd437efc6bd5d7b12f4f6fe7202fcef72c60966a031ceba586286ed59bf0899792702449142b43fedc0606740e8397a20d7f2333

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/footer.html

@@ -58,8 +58,7 @@
                 <img src="{{ site.baseurl }}/assets/img/logos/INTIA_Plattform_Logos_Dites_weiss.png">
             </div></div>
             <div class="column has-text-left"><div class="page-sponsor">                
-                <p class="has-text-left">Gefördert von</p>
-                <img src="{{ site.baseurl }}/assets/img/logos/INTIA_Plattform_Logos_BMBF_weiss.png">
+                <img class="footer-logo-2" src="{{ site.baseurl }}/assets/img/logos/BMBF_logo.jpg">
             </div></div>
         </div>
         <div class="content is-small has-text-centered">

data/_includes/hero.html

@@ -18,13 +18,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

@@ -476,6 +476,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;
@@ -485,11 +513,22 @@ figcaption {
   padding-left: 5rem;
   padding-right: 5rem;
 }
+.highlighter img.with-zone {
+  width: 100%;
+  float: none;
+  padding-left: 0;
+  padding-right: 0;
+}
 .highlighter .column {
   margin-right: 4rem;
   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;
@@ -535,6 +574,11 @@ figcaption {
 .footer-logos p {
   padding-bottom: 5px;
 }
+.footer-logo-2 {
+  height: 160px !important;
+  max-height: 160px !important;
+  margin: 0px !important;
+}
 .footer .title {
   color: white;
   text-decoration: underline;

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.27
+  version: 0.1.32
 platform: ruby
 authors:
 - Marc Schmidt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-12-09 00:00:00.000000000 Z
+date: 2021-12-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -59,14 +59,11 @@ 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-01.png
+- assets/img/logos/BMBF_logo.jpg
 - assets/img/logos/DiTes_Single.png
-- assets/img/logos/INTIA_Plattform_Logos_BMBF_weiss.png
 - assets/img/logos/INTIA_Plattform_Logos_Dites_weiss.png
 - assets/img/logos/INTIA_Plattform_Logos_TH_weiss.png
 - assets/img/logos/StadtGrenzenlos_Logo.png