Skip to content

Commit afdd8ea

Browse files
PhlowPhlow
committed
Removed dead link and added Lazyload CSS
1 parent 84490f1 commit afdd8ea

2 files changed

Lines changed: 36 additions & 19 deletions

File tree

‎_layouts/frontpage.html‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,11 @@
1818
<div class="row t60">
1919
{% if page.widget-1.title %}
2020
<div class="medium-4 columns">
21+
<<<<<<< Updated upstream
2122
<a href="{{ site.baseurl }}{{ page.widget-1.url }}">{% if page.widget-1.image %}<img src="{{ site.urlimg }}/{{ page.widget-1.image }}" width="302" height="182" alt="">{% endif %}{% if page.widget-1.video %}{{ page.widget-1.video }}{% endif %}</a>
23+
=======
24+
<a href="{{ page.widget-1.url }}">{% if page.widget-1.image %}<img class="lazy" data-src="{{ site.urlimg }}/{{ page.widget-1.image }}" width="302" height="182" alt="">{% endif %}{% if page.widget-1.video %}{{ page.widget-1.video }}{% endif %}</a>
25+
>>>>>>> Stashed changes
2226
<h2 class="font-size-h3 t10">{{ page.widget-1.title }}</h2>
2327
<p>{{ page.widget-1.text }}</p>
2428
<p><a class="button tiny radius" href="{{ site.baseurl }}{{ page.widget-1.url }}">{{ site.data.language.more }}</a></p>
@@ -28,7 +32,11 @@ <h2 class="font-size-h3 t10">{{ page.widget-1.title }}</h2>
2832

2933
{% if page.widget-2.title %}
3034
<div class="medium-4 columns">
35+
<<<<<<< Updated upstream
3136
<a href="{{ site.baseurl }}{{ page.widget-2.url }}">{% if page.widget-2.image %}<img src="{{ site.urlimg }}/{{ page.widget-2.image }}" width="302" height="182" alt="">{% endif %}{% if page.widget-2.video %}{{ page.widget-2.video }}{% endif %}</a>
37+
=======
38+
<a href="{{ page.widget-2.url }}">{% if page.widget-2.image %}<img class="lazy" data-src="{{ site.urlimg }}/{{ page.widget-2.image }}" width="302" height="182" alt="">{% endif %}{% if page.widget-2.video %}{{ page.widget-2.video }}{% endif %}</a>
39+
>>>>>>> Stashed changes
3240
<h2 class="font-size-h3 t10">{{ page.widget-2.title }}</h2>
3341
<p>{{ page.widget-2.text }}</p>
3442
<p><a class="button tiny radius" href="{{ site.baseurl }}{{ page.widget-2.url }}">{{ site.data.language.more }}</a></p>
@@ -38,7 +46,11 @@ <h2 class="font-size-h3 t10">{{ page.widget-2.title }}</h2>
3846

3947
{% if page.widget-3.title %}
4048
<div class="medium-4 columns">
49+
<<<<<<< Updated upstream
4150
<a href="{{ site.baseurl }}{{ page.widget-3.url }}">{% if page.widget-3.image %}<img src="{{ site.urlimg }}/{{ page.widget-3.image }}" width="302" height="182" alt="">{% endif %}{% if page.widget-3.video %}{{ page.widget-3.video }}{% endif %}</a>
51+
=======
52+
<a href="{{ page.widget-3.url }}">{% if page.widget-3.image %}<img class="lazy" data-src="{{ site.urlimg }}/{{ page.widget-3.image }}" width="302" height="182" alt="">{% endif %}{% if page.widget-3.video %}{{ page.widget-3.video }}{% endif %}</a>
53+
>>>>>>> Stashed changes
4254
<h2 class="font-size-h3 t10">{{ page.widget-3.title }}</h2>
4355
<p>{{ page.widget-3.text }}</p>
4456
<p><a class="button tiny radius" href="{{ site.baseurl }}/{{ page.widget-3.url }}">{{ site.data.language.more }}</a></p>

‎_sass/_09_elements.scss‎

Lines changed: 24 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77
- Breadcrumb
88
- Button
99
- Side-Nav
10-
- Meta
1110
- Accordion
11+
- Lazy Load XT
1212
1313
*/
1414

@@ -111,24 +111,6 @@ button, .button { letter-spacing: 1px; }
111111

112112

113113

114-
/* Meta
115-
------------------------------------------------------------------- */
116-
117-
.meta-info p {
118-
font-size: rem-calc(13);
119-
color: scale-color($grey-1, $lightness: 40%);
120-
}
121-
.meta-info a {
122-
text-decoration: underline;
123-
color: scale-color($grey-1, $lightness: 40%);
124-
}
125-
.meta-info a:hover {
126-
text-decoration: none;
127-
color: $secondary-color;
128-
}
129-
130-
131-
132114
/* Accordion
133115
------------------------------------------------------------------- */
134116

@@ -139,3 +121,26 @@ dd.accordion-navigation span:before { content: "\F107" }
139121
dd.accordion-navigation.active span:before { content: "\F105" }
140122
dd.accordion-navigation.active span:before { content: "\F105" }
141123

124+
125+
126+
/* Lazy Load XT
127+
------------------------------------------------------------------- */
128+
129+
/*! Lazy Load XT v1.0.6 2014-11-19
130+
* http://ressio.github.io/lazy-load-xt
131+
* (C) 2014 RESS.io
132+
* Licensed under MIT */
133+
img.lazy {
134+
display: none;
135+
}
136+
.lazy-hidden {
137+
opacity: 0;
138+
}
139+
.lazy-loaded {
140+
-webkit-transition: opacity 0.7s;
141+
-moz-transition: opacity 0.7s;
142+
-ms-transition: opacity 0.7s;
143+
-o-transition: opacity 0.7s;
144+
transition: opacity 0.7s;
145+
opacity: 1;
146+
}

0 commit comments

Comments
 (0)