holler/press.html at master · taliacotton/holler · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
---
layout: default
permalink: /press/
title: Press
meta-content:
  image: /uploads/press.jpg
  description: >-
    Holler is a fast growing tech startup that specializes in serving up content
    to make online messaging experiences richer and more relevant. See what
    others are saying about us.
---

{% assign featured = site.data.press | where: "featured", "true" %}
{% assign articles = site.data.press | where: "featured", "false" %}

<div class="container-fluid bg-light pt-4">
<div class="container">
    <div id="carouselExampleIndicators" id="myCarousel" class="carousel slide mt-3" data-ride="carousel" data-pause="false" data-interval="3000" >
        <ol class="carousel-indicators">
            {% for article in featured %}
                {% if forloop.index0 == 0 %}
                <li data-target="#carouselExampleIndicators" data-slide-to="{{forloop.index0}}" class="active"></li>
                {% else %}
                <li data-target="#carouselExampleIndicators" data-slide-to="{{forloop.index0}}"></li>
                {% endif %}
            {% endfor %}
        </ol>
        <div class="carousel-inner mb-4">
            {% for article in featured %}
                {% if forloop.index0 == 0 %}
                <div class="carousel-item active">
                {% else %}
                <div class="carousel-item">
                {% endif %}
                    <a href="{{article.url}}" class="pointer-sm-none no-underline article-link" target="_blank">
                        <div class="row">

                            <div class="col-10 col-md-8 col-lg-4 offset-1 carousel-content py-4">
                                <p class="publisher">{{article.publisher}}</p>
                                <h3 class="article-title">{{article.title}}</h3>
                                <p>{{article.published-date}}</p>
                                <p>{{article.blurb}}</p>
                            </div>
                            <div class="col-lg-6 offset-lg-1 featured-image" style="background-image: url({{ article.image }})"></div>

                        </div>
                    </a>
                </div>
            {% endfor %}
        </div>

        <!-- <script>
        !function ($) {
            $(function(){
            // carousel demo
            $('.carousel').carousel()
            })
        }(window.jQuery)
        </script> -->
    </div>

    <div class="row articles pb-5">

        {% for article in articles %}
        <div class="col-lg-4 article p-3 mt-3">
            <a href="{{article.url}}" class="article-link pointer-sm-none no-underline" target="_blank">
                <div class="article-img background-image" style="background-image:url({{article.image}})">
                </div>
                <div class="article-inner p-3">
                    <p class="publisher">{{article.publisher}}</p>
                    <h3 class="article-title mb-3">{{article.title}}</h3>
                    <p class="mt-3 mt-md-0 mb-0 mb-md-3">{{article.published-date}}</p>
                </div>
            </a>
        </div>
        {% endfor %}

    </div>

</div></div>