intia-theme 0.1.1 → 0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 30fdd9a28960de2274940f5dd301c6ce9aa814cb1e92882e6227920482b468af
-  data.tar.gz: acd46379a7927830ee32a91676f264f68608b5ade1d8e2a7fc876654bc8b9b02
+  metadata.gz: e93c7a5b012d03132b56ab55629505ced35da8b7cf5682878f173c8504afd3bf
+  data.tar.gz: 619844a2c4a867454ca3abfc5fc0eb29ba4ecdea7763f102c5b525004c179491
 SHA512:
-  metadata.gz: 8113d2536ee4e76f73ebbc8bc3fe543ba898b41d5d588ef03dafb80b378d1152ecfbfbc518267d9e4690c750373e33182bbab53313d2022ce53d3f8aec2c1232
-  data.tar.gz: 20265082ef66a95cb80ac26da14ff9a604ca2867775254ed76a0aa010a11eba5e3eec92126dff6f7148a33bb3f3e4024d65bd74d1126d07ae4ca1bba6fad42b5
+  metadata.gz: b27587d1e3c9a82b9dc6792fdff77979bec6223f5ea555c80162fdfd2506380d5cdbd3bfc6b7c3181a0a5981879913e320bdb35ab3ce3a7c82ed12db67c1678c
+  data.tar.gz: e0e86fd1ef8bba5394235da6fb2b99a7bfd8b2fafc01a83049c82b52bb630ccb8b382c8518c0f98b0a33dfc2f9c78852e2fb8f460d974df533dedce1e948f08a

data/_includes/hero.html

@@ -1,7 +1,9 @@
-<section class="hero is-primary is-hidden-print {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %}" {% if page.hero_background_image %} style="background: url('{{ page.hero_background_image }}') no-repeat center center; background-size: cover;" {% endif %}>
+<section class="hero is-primary is-hidden-print {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} {% if page.hero_tags %} {{ page.hero_tags }} {% endif %}" {% if page.hero_background_image %} style="background: url('{{ page.hero_background_image }}') no-repeat center center; background-size: cover;" {% endif %}>
     <div class="hero-body">
         <div class="container">
-            <img src="https://via.placeholder.com/440x638" alt="placeholder"  class="is-rounded is-hidden-mobile">
+            {% if page.hero_image %}
+                <img src="{{page.hero_image}}" alt="placeholder"  class="is-rounded is-hidden-mobile">
+            {% endif %}
             <h1 class="title is-1">{{ page.title }}</h1>
             <p class="subtitle is-4">{{ page.subtitle }}</p>
             {% if page.hero_link %}
@@ -13,7 +15,7 @@
                 </a>
             {% endif %}
         </div>
-        <img src="../assets/img/arrow.png" alt="placeholder"  class="arrow-image is-pulled-left is-hidden-mobile"> 
+        <img src="{{ site.baseurl }}/assets/img/arrow-down.png" alt="placeholder"  class="arrow-image is-pulled-left is-hidden-mobile"> 
     </div>
 </section>
 <i class="fas {{ section.icon }}"></i>

data/_includes/introduction.html

@@ -1,5 +1,5 @@
 {% if page.introduction_title %}
-    <div class="card">
+    <div class="card column is-8 is-offset-2">
         <h1 class="has-text-centered">{{page.introduction_title}}</h1>
         <h3 class="subtitle is-4 has-text-left">{{page.introduction_content}}</h3>
     <br>

data/_includes/story-slider.html

@@ -36,6 +36,6 @@
             </div>
             {% endfor %}
 		</div>
-    <img src="../assets/img/arrow.png" alt="placeholder"  class="arrow-image is-pulled-right is-hidden-mobile">
+    <img src="../assets/img/arrow-down.png" alt="placeholder"  class="arrow-image is-pulled-right is-hidden-mobile">
     </div>
 {% endif %}

data/_layouts/404.html

@@ -0,0 +1,7 @@
+---
+layout: default
+---
+{% if page.error_image %}
+<img src="{{page.error_image}}" alt="placeholder">
+{% endif %} 
+{{content | markdownify}}

data/_sass/_layout.scss

@@ -46,6 +46,24 @@ div.highlight {
   top: 30px;
 }
 
+.green {
+  background-color: $light;
+  padding-left: 5%;
+  padding-right: 5%;
+  padding-top: 6rem;
+  padding-bottom: 8rem;
+}
+
+.highlighter {
+  background-color: $light;
+  padding-left: 5%;
+  padding-right: 5%;
+  padding-bottom: 5%;
+  border-radius: 65px;
+  margin-top: 3em;
+}
+.highlighter-image {
+}
 // Globals
 img.is-rounded {
   border-radius: 65px;
@@ -105,6 +123,10 @@ img.is-rounded {
 .button.is-rounded {
   padding-right: 0em !important;
 }
+.button.button.is-rounded:not(.navbar-item) {
+  padding-left: 1.5em !important;
+  padding-right: 1.5em !important;
+}
 .navbar-dropdown .button.is-rounded {
   padding-right: auto !important;
 }
@@ -144,6 +166,15 @@ img.is-rounded {
 .hero-body .container .button {
   float: right;
 }
+.home .hero-body h1,
+.home .hero-body h1 p {
+  text-align: left;
+}
+//// Hero sub-pages with green text
+.subpage h1,
+.subpage p {
+  color: #229387 !important;
+}
 
 // Content
 .subtitle {
@@ -168,6 +199,7 @@ img.is-rounded {
 .content-wrapper img {
   border-radius: 65px;
   height: auto;
+  object-fit: cover;
 }
 
 .content-wrapper p {
@@ -176,6 +208,7 @@ img.is-rounded {
 
 .card-content h2 p {
   padding-left: 15px;
+  padding-bottom: 0.5em;
 }
 
 .card-image:first-child img {
@@ -216,20 +249,9 @@ img.is-rounded {
 }
 
 // story-slider
-
-.green {
-  background-color: #e7f2ea;
-  padding-left: 5%;
-  padding-right: 5%;
-  padding-top: 6rem;
-  padding-bottom: 8rem;
-}
 .slider {
   box-shadow: none;
 }
-.slider-item {
-  // padding-left: 50px;
-}
 .story-carousel-item {
   margin-left: 5%;
   margin-right: 5%;
@@ -257,6 +279,7 @@ img.is-rounded {
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
   height: 100%;
+  object-fit: cover;
 }
 .column.slider-content {
   padding: 3em;
@@ -285,6 +308,12 @@ img.is-rounded {
 .slider-pagination {
   bottom: -40px !important;
 }
+.slider-navigation-previous,
+.slider-navigation-next {
+  background: transparent !important;
+  border: 0px !important;
+  box-shadow: none !important;
+}
 // Footer
 
 .footer {
@@ -298,6 +327,7 @@ img.is-rounded {
 }
 .footer-logos img {
   height: 75px;
+  margin-right: 15px;
 }
 .footer .title {
   color: white;

data/_sass/_main.scss

@@ -28,11 +28,29 @@ body {
   line-height: 2.25rem;
 }
 
+h1, h2, h3, p {  
+  padding-bottom:30px;
+}
+h1, h2{  
+  padding-top:90px;
+}
+
+.card h1, .card h2, .card p, .slider h1, .slider h2, .slider p {  
+  padding-top:0;
+  padding-bottom: 0;
+}
+
 h1,
 h1 p {
   font-size: 48px;
   line-height: 72px;
   font-weight: 600;
+  text-align: center;
+}
+
+.green h1,
+.green h1 p{
+  text-align: left;
 }
 
 h2,
@@ -56,6 +74,7 @@ h4 {
 h5 {
   font-size: 0.83rem;
 }
+
 // Button Animation + Gleiche Breite
 .button {
   // Schrifft

data/assets/js/main.js

@@ -2,5 +2,8 @@ import './bulma-carousel/js/bulma-carousel.js';
 // Initialize all elements with carousel class.
 const carousels = bulmaCarousel.attach('.carousel',{
     slidesToScroll: 1,
-    slidesToShow: 1
+    slidesToShow: 1,
+    icons: {
+        'previous': `<img src="../assets/img/arrow-left.png"></img>`,
+        'next': `<img src="../assets/img/arrow-left.png" style="transform: rotate(180deg);"></img>`}
 });

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: intia-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.5
 platform: ruby
 authors:
 - Marc Schmidt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-10-11 00:00:00.000000000 Z
+date: 2021-10-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -41,11 +41,14 @@ files:
 - _includes/introduction.html
 - _includes/left-right-blocks.html
 - _includes/story-slider.html
+- _layouts/404.html
 - _layouts/default.html
 - _sass/_layout.scss
 - _sass/_main.scss
 - _sass/_print.scss
-- assets/img/arrow.png
+- assets/img/404.png
+- assets/img/arrow-down.png
+- assets/img/arrow-left.png
 - assets/img/logo-black.png
 - assets/img/logo-dites.png
 - assets/img/logo-green.png