intia-theme 0.1.15 → 0.1.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: dad25200e7456171f853920065539c3fb3169b546f48d59d11e383d57be1b75d
-  data.tar.gz: 203cce0d02af37e95b9baaef926b84d59d9a8f9c86d21c51b29513513611c126
+  metadata.gz: 29b89930dd6eb39693bee037d177d7e6c01f6210f57b019b745bd41e5619c527
+  data.tar.gz: 2a44934b710dc03f53e77bcedf20d58b144f7b47cbd4eef0c472c89675002cd3
 SHA512:
-  metadata.gz: fc52414ecc848aba937a9bdad1707294a7800f0fd23e8d50a498d522f479e7078d95294fe9c9e729ec3a556bbd302cf8ece30a820c91e5063f7b7e1a953eda32
-  data.tar.gz: dd45c656e74d32ff1f0c16d2028b9d7136c561c1046d08c2de129becafd4acf6f523d341a0900d4875fdfc3a29840c3454d6d51f020077d49a196de0002e934d
+  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/_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 {
@@ -78,7 +80,8 @@ img.is-rounded {
 }
 .arrow-image {
   z-index: 10;
-  top: calc(50% - 68px);
+  top: calc(50% - 68px);  
+  left: 4vw;
   position: sticky;
   width: 64px;
   cursor: pointer;
@@ -270,7 +273,9 @@ a .tooltip-popup {
 .subtitle {
   padding: 50px;
 }
-
+.subtitle.is-4 {
+  font-size: 1.6rem;
+}
 .post h3 {
   font-weight: 600;
   padding-top: 2rem;
@@ -529,33 +534,7 @@ 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
 
@@ -607,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;
@@ -619,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;
@@ -671,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.15
+  version: 0.1.16
 platform: ruby
 authors:
 - Marc Schmidt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-11-11 00:00:00.000000000 Z
+date: 2021-11-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll