intia-theme 0.1.12 → 0.1.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a8669769ba7066d73a60076f7ae616c64ff29130ba0325ed44d1f4640c1bc1ee
-  data.tar.gz: 67c715c276ad0f4fb60293a607afee265a850a91d45f5bd301fea2cc7acd99c9
+  metadata.gz: 29b89930dd6eb39693bee037d177d7e6c01f6210f57b019b745bd41e5619c527
+  data.tar.gz: 2a44934b710dc03f53e77bcedf20d58b144f7b47cbd4eef0c472c89675002cd3
 SHA512:
-  metadata.gz: 8e52fc65a5da0ca117e95b220b7cd2e721230800c0684b2dc8df02032b5bf6653785ac6164625a779aa9af6eaaa5513c98d39fd549d1a7b4e86f96e2ef27885b
-  data.tar.gz: 45befe3feb7d858cbb86fddf71078beb62435d5d44ba265f866204a9486bf81558a96a760b6ceccff60dc0a910b7ebdd571c8d7515550bf79acb56d8fa419d64
+  metadata.gz: 8b9b527d719ec52c5bda8f94652d0f9f7d559376ffe268abeb799cbfd8644e20be942e70315a198d8637345384da31fa5ece2ad9bd00552eead1424764b83d22
+  data.tar.gz: f5bfdfaab597667c9892c759fba7f66e802cad3fced9bb9939fad7124e59f548e2d87b1fd470c2cec21abc405df3aced7b72dd52a8d4e7923aea892ebc9035ba

data/_includes/contact.html

@@ -1,5 +1,6 @@
 {% if page.contact %}
 <div class="green contact">
+  <div class="container">
     <h1>{{ site.data.contact.title  }}</h1>
     {{ site.data.contact.introduction  }}
     <form action="{{ site.data.contact.action }}"  class="columns">
@@ -46,13 +47,13 @@
                       class="textarea"
                       id="message"
                       name="message"
-                      placeholder="Wie können wir dir helfen?"
+                      placeholder="Hier tippen"
                       required=""
                   ></textarea>
                 </div>
               </div>
               <div class="checkbox columns">
-                <div class="column is-1">
+                <div class="column contact-box">
                   <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>
@@ -65,4 +66,5 @@
         </div>
     </form>
   </div>
-  {% endif %}
+</div>
+{% endif %}

data/_includes/glossary.html

@@ -0,0 +1,15 @@
+{% assign entries=site.glossary | sort:page.sort %}
+{% for entry in entries %}
+<h2> {{entry.title}} </h2>
+<p class="text-green has-text-weight-bold">{{entry.subtitle}}</p>
+
+{{entry.abstract}}
+
+<a href="{{ entry.url | relative_url }}" class="button float_right 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> 
+
+{% endfor %}

data/_includes/story-slider.html

@@ -1,5 +1,6 @@
 {% if page.story_slider %}
     <div class="green">
+      <div class="container">
         <h1 class="slider-titel">Aktuelles</h1>
 
         <div class="carousel">
@@ -35,6 +36,7 @@
                 </div>
             </div>
             {% endfor %}
-		</div>
+          </div>
+		  </div>
     </div>
 {% endif %}

data/_layouts/default.html

@@ -24,7 +24,7 @@ The Default layout that everything is using
             {% include latest-story.html %}
             {% include contact.html %}
             <div class="columns is-centered">
-                <div id="content" class="column is-10-desktop is-12-tablet">
+                <div id="content" class="container column is-10-desktop is-12-tablet">
                     {{content | markdownify}}
                 </div>
             </div> 

data/_sass/_layout.scss

@@ -46,12 +46,14 @@ div.highlight {
   top: 30px;
 }
 
-.green {
+.green {  
+  width: 100%;
   background-color: $light;
   padding-left: 5%;
   padding-right: 5%;
   padding-top: 6rem;
   padding-bottom: 8rem;
+  overflow: hidden;
 }
 
 .highlighter {
@@ -65,6 +67,8 @@ div.highlight {
 .overtitle {
   margin-bottom: 0 !important;
   padding-bottom: 0 !important;
+  text-transform: uppercase;
+  letter-spacing: 0.3rem;
 }
 .title-with-overtitle {
   margin-top: 0 !important;
@@ -76,15 +80,18 @@ img.is-rounded {
 }
 .arrow-image {
   z-index: 10;
-  top: calc(50% - 68px);
+  top: calc(50% - 68px);  
+  left: 4vw;
   position: sticky;
   width: 64px;
   cursor: pointer;
   display: flex;
   flex-direction: column;
+  height: 132px;
 }
 .is-pointed-down {
   transform: scaleY(-1);
+  margin-top: auto;
 }
 .is-hidden {
   visibility: hidden;
@@ -103,6 +110,17 @@ img.is-rounded {
   display: block;
   width: 100%;
 }
+.text-green {
+  color: $primary-dark;
+}
+a.tooltip-link {
+  color: $primary-dark;
+  font-weight: 600;
+}
+a .tooltip-popup {
+  color: #000;
+  font-weight: normal;
+}
 
 // Buttons - Mybe global in Buttons und raus damit?
 .button.is-dark {
@@ -176,11 +194,6 @@ img.is-rounded {
   top: -175px;
   position: inherit;
 }
-.home .hero-body img {
-  max-width: 40%;
-  height: 66vh;
-  object-fit: cover;
-}
 .hero {
   display: block;
 }
@@ -197,7 +210,8 @@ img.is-rounded {
   padding: 16px !important;
 }
 
-.hero-body .container .button {
+.hero-body .container .button,
+.float_right {
   float: right;
 }
 .home .hero-body h1,
@@ -216,9 +230,19 @@ img.is-rounded {
   margin-right: auto;
   display: block;
   top: 0;
-  max-height: 50vh;
   max-width: auto;
 }
+.home .hero-body img {
+  max-width: 37%;
+  height: auto;
+  aspect-ratio: 5 / 7;
+  object-fit: cover;
+}
+.subpage .hero-body img {
+  object-fit: cover;
+  max-height: 30vw;
+  width: 100%;
+}
 .buttons-hero {
   display: none;
 }
@@ -249,7 +273,9 @@ img.is-rounded {
 .subtitle {
   padding: 50px;
 }
-
+.subtitle.is-4 {
+  font-size: 1.6rem;
+}
 .post h3 {
   font-weight: 600;
   padding-top: 2rem;
@@ -328,8 +354,8 @@ img.is-rounded {
   box-shadow: none;
 }
 .story-carousel-item {
-  margin-left: 5%;
-  margin-right: 5%;
+  margin-left: 2%;
+  margin-right: 2%;
 }
 .slider-container .card-content .content {
   margin: 50px;
@@ -508,49 +534,30 @@ footer .columns {
   font-weight: 600;
 }
 
-// Hacks für Mobil
-@include mobile {
-  .button {
-    height: auto;
-  }
-  .button a,
-  .button span {
-    font-size: 24px !important;
-    font-weight: 600;
-  }
-  .buttons {
-    display: table-caption;
-  }
-  .navbar-menu {
-    background-color: #229387;
-  }
-  .hero.is-medium .hero-body {
-    padding: 5rem 1rem 4.5rem;
-  }
-  .navbar-menu .button {
-    // Buttongröße aus Figma
-    height: auto;
-  }
-  .footer-logos .column {
-    text-align: left !important;
-  }
-}
+
 
 // Tool-Tip
 
-a:hover .tooltip-popup {
-  visibility: visible;
-  display: block;
-}
 .tooltip-popup {
-  position: relative;
+  position: absolute;
   width: 20vw;
+  z-index: 30;
   visibility: hidden;
   display: none;
-  background: $light;
+  background: #e7f2ea;
   border-radius: 65px;
+  padding: 50px;
+  margin-top: -10px;
+  margin-right: 30px;
+}
+a:hover .tooltip-popup,
+.show {
+  visibility: visible;
+  display: block;
+}
+.tooltip-popup h2 {
+  padding-top: 0;
 }
-
 // Contect
 
 .input,
@@ -579,8 +586,13 @@ a:hover .tooltip-popup {
 }
 .contact .column {
   padding: 5rem;
+  padding-bottom: 0;
   padding-left: 0;
 }
+.contact .contact-box {  
+  flex-grow: 0;
+  padding-right: 50px;
+}
 .select:not(.is-multiple):not(.is-loading)::after {
   border-color: $primary-dark;
   right: 2.3em;
@@ -591,9 +603,40 @@ a:hover .tooltip-popup {
   top: 2px;
 }
 .contact .button {
+  margin-top: 50px;
   float: right;
 }
 
+[type="checkbox"] {
+  position: relative;
+  //left: 15px;
+  top: 0;
+  z-index: 0;
+  -webkit-appearance: none;
+}
+[type="checkbox"] {
+  position: absolute;
+}
+[type="checkbox"]::before {
+  width: 25px;
+  height: 25px;
+  border-radius: 8px;
+  border: 2px solid $primary-dark;
+  background-color: #fff;
+  display: block;
+  content: "";
+  float: left;
+  //margin-top: 5px;
+  //margin-right: 5px;
+  z-index: 5;
+  position: relative;
+}
+[type="checkbox"]:checked::before {
+  box-shadow: inset 0px 0px 0px 4px #fff;
+  background-color: $primary-dark;
+}
+
+
 // newss
 .news {
   box-shadow: none;
@@ -643,3 +686,159 @@ a:hover .tooltip-popup {
   display: flow-root;
   margin: auto;
 }
+
+// Mobil
+
+@include mobile {
+  body, .highlighter {
+    font-size: 0.9rem;
+    line-height: 1.5rem;
+}
+.arrow-image {
+  display: none;
+}
+h1, h2, h3, p {
+  padding-bottom: 0px;
+}
+  h1,
+  h1 p {
+    font-size: 1.875rem; //30px
+  }
+  .home .hero-body h1 {
+    max-width: none;
+}
+.subtitle {  
+  padding: 35px;
+  padding-top: 0;
+}
+.title.is-1 {
+  font-size: 1.3rem;
+  font-weight: 600;
+}
+.subtitle.is-4 {
+  font-size: 1.1rem;
+}
+  h2,
+  h2 p, .highlighter h2 {
+    font-size: 1.2rem;
+  }
+
+  h3 {
+    font-weight: 600;
+    font-size: 1.7rem;
+  }
+
+  h4 {
+    font-size: 1rem;
+  }
+
+  h5 {
+    font-size: 0.83rem;
+  }
+  .navbar {
+    padding-top: 0.6rem;
+    padding-bottom: 0.6rem;
+}
+  .navbar-brand img {
+    margin: 1rem;
+}
+.hero.is-primary .title {
+  padding-top: 35px;
+}
+.navbar-menu .button.is-dark { 
+  background-color: transparent;
+  border-radius: 0;
+  width: 100vw;
+}
+.navbar-menu {
+  background-color: transparent;
+}
+a.navbar-link {
+  background-color: $primary-dark;
+}
+a.navbar-item {
+  background-color: $primary-dark !important;
+  margin-left: 50px;
+}
+.navbar-item, .navbar-link {
+  color: #fff;
+  display: block;
+  line-height: 2.5;
+  padding: 0.9rem;
+  position: relative;
+}
+.navbar-link:not(.is-arrowless)::after {
+  border-color: #fff;
+}
+.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
+  background-color: #09443e !important;
+}
+  .button {
+    height: auto;
+  }
+  .button a,
+  .button span {
+    font-size: 0.8rem !important;
+    font-weight: 600;
+  }
+.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
+    background-color: #09443e;
+    color: #fff;
+}
+  .buttons {
+   // display: table-caption;
+  }
+  .hero-body .button, .content-wrapper .button {
+    padding: 0.5rem !important;
+  }
+  .hero.is-medium .hero-body {
+    padding: 5rem 1rem 4.5rem;
+  }
+  .navbar-menu .button {
+    // Buttongröße aus Figma
+    height: auto;
+  }
+  .story-slider, .content-wrapper img {
+    border-radius: 25px !important;
+}
+.column.slider-image img {  
+  border-top-right-radius: 25px !important;
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+  .slider-navigation-next, .slider-navigation-previous {
+    top: 100% !important;
+    width: 20px !important;
+    height: 20px !important;
+    margin-left: 80px;
+    margin-right: 80px;
+  }
+  .card-content p {
+    padding-left: 3rem;
+}
+.card {
+  margin-top: 0;
+}
+.card-content {
+  padding: 2.5rem;
+}
+.left.card-image {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+.right.card-image {
+  padding-bottom: 2.5rem;
+}
+.columns {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+}
+.two-columns p {
+  column-count: 1;
+  column-gap: 1rem;
+}
+  .footer-logos .column {
+    text-align: left !important;
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: intia-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.12
+  version: 0.1.16
 platform: ruby
 authors:
 - Marc Schmidt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-10-27 00:00:00.000000000 Z
+date: 2021-11-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -36,6 +36,7 @@ files:
 - _includes/button.html
 - _includes/contact.html
 - _includes/footer.html
+- _includes/glossary.html
 - _includes/head-scripts.html
 - _includes/head.html
 - _includes/header.html
@@ -55,13 +56,17 @@ files:
 - assets/img/404.png
 - assets/img/arrow-down.png
 - assets/img/arrow-left.png
+- 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-green-white.png
 - assets/img/logo-green.png
 - assets/img/logo-short-green.png
 - assets/img/logo-short.png
+- assets/img/logo-white-old.png
 - assets/img/logo-white.png
 - assets/img/logo.png
 - assets/img/posts/escape-game.jpg