intia-theme 0.1.5 → 0.1.9

data/_sass/_layout.scss

@@ -62,7 +62,13 @@ div.highlight {
   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 {
@@ -70,11 +76,28 @@ img.is-rounded {
 }
 .arrow-image {
   z-index: 10;
-  position: relative;
-  bottom: -90px;
+  top: calc(50% - 68px);
+  position: sticky;
   width: 64px;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+}
+.is-pointed-down {
+  transform: scaleY(-1);
+}
+.is-hidden {
+  visibility: hidden;
+}
+.is-visible {
+  visibility: visible;
+}
+.left {
+  text-align: left;
+}
+.right {
+  text-align: right;
 }
-
 .clear {
   clear: both;
   display: block;
@@ -83,12 +106,13 @@ img.is-rounded {
 
 // Buttons - Mybe global in Buttons und raus damit?
 .button.is-dark {
-  background-color: #229387;
+  background-color: $primary-dark;
 }
 
 // Navi
 .navbar {
   padding-top: 0.6rem;
+  padding-bottom: 2.6rem;
 }
 
 .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
@@ -139,6 +163,9 @@ img.is-rounded {
 .hero-body {
   background-color: white;
 }
+.home .hero-body h1 {
+  max-width: 60%;
+}
 .hero.is-large .hero-body {
   padding-bottom: 12rem;
 }
@@ -146,6 +173,13 @@ img.is-rounded {
 .hero-body img {
   float: right;
   margin-left: 200px;
+  top: -175px;
+  position: inherit;
+}
+.home .hero-body img {
+  max-width: 40%;
+  height: 66vh;
+  object-fit: cover;
 }
 .hero {
   display: block;
@@ -155,7 +189,7 @@ img.is-rounded {
   padding-top: 70px;
 }
 .hero.is-medium .hero-body {
-  padding: 13rem 9rem 4.5rem;
+  padding: 10rem 9rem 4.5rem;
 }
 
 .hero-body .button,
@@ -173,14 +207,52 @@ img.is-rounded {
 //// Hero sub-pages with green text
 .subpage h1,
 .subpage p {
-  color: #229387 !important;
+  color: $primary-dark !important;
+}
+.subpage .hero-body img,
+.toppage .hero-body img {
+  float: none;
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+  top: 0;
+  max-width: auto;
+}
+.buttons-hero {
+  display: none;
+}
+
+.pdf .buttons-hero {
+  display: block;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+}
+.hero-body .container .buttons-hero .button {
+  float: none;
+}
+
+//// Hero top-pages with green box
+.toppage .hero-body {
+  background-color: $light !important;
+}
+
+.glossary {
+  text-align: center;
 }
 
 // Content
+#main .columns {
+  width: 100%;
+}
 .subtitle {
   padding: 50px;
 }
 
+.post h3 {
+  font-weight: 600;
+  padding-top: 2rem;
+}
 .card {
   // margin-left: 3rem;
   // margin-right: 3rem;
@@ -214,6 +286,7 @@ img.is-rounded {
 .card-image:first-child img {
   border-top-left-radius: 65px;
   border-top-right-radius: 65px;
+  max-height: 100vh;
 }
 
 .card-content {
@@ -231,6 +304,7 @@ img.is-rounded {
 .card-image:last-child img {
   border-bottom-left-radius: 65px;
   border-bottom-right-radius: 65px;
+  max-height: 100vh;
 }
 
 .story-card {
@@ -314,12 +388,80 @@ img.is-rounded {
   border: 0px !important;
   box-shadow: none !important;
 }
+.slider-navigation-previous img,
+.slider-navigation-next img {
+  border-radius: 0%;
+}
+
+//highlighter
+.highlighter {
+  background-color: $light;
+  border-radius: 65px;
+  padding: 75px;
+  font-size: 1.4rem;
+}
+
+.min-height25p {
+  min-height: 25vw;
+}
+
+.highlighter h1 {
+  text-align: left;
+  padding-top: 0;
+}
+.highlighter h2 {
+  padding-top: 0;
+  font-size: 2rem;
+  font-weight: 600;
+}
+.two-columns p {
+  column-count: 2;
+  column-gap: 5rem;
+}
+
+.highlighter .button {
+  float: right;
+}
+
+.highlighter img {
+  border-radius: 0;
+  height: auto;
+  width: 50%;
+  float: right;
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+.highlighter .column {
+  margin-right: 4rem;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+.highlighter .is-round {
+  display: flex;
+  background-color: white;
+  border-radius: 1000px;
+  padding: 3rem;
+  float: none;
+  overflow: hidden;
+  height: 300px;
+  width: 300px;
+}
+.highlighter .is-round img {
+  background-color: white;
+  padding-left: 0;
+  padding-right: 0;
+  height: auto;
+  width: auto;
+}
+
 // Footer
 
 .footer {
   font-size: 0.75rem;
   margin-top: 5rem;
   line-height: 1rem;
+  padding-top: 0;
 }
 .footer img.column {
   padding: 0 !important;
@@ -339,6 +481,14 @@ footer .columns {
   margin-left: auto;
   margin-right: auto;
   font-size: 0.75rem;
+  padding-top: 2em;
+  padding-bottom: 2em;
+}
+.footer .footer-nav {
+  padding-top: 0;
+}
+.footer .footer-nav .column {
+  padding-left: 0;
 }
 .footer-logos .column {
   flex-basis: auto;
@@ -383,3 +533,111 @@ footer .columns {
     text-align: left !important;
   }
 }
+
+// Tool-Tip
+
+a:hover .tooltip-popup {
+  visibility: visible;
+  display: block;
+}
+.tooltip-popup {
+  position: relative;
+  width: 20vw;
+  visibility: hidden;
+  display: none;
+  background: $light;
+  border-radius: 65px;
+}
+
+// Contect
+
+.input,
+.textarea,
+#thema {
+  border: 3px solid $primary-dark;
+  border-radius: 45px;
+  padding-left: 2.5em;
+  padding-right: 2.5em;
+}
+.input,
+#thema {
+  height: 2.75em;
+}
+
+.textarea {
+  padding-left: 2.5em;
+  padding-top: 1.5em;
+  min-height: 13.5em !important;
+}
+.label {
+  color: $primary-dark;
+  font-weight: 600;
+  padding-left: 1rem;
+  margin-bottom: 0 !important;
+}
+.contact .column {
+  padding: 5rem;
+  padding-left: 0;
+}
+.select:not(.is-multiple):not(.is-loading)::after {
+  border-color: $primary-dark;
+  right: 2.3em;
+  z-index: 4;
+}
+.contact .control.has-icons-left .icon.is-left {
+  left: 5px;
+  top: 2px;
+}
+.contact .button {
+  float: right;
+}
+
+// newss
+.news {
+  box-shadow: none;
+}
+.news-item {
+  margin-left: 5%;
+  margin-right: 5%;
+}
+.news-container .card-content .content {
+  margin: 50px;
+}
+.story-news {
+  background-color: $light;
+  border-bottom-left-radius: 65px !important;
+  border-bottom-right-radius: 65px !important;
+  border-top-left-radius: 65px !important;
+  border-top-right-radius: 65px !important;
+}
+.news-slider .button {
+  float: right;
+}
+.column.news-image {
+  padding: 0;
+}
+.column.news-image .image {
+  height: 100%;
+}
+.column.news-image img {
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  height: 100%;
+  object-fit: cover;
+}
+.column.news-content {
+  padding: 3em;
+}
+.news-content h2 {
+  margin-bottom: 2rem;
+  padding-top: 0;
+}
+.news-content h4 {
+  font-size: 0.75rem;
+  letter-spacing: 0.3rem;
+}
+.news-content {
+  width: 100%;
+  display: flow-root;
+  margin: auto;
+}

data/_sass/_main.scss

@@ -17,26 +17,39 @@ $dark: #09443e;
 @import "../node_modules/bulma/bulma.sass";
 // Extensions
 @import "../node_modules/bulma-block-list/src/block-list.scss";
+@import "../node_modules/@creativebulma/bulma-tooltip/src/sass/index.sass";
 // Bulma Config
 $column-gap: 1rem;
 $modal-content-width: 800px;
 $tabs-link-active-color: $primary;
 $tabs-link-active-border-bottom-color: $primary;
 // Global
+html {
+  scroll-behavior: smooth;
+}
 body {
   font-size: 1.5rem;
   line-height: 2.25rem;
 }
 
-h1, h2, h3, p {  
-  padding-bottom:30px;
+h1,
+h2,
+h3,
+p {
+  padding-bottom: 30px;
 }
-h1, h2{  
-  padding-top:90px;
+h1,
+h2 {
+  padding-top: 90px;
 }
 
-.card h1, .card h2, .card p, .slider h1, .slider h2, .slider p {  
-  padding-top:0;
+.card h1,
+.card h2,
+.card p,
+.slider h1,
+.slider h2,
+.slider p {
+  padding-top: 0;
   padding-bottom: 0;
 }
 
@@ -49,7 +62,7 @@ h1 p {
 }
 
 .green h1,
-.green h1 p{
+.green h1 p {
   text-align: left;
 }
 
@@ -64,7 +77,9 @@ h2 p {
 }
 
 h3 {
-  font-size: 1.17rem;
+  font-weight: 600;
+  font-size: 1.7rem;
+  padding-top: 50px;
 }
 
 h4 {

data/assets/js/main.js

@@ -6,4 +6,45 @@ const carousels = bulmaCarousel.attach('.carousel',{
     icons: {
         'previous': `<img src="../assets/img/arrow-left.png"></img>`,
         'next': `<img src="../assets/img/arrow-left.png" style="transform: rotate(180deg);"></img>`}
-});
+});
+
+var scrollUpArrow= document.getElementById("scroll-up");
+var scrollDownArrow= document.getElementById("scroll-down");
+var scrollStep=10,
+	scrollTimer=null
+
+scrollUpArrow.addEventListener("mouseenter", function(evt){
+    scroll(-scrollStep)
+})
+scrollUpArrow.addEventListener("mouseleave", function(evt){
+    if(scrollTimer!=null)clearTimeout(scrollTimer);
+})
+scrollDownArrow.addEventListener("mouseleave", function(evt){
+    if(scrollTimer!=null)clearTimeout(scrollTimer);
+})
+scrollDownArrow.addEventListener("mouseenter", function(evt){
+    scroll(scrollStep)
+})
+function scroll(yDisplacement){
+    if(scrollTimer!=null)clearTimeout(scrollTimer);
+
+  scrollTimer = setTimeout(function(){
+      window.scroll({
+        top:window.scrollY+yDisplacement,
+      left:0,
+      behavior: 'smooth'
+      })  
+      scroll(yDisplacement)
+  }, 50);
+}
+
+window.onscroll = function(ev) {
+    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
+        scrollDownArrow.classList.add("is-hidden");
+    }else if(window.pageYOffset === 0){
+        scrollUpArrow.classList.add("is-hidden");
+    }else{
+        scrollDownArrow.classList.remove("is-hidden"); 
+        scrollUpArrow.classList.remove("is-hidden"); 
+    }
+};

data/assets/js/search.js

@@ -0,0 +1,6 @@
+/*!
+  * Simple-Jekyll-Search
+  * Copyright 2015-2020, Christian Fei
+  * Licensed under the MIT License.
+  */
+!function(){"use strict";var f={compile:function(r){return i.template.replace(i.pattern,function(t,e){var n=i.middleware(e,r[e],i.template);return void 0!==n?n:r[e]||t})},setOptions:function(t){i.pattern=t.pattern||i.pattern,i.template=t.template||i.template,"function"==typeof t.middleware&&(i.middleware=t.middleware)}};const i={pattern:/\{(.*?)\}/g,template:"",middleware:function(){}};var n=function(t,e){var n=e.length,r=t.length;if(n<r)return!1;if(r===n)return t===e;t:for(var i=0,o=0;i<r;i++){for(var u=t.charCodeAt(i);o<n;)if(e.charCodeAt(o++)===u)continue t;return!1}return!0},e=new function(){this.matches=function(t,e){return n(e.toLowerCase(),t.toLowerCase())}},r=new function(){this.matches=function(e,t){return!!e&&(e=e.trim().toLowerCase(),(t=t.trim().toLowerCase()).split(" ").filter(function(t){return 0<=e.indexOf(t)}).length===t.split(" ").length)}},d={put:function(t){if(l(t))return a(t);if(function(t){return Boolean(t)&&"[object Array]"===Object.prototype.toString.call(t)}(t))return function(n){const r=[];s();for(let t=0,e=n.length;t<e;t++)l(n[t])&&r.push(a(n[t]));return r}(t);return undefined},clear:s,search:function(t){return t?function(e,n,r,i){const o=[];for(let t=0;t<e.length&&o.length<i.limit;t++){var u=function(t,e,n,r){for(const i in t)if(!function(n,r){for(let t=0,e=r.length;t<e;t++){var i=r[t];if(new RegExp(i).test(n))return!0}return!1}(t[i],r.exclude)&&n.matches(t[i],e))return t}(e[t],n,r,i);u&&o.push(u)}return o}(u,t,c.searchStrategy,c).sort(c.sort):[]},setOptions:function(t){c=t||{},c.fuzzy=t.fuzzy||!1,c.limit=t.limit||10,c.searchStrategy=t.fuzzy?e:r,c.sort=t.sort||o,c.exclude=t.exclude||[]}};function o(){return 0}const u=[];let c={};function s(){return u.length=0,u}function l(t){return Boolean(t)&&"[object Object]"===Object.prototype.toString.call(t)}function a(t){return u.push(t),u}c.fuzzy=!1,c.limit=10,c.searchStrategy=c.fuzzy?e:r,c.sort=o,c.exclude=[];var p={load:function(t,e){const n=window.XMLHttpRequest?new window.XMLHttpRequest:new ActiveXObject("Microsoft.XMLHTTP");n.open("GET",t,!0),n.onreadystatechange=h(n,e),n.send()}};function h(e,n){return function(){if(4===e.readyState&&200===e.status)try{n(null,JSON.parse(e.responseText))}catch(t){n(t,null)}}}var m=function y(t){if(!(e=t)||!("undefined"!=typeof e.required&&e.required instanceof Array))throw new Error("-- OptionsValidator: required options missing");var e;if(!(this instanceof y))return new y(t);const r=t.required;this.getRequiredOptions=function(){return r},this.validate=function(e){const n=[];return r.forEach(function(t){"undefined"==typeof e[t]&&n.push(t)}),n}},w={merge:function(t,e){const n={};for(const r in t)n[r]=t[r],"undefined"!=typeof e[r]&&(n[r]=e[r]);return n},isJSON:function(t){try{return t instanceof Object&&JSON.parse(JSON.stringify(t))?!0:!1}catch(e){return!1}}};!function(t){let i={searchInput:null,resultsContainer:null,json:[],success:Function.prototype,searchResultTemplate:'<li><a href="{url}" title="{desc}">{title}</a></li>',templateMiddleware:Function.prototype,sortMiddleware:function(){return 0},noResultsText:"No results found",limit:10,fuzzy:!1,debounceTime:null,exclude:[]},n;const e=function(t,e){e?(clearTimeout(n),n=setTimeout(t,e)):t.call()};var r=["searchInput","resultsContainer","json"];const o=m({required:r});function u(t){d.put(t),i.searchInput.addEventListener("input",function(t){-1===[13,16,20,37,38,39,40,91].indexOf(t.which)&&(c(),e(function(){l(t.target.value)},i.debounceTime))})}function c(){i.resultsContainer.innerHTML=""}function s(t){i.resultsContainer.innerHTML+=t}function l(t){var e;(e=t)&&0<e.length&&(c(),function(e,n){var r=e.length;if(0===r)return s(i.noResultsText);for(let t=0;t<r;t++)e[t].query=n,s(f.compile(e[t]))}(d.search(t),t))}function a(t){throw new Error("SimpleJekyllSearch --- "+t)}t.SimpleJekyllSearch=function(t){var n;0<o.validate(t).length&&a("You must specify the following required options: "+r),i=w.merge(i,t),f.setOptions({template:i.searchResultTemplate,middleware:i.templateMiddleware}),d.setOptions({fuzzy:i.fuzzy,limit:i.limit,sort:i.sortMiddleware,exclude:i.exclude}),w.isJSON(i.json)?u(i.json):(n=i.json,p.load(n,function(t,e){t&&a("failed to get JSON ("+n+")"),u(e)}));t={search:l};return"function"==typeof i.success&&i.success.call(t),t}}(window)}();

data/node_modules/@creativebulma/bulma-tooltip/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 CreativeBulma
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/node_modules/@creativebulma/bulma-tooltip/README.md

@@ -0,0 +1,34 @@
+# Introduction
+This components has been developped as a [Bulma](https://bulma.io) extension and brings the ability to **easily display a tooltip attached to any kind of element, in different position**.
+
+[![npm](https://img.shields.io/npm/v/@creativebulma/bulma-tooltip.svg)](https://www.npmjs.com/package/@creativebulma/bulma-tooltip)
+[![npm](https://img.shields.io/npm/dm/@creativebulma/bulma-tooltip.svg)](https://www.npmjs.com/package/@creativebulma/bulma-tooltip)
+[![](https://data.jsdelivr.com/v1/package/npm/@creativebulma/bulma-tooltip/badge)](https://www.jsdelivr.com/package/npm/@creativebulma/bulma-tooltip)
+
+---
+
+## Prerequisites
+This component extends [Bulma CSS Framework](https://bulma.io) and requires it to work.
+
+## Get Started
+```shell
+npm i -D @creativebulma/bulma-tooltip
+```
+Full installation steps can be found here: [installation steps](https://demo.creativebulma.net/components/tooltip/1.2/get-started)
+
+## Documentation & Demo
+Full documentation and demo are available [here](https://demo.creativebulma.net/components/tooltip/1.2/get-started)
+
+## About the project
+BulmaBoilerplate is © 2020 by [CreativeBulma](https://creativebulma.net).
+
+**If you enjoy this component, have a look at our [MarketPlace](https://creativebulma.net) and discover Free and Premium Bulma components and Templates.**
+
+## License
+BulmaBoilerplate is distributed under [MIT](https://github.com/CreativeBulma/bulma-tooltip/blob/master/LICENSE) license.
+
+## Contributing
+**Contribution are welcome!**  
+You found a bug, a typo issue ? Feel free to create a PR on the [github repository](https://github.com/CreativeBulma/bulma-tooltip/) of this project.
+
+When contributing to this project, please first discuss the change you wish to make via issue on the [github repository](https://github.com/CreativeBulma/bulma-tooltip/issues), email, or any other method with the owners of this project before making a change.