Eclectic Media Git eclecticmedia.space / c5455c5
Various design updates - Shortened footer fade-in animation - Added slick-border to demo images - Added image alt text for jarallax widgets - Also reworked jinja title logic to not always include a span Ariana Giroux 2 months ago
3 changed file(s) with 8 addition(s) and 8 deletion(s). Raw diff Collapse all Expand all
33 text-align: center;
44 width: 100%;
55 height: 5em;
6 animation-duration: 5s;
6 animation-duration: 0.5s;
77 animation-delay: 0.5s;
88 background-color: $color1;
99 p {
11 {% if loop.cycle('odd', 'even') is eq('even') %}
22 <div id="Demo">
33 <div class="row">
4 <div class="col-8 slick-border">
5 <img src="{{ demo['img_uri'] }}" alt="a screenshot of the site in question" class="animated fadeIn">
4 <div class="col-8">
5 <img src="{{ demo['img_uri'] }}" alt="a screenshot of the site in question" class="animated fadeIn slick-border">
66 </div>
77 <div class="col-4">
88 <div class="demo-header animated rotateInUpLeft">
2323 <p><a class="btn btn-large btn-primary" href="{{ demo['cta_target'] }}">{{ demo['cta_tagline'] }}</a></p>
2424 </div>
2525 </div>
26 <div class="col-8 slick-border">
27 <img src="{{ demo['img_uri'] }}" alt="a screenshot of the site in question" class="animated fadeIn">
26 <div class="col-8">
27 <img src="{{ demo['img_uri'] }}" alt="a screenshot of the site in question" class="animated fadeIn slick-border">
2828 </div>
2929 </div>
3030 </div>
00 <div data-jarallax data-speed="0.2" class="jarallax" style="height: 100%">
1 <img class="jarallax-img" src="{{ img_uri }}" alt="">
1 <img class="jarallax-img" src="{{ img_uri }}" alt="{{ img_alt }}">
2 {% if title | length > 0 %}
23 <span>
3 {% if title | length > 0 %}
44 <h1>
55 {{ title | escape }}
66 </h1>
77 <p><a class="btn btn-outline-primary" href="#">{{ tag_line | escape }}</a></p>
8 {% endif %}
98 </span>
9 {% endif %}
1010 </div>