intia-theme 0.1.2 → 0.1.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d59b8f49344fa7667b64b29875c0ccf80dc98b37635cfb046861a4e2ea1b4078
-  data.tar.gz: a2d0b40d0315fabedacb820f9c930c858cfda7dfa985aa3ea37171688a484487
+  metadata.gz: dd43c09dfb72c2d380c9d9453149294ad144fb1ee621c7d2b4ee410b2bd319d3
+  data.tar.gz: 39d38b6b40bf85937e2bc5cb5e1c7b9ffcbfc13f9e99cb8778551f0124ae4338
 SHA512:
-  metadata.gz: 94c440bde306ad2a798c7bbe1f04d030c47a0f33cd9a5ba29499618dda49ca9e9814118372b4a9b049a4583bb1d05dc17ed291cfe195c4a335f29fa4742f5bd4
-  data.tar.gz: e0e851c54fca092d0693c30b886596c73f0f160a1da55ab4427746083b18771b497ec5b70fa3a2ed8ecc85fc1124a33f3337121c97fc33779873766afed6e6ca
+  metadata.gz: 723ecf7c8aa986cd2b7450c66659bda0abee60e6e89d465d5aa66f4956b18e1401abe8ba76a9df814b87eeb19bdcd13243f640afe5df48a8e10da4343327cb13
+  data.tar.gz: 6dc7a304987f6efc81cf290fc0debed93ea87c16c02143ca8440da679ff6bea1026436edb709fe70dbcc8bfc63337b9ff7f14b01d9ba5b3d54aafe06b94e7600

data/_includes/hero.html

@@ -1,8 +1,13 @@
-<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">
-            <h1 class="title is-1">{{ page.title }}</h1>
+            {% if page.hero_image %}
+                <img src="{{page.hero_image}}" alt="placeholder"  class="is-rounded is-hidden-mobile">
+            {% endif %}
+            {% if page.title_above %}
+                <h1 class="overtitle subtitle is-4">{{ page.title_above }}</h1>
+            {% endif %}
+            <h1 class="title is-1  {% if page.title_above %} title-with-overtitle {% endif %}">{{ page.title }}</h1>
             <p class="subtitle is-4">{{ page.subtitle }}</p>
             {% if page.hero_link %}
                 <a href="{{ page.hero_link | relative_url }}" class="button is-rounded is-dark">
@@ -13,7 +18,7 @@
                 </a>
             {% endif %}
         </div>
-        <img src="../assets/img/arrow-down.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" onClick="document.getElementById('main').scrollIntoView();"> 
     </div>
 </section>
 <i class="fas {{ section.icon }}"></i>

data/_includes/story-slider.html

@@ -36,6 +36,6 @@
             </div>
             {% endfor %}
 		</div>
-    <img src="../assets/img/arrow-down.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" onClick="document.getElementById('content').scrollIntoView();">
     </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/_layouts/default.html

@@ -15,11 +15,11 @@ The Default layout that everything is using
         {% else %}
             
         {% endunless %}
-        <div class="content-wrapper has-background-primary-light">
+        <div id="main" class="content-wrapper has-background-primary-light">
             
             {% include story-slider.html %}
             <div class="columns is-centered">
-                <div class="column is-10-desktop is-12-tablet">
+                <div id="content" class="column is-10-desktop is-12-tablet">
                     {% include introduction.html %}
                     {% include left-right-blocks.html %}
                     {{content | markdownify}}

data/_sass/_layout.scss

@@ -46,6 +46,33 @@ 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 {
+}
+
+.overtitle {
+  margin-bottom: 0 !important;
+  padding-bottom: 0 !important;
+}
+.title-with-overtitle {
+  margin-top: 0 !important;
+  padding-top: 0.25em !important;
+}
 // Globals
 img.is-rounded {
   border-radius: 65px;
@@ -55,6 +82,7 @@ img.is-rounded {
   position: relative;
   bottom: -90px;
   width: 64px;
+  cursor: pointer;
 }
 
 .clear {
@@ -148,6 +176,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 {
@@ -172,6 +209,7 @@ img.is-rounded {
 .content-wrapper img {
   border-radius: 65px;
   height: auto;
+  object-fit: cover;
 }
 
 .content-wrapper p {
@@ -221,14 +259,6 @@ 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;
 }
@@ -259,6 +289,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;
@@ -306,6 +337,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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: intia-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.6
 platform: ruby
 authors:
 - Marc Schmidt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-10-12 00:00:00.000000000 Z
+date: 2021-10-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -41,10 +41,12 @@ 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/404.png
 - assets/img/arrow-down.png
 - assets/img/arrow-left.png
 - assets/img/logo-black.png