intia-theme 0.1.7 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 69feaddac06933818dad03eefdc8c253db949d04dbaa4d9616c28dbfb601847d
4
- data.tar.gz: a3f0330ef5c58422cd2f7e3ef67bbee2d241588024ee3d1958185a9dfc4ce8e6
3
+ metadata.gz: fd5036951e6a9ba7a5976011390f348e2894ca28466664697a532b35e3c007e4
4
+ data.tar.gz: 70588b52b85cf2b64cda26b9b88f2dfb81780994d896559ee903e96fc656062a
5
5
  SHA512:
6
- metadata.gz: e8f3b4cbd3f656aef54bf1aacc57612c390607a451f2022f87f57af85093f5cd0ca3f7aa2fcfbc54f8bb027505f42b086b2fdb342f3de9d550dbe364d387b567
7
- data.tar.gz: a0ad607fcebbde4e9dd4e1c96f0eaf203e2789277387621a8029b95b5b012952197850e24e6586a466b208d1d5f6e4d430975d6194b4310264bebaf80a213d73
6
+ metadata.gz: e3b2d5ff354ab1d082072e7c94db3e9e2aff5fe2d933b3836e745527c7f453db4c27d8e12db848222cbe318f38682f51d5bfd417d6a317c75b85c8091370f144
7
+ data.tar.gz: 23588c378270b4292c61a8d343cb5cdcbf02bfa459d02c8a4c0116a2d95c3dd7742318d3336acf2a461400e1fdca2d9a550f4994d964dfcca4315420d8fb8bcd
@@ -0,0 +1,7 @@
1
+
2
+ <a href="#" class="button is-rounded is-dark">
3
+ <span class="icon is-small">
4
+ <i class="fas fa-chevron-right fa-xs"></i>
5
+ </span>
6
+ <span> {{ include.label }} </span>
7
+ </a>
data/_includes/hero.html CHANGED
@@ -17,6 +17,20 @@
17
17
  </span>
18
18
  </a>
19
19
  {% endif %}
20
+ <div class="buttons-hero has-text-centered">
21
+ <a href="" class="button is-rounded is-dark { % if item.link == page.url % } { % endif % }">
22
+ <span class="icon is-small">
23
+ <i class="fas fa-chevron-left"></i>
24
+ </span>
25
+ <span>Zur Übersicht</span>
26
+ </a>
27
+ <a href="" class="button is-rounded is-dark { % if item.link == page.url % } { % endif % }">
28
+ <span>Als PDF Herunterladen</span>
29
+ <span class="icon is-small">
30
+ <i class="fas fa-chevron-right"></i>
31
+ </span>
32
+ </a>
33
+ </div>
20
34
  </div>
21
35
  </div>
22
36
  </section>
@@ -0,0 +1,7 @@
1
+
2
+ <div class="highlighter {% if include.two-columns %} two-columns {% endif %} {% if include.min-height25p %} min-height25p {% endif %} {% if include.style %} include.style {% endif %} ">
3
+ {{ include.content }}
4
+ {% if include.button %}
5
+ {% include button.html label=include.button %}
6
+ {% endif %}
7
+ </div>
@@ -0,0 +1,6 @@
1
+ <div class="card column is-8 is-offset-2">
2
+ <h1 class="has-text-centered">{{include.title}}</h1>
3
+ <h3 class="subtitle is-4 has-text-left">{{include.content}}</h3>
4
+ <br>
5
+ <br>
6
+ </div>
@@ -0,0 +1,35 @@
1
+ {% if page.latest-story %}
2
+ <div class="green">
3
+ {% assign story = site.posts | first %}
4
+ <div class="story-carousel-item">
5
+ <div class="container">
6
+ <div class="section">
7
+ <div class="slider story-slider columns">
8
+ <div class="slider-image column is-half">
9
+ <figure class="image">
10
+ <img src="{{story.preview_image}}" alt="this used to be photo">
11
+ </figure>
12
+ </div>
13
+ <div class="slider-content column is-half">
14
+ <div class="media">
15
+ <div class="media-content">
16
+ <h2>{{story.title}}</h2>
17
+ </div>
18
+ </div>
19
+
20
+ <div class="content">
21
+ <p>{{story.subtitle}}</p>
22
+ <a href="{{ story.url | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
23
+ <span>Mehr lesen</span>
24
+ <span class="icon is-small">
25
+ <i class="fas fa-chevron-right fa-xs"></i>
26
+ </span>
27
+ </a>
28
+ </div>
29
+ </div>
30
+ </div>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ </div>
35
+ {% endif %}
@@ -1,50 +1,47 @@
1
- {% if page.left_right_layout %}
2
- {% assign layout=site.data.[page.left_right_layout] %}
3
- {% for section in layout.sections %}
4
- {% capture isEven %}{% cycle 'false', 'true' %}{% endcapture %}
5
- <div class="card columns">
6
- {% if isEven == 'false' %}
7
- <div class="card-image left">
8
- <figure class="image">
9
- <img src={{section.image}} alt="placeholder" class="left">
10
- </figure>
11
- </div>
12
- <div class="card-content">
13
- <h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify }}</h2>
14
- {{ section.text | markdownify }}
1
+ {% assign layout=site.data.[include.data] %}
2
+ {% for section in layout.sections %}
3
+ {% capture isEven %}{% cycle 'false', 'true' %}{% endcapture %}
4
+
5
+ <div class="card columns">
6
+ {% if isEven == 'false' %}
7
+ <div class="card-image left">
8
+ <figure class="image">
9
+ <img src={{section.image}} alt="placeholder" class="left">
10
+ </figure>
11
+ </div>
12
+ <div class="card-content">
13
+ <h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify }}</h2>
14
+ {{ section.text | markdownify }}
15
15
 
16
- <a href="{{ section.link | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
17
- <span>{{ section.link_text }}</span>
18
- <span class="icon is-small">
19
- <i class="fas fa-chevron-right fa-xs"></i>
20
- </span>
21
- </a>
22
- </div>
23
- {% else %}
24
- <div class="card-content ">
25
- <div class="card-image right is-hidden-tablet">
26
- <figure class="image">
27
- <img src={{section.image}} alt="placeholder" class="left">
28
- </figure>
29
- </div>
30
- <h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify }}</h2>
31
- {{ section.text | markdownify }}
32
- <a href="{{ section.link | relative_url }}" class="button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">
33
- <span>{{ section.link_text }}</span>
34
- <span class="icon is-small">
35
- <i class="fas fa-chevron-right fa-xs"></i>
36
- </span>
37
- </a>
38
- </div>
39
- <div class="card-image right is-hidden-mobile">
40
- <figure class="image">
41
- <img src={{section.image}} alt="placeholder" class="right">
42
- </figure>
43
- </div>
44
- {% endif %}
45
-
46
-
47
- </div>
48
- <div class="clear"></div>
49
- {% endfor %}
50
- {% endif %}
16
+ <a href="{{ section.link | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
17
+ <span>{{ section.link_text }}</span>
18
+ <span class="icon is-small">
19
+ <i class="fas fa-chevron-right fa-xs"></i>
20
+ </span>
21
+ </a>
22
+ </div>
23
+ {% else %}
24
+ <div class="card-content ">
25
+ <div class="card-image right is-hidden-tablet">
26
+ <figure class="image">
27
+ <img src={{section.image}} alt="placeholder" class="left">
28
+ </figure>
29
+ </div>
30
+ <h2 class="fas {{ section.icon }} fa-2x">{{ section.title | markdownify }}</h2>
31
+ {{ section.text | markdownify }}
32
+ <a href="{{ section.link | relative_url }}" class="button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">
33
+ <span>{{ section.link_text }}</span>
34
+ <span class="icon is-small">
35
+ <i class="fas fa-chevron-right fa-xs"></i>
36
+ </span>
37
+ </a>
38
+ </div>
39
+ <div class="card-image right is-hidden-mobile">
40
+ <figure class="image">
41
+ <img src={{section.image}} alt="placeholder" class="right">
42
+ </figure>
43
+ </div>
44
+ {% endif %}
45
+ </div>
46
+ <div class="clear"></div>
47
+ {% endfor %}
@@ -0,0 +1,40 @@
1
+ {% for story in site.posts %}
2
+
3
+ <div class="news">
4
+ <div class="news-item">
5
+ <div class="container">
6
+ <div class="section">
7
+ <div class="story-news columns">
8
+ <div class="news-image column is-half">
9
+ <figure class="image">
10
+ <img src={{story.preview_image}} alt="this used to be photo">
11
+ </figure>
12
+ </div>
13
+ <div class="news-content column is-half">
14
+ <div class="media">
15
+ <div class="media-content">
16
+ <h4>{{story.date | date: "%m.%d.%Y"}}</h4>
17
+ <h2>{{story.title}}</h2>
18
+ </div>
19
+ </div>
20
+ <div class="content">
21
+ <p>
22
+ {{story.subtitle}}</p>
23
+ <a href="{{ story.url | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
24
+ <span>Mehr lesen</span>
25
+ <span class="icon is-small">
26
+ <i class="fas fa-chevron-right fa-xs"></i>
27
+ </span>
28
+ </a>
29
+ </div>
30
+ </div>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ </div>
35
+ </div>
36
+
37
+ {% endfor %}
38
+
39
+
40
+
@@ -10,7 +10,7 @@
10
10
  <div class="slider story-slider columns">
11
11
  <div class="slider-image column is-half">
12
12
  <figure class="image">
13
- <img src="{{story.image}}" alt="this used to be photo">
13
+ <img src="{{story.preview_image}}" alt="this used to be photo">
14
14
  </figure>
15
15
  </div>
16
16
  <div class="slider-content column is-half">
@@ -21,7 +21,7 @@
21
21
  </div>
22
22
 
23
23
  <div class="content">
24
- <p>{{story.abstract}}</p>
24
+ <p>{{story.subtitle}}</p>
25
25
  <a href="{{ story.url | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
26
26
  <span>Mehr lesen</span>
27
27
  <span class="icon is-small">
@@ -21,11 +21,10 @@ The Default layout that everything is using
21
21
  <div id="main" class="content-wrapper has-background-primary-light">
22
22
 
23
23
  {% include story-slider.html %}
24
+ {% include latest-story.html %}
24
25
  {% include contact.html %}
25
26
  <div class="columns is-centered">
26
27
  <div id="content" class="column is-10-desktop is-12-tablet">
27
- {% include introduction.html %}
28
- {% include left-right-blocks.html %}
29
28
  {{content | markdownify}}
30
29
  </div>
31
30
  </div>
File without changes
data/_sass/_layout.scss CHANGED
@@ -62,9 +62,6 @@ div.highlight {
62
62
  border-radius: 65px;
63
63
  margin-top: 3em;
64
64
  }
65
- .highlighter-image {
66
- }
67
-
68
65
  .overtitle {
69
66
  margin-bottom: 0 !important;
70
67
  padding-bottom: 0 !important;
@@ -95,6 +92,12 @@ img.is-rounded {
95
92
  .is-visible {
96
93
  visibility: visible;
97
94
  }
95
+ .left {
96
+ text-align: left;
97
+ }
98
+ .right {
99
+ text-align: right;
100
+ }
98
101
  .clear {
99
102
  clear: both;
100
103
  display: block;
@@ -160,6 +163,9 @@ img.is-rounded {
160
163
  .hero-body {
161
164
  background-color: white;
162
165
  }
166
+ .home .hero-body h1 {
167
+ max-width: 60%;
168
+ }
163
169
  .hero.is-large .hero-body {
164
170
  padding-bottom: 12rem;
165
171
  }
@@ -170,6 +176,11 @@ img.is-rounded {
170
176
  top: -175px;
171
177
  position: inherit;
172
178
  }
179
+ .home .hero-body img {
180
+ max-width: 40%;
181
+ height: 66vh;
182
+ object-fit: cover;
183
+ }
173
184
  .hero {
174
185
  display: block;
175
186
  }
@@ -205,6 +216,20 @@ img.is-rounded {
205
216
  margin-right: auto;
206
217
  display: block;
207
218
  top: 0;
219
+ max-width: auto;
220
+ }
221
+ .buttons-hero {
222
+ display: none;
223
+ }
224
+
225
+ .pdf .buttons-hero {
226
+ display: block;
227
+ align-items: center;
228
+ flex-wrap: wrap;
229
+ justify-content: flex-start;
230
+ }
231
+ .hero-body .container .buttons-hero .button {
232
+ float: none;
208
233
  }
209
234
 
210
235
  //// Hero top-pages with green box
@@ -224,6 +249,10 @@ img.is-rounded {
224
249
  padding: 50px;
225
250
  }
226
251
 
252
+ .post h3 {
253
+ font-weight: 600;
254
+ padding-top: 2rem;
255
+ }
227
256
  .card {
228
257
  // margin-left: 3rem;
229
258
  // margin-right: 3rem;
@@ -556,4 +585,56 @@ a:hover .tooltip-popup {
556
585
  }
557
586
  .contact .button {
558
587
  float: right;
588
+ }
589
+
590
+
591
+
592
+ // newss
593
+ .news {
594
+ box-shadow: none;
595
+ }
596
+ .news-item {
597
+ margin-left: 5%;
598
+ margin-right: 5%;
599
+ }
600
+ .news-container .card-content .content {
601
+ margin: 50px;
602
+ }
603
+ .story-news {
604
+ background-color: $light;
605
+ border-bottom-left-radius: 65px !important;
606
+ border-bottom-right-radius: 65px !important;
607
+ border-top-left-radius: 65px !important;
608
+ border-top-right-radius: 65px !important;
609
+ }
610
+ .news-slider .button {
611
+ float: right;
612
+ }
613
+ .column.news-image {
614
+ padding: 0;
615
+ }
616
+ .column.news-image .image {
617
+ height: 100%;
618
+ }
619
+ .column.news-image img {
620
+ border-top-right-radius: 0 !important;
621
+ border-bottom-right-radius: 0 !important;
622
+ height: 100%;
623
+ object-fit: cover;
624
+ }
625
+ .column.news-content {
626
+ padding: 3em;
627
+ }
628
+ .news-content h2 {
629
+ margin-bottom: 2rem;
630
+ padding-top: 0;
631
+ }
632
+ .news-content h4 {
633
+ font-size: 0.75rem;
634
+ letter-spacing: 0.3rem;
635
+ }
636
+ .news-content {
637
+ width: 100%;
638
+ display: flow-root;
639
+ margin: auto;
559
640
  }
data/_sass/_main.scss CHANGED
@@ -77,7 +77,9 @@ h2 p {
77
77
  }
78
78
 
79
79
  h3 {
80
- font-size: 1.17rem;
80
+ font-weight: 600;
81
+ font-size: 1.7rem;
82
+ padding-top: 50px;
81
83
  }
82
84
 
83
85
  h4 {
Binary file
@@ -0,0 +1,6 @@
1
+ /*!
2
+ * Simple-Jekyll-Search
3
+ * Copyright 2015-2020, Christian Fei
4
+ * Licensed under the MIT License.
5
+ */
6
+ !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)}();
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: intia-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.7
4
+ version: 0.1.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Marc Schmidt
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2021-10-25 00:00:00.000000000 Z
11
+ date: 2021-10-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -33,23 +33,29 @@ extra_rdoc_files: []
33
33
  files:
34
34
  - LICENSE
35
35
  - README.md
36
+ - _includes/button.html
36
37
  - _includes/contact.html
37
38
  - _includes/footer.html
38
39
  - _includes/head-scripts.html
39
40
  - _includes/head.html
40
41
  - _includes/header.html
41
42
  - _includes/hero.html
42
- - _includes/introduction.html
43
+ - _includes/highlighter.html
44
+ - _includes/introduction.md
45
+ - _includes/latest-story.html
43
46
  - _includes/left-right-blocks.html
47
+ - _includes/stories.html
44
48
  - _includes/story-slider.html
45
49
  - _layouts/404.html
46
50
  - _layouts/default.html
51
+ - _layouts/plattform.html
47
52
  - _sass/_layout.scss
48
53
  - _sass/_main.scss
49
54
  - _sass/_print.scss
50
55
  - assets/img/404.png
51
56
  - assets/img/arrow-down.png
52
57
  - assets/img/arrow-left.png
58
+ - assets/img/external-link.png
53
59
  - assets/img/logo-black.png
54
60
  - assets/img/logo-dites.png
55
61
  - assets/img/logo-green-white.png
@@ -63,6 +69,7 @@ files:
63
69
  - assets/img/posts/photoprobe.jpg
64
70
  - assets/js/bulma-carousel/js/bulma-carousel.js
65
71
  - assets/js/main.js
72
+ - assets/js/search.js
66
73
  - assets/styles/main.scss
67
74
  - assets/templates/contact.png
68
75
  - assets/templates/glossary-abstract.png
@@ -1,8 +0,0 @@
1
- {% if page.introduction_title %}
2
- <div class="card column is-8 is-offset-2">
3
- <h1 class="has-text-centered">{{page.introduction_title}}</h1>
4
- <h3 class="subtitle is-4 has-text-left">{{page.introduction_content}}</h3>
5
- <br>
6
- <br>
7
- </div>
8
- {% endif %}