cusp2017.github.io/index.html at master · CUSP2017/cusp2017.github.io · 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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
---
layout: default
---

<div class="home">
      <div class="w3-mobile w3-display-container">
        <!--<img class="mySlides" src="images/image-1.png" style="height: 200px; display: block; margin: 0 auto; margin-top: 40px">
        <img class="mySlides" src="images/image-2.png" style="height: 200px; display: block; margin: 0 auto; margin-top: 40px">
        <img class="mySlides" src="images/image-3.png" style="height: 200px; display: block; margin: 0 auto; margin-top: 40px">
        <img class="mySlides" src="images/image-4.png" style="height: 200px; display: block; margin: 0 auto; margin-top: 40px">-->
        <img class="mySlides" src="images/header1.jpg">
        <img class="mySlides" src="images/header2.jpg">
        <img class="mySlides" src="images/header3.jpg">

        <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">&#10094;</button>
        <button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">&#10095;</button>
        <br></br>

          <p style="font-size:0.8em; color=black"><b>CUSP 2017 Cohort </b> is a group of urban data scientisit in training at <a href = "http://cusp.nyu.edu/"> NYU Center for Urban Science and Progress </a>.

      <script>

      var slideIndex = 1;
      showDivs(slideIndex);

      function plusDivs(n) {
        showDivs(slideIndex += n);
      }

      function showDivs(n) {
        var i;
        var x = document.getElementsByClassName("mySlides");
        if (n > x.length) {slideIndex = 1}
        if (n < 1) {slideIndex = x.length}
        for (i = 0; i < x.length; i++) {
           x[i].style.display = "none";
        }
        x[slideIndex-1].style.display = "block";
      }
      </script>
      <!--<script>
      var slideIndex = 0;
      carousel();

      function carousel() {
          var i;
          var x = document.getElementsByClassName("mySlides");
          for (i = 0; i < x.length; i++) {
            x[i].style.display = "none";
          }
          slideIndex++;
          if (slideIndex > x.length) {slideIndex = 1}
          x[slideIndex-1].style.display = "block";
          setTimeout(carousel, 2000); // Change image every 2 seconds
      }

      </script>-->
    </div>


  <div class="row" >
    <div class="row pack">

        {% for post in paginator.posts %}
            <div class="col-md-4 card">
                <div href="{{ post.url | prepend: site.baseurl }}" class="panel panel-default">
                  <div class="panel-body">
                    <h3 class="panel-title pull-left"><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title | truncate: 25 }}</a></h3><span class="post-meta pull-right"><small>{{ post.date | date: "%b %-d, %Y" }}</small></span>

                  </div>
                  {% if post.img %}
                  <img width="100%" src="{{site.baseurl}}/images/{{post.img}}" alt="{{post.title}}">
                  {% else %}
                  <img width="100%" src="{{site.baseurl}}/images/webjeda-logo-big.jpg" alt="{{site.title}}">
                  {% endif %}
                  <div class="panel-body"><small>
                    {{ post.excerpt | strip_html | strip_newlines | truncate: 160 }}</small>
                    <a href="{{ post.url | prepend: site.baseurl }}" class="btn btn-primary btn-sm pull-right mt10">Read</a>
                  </div>
                </div>
            </div>

          {% endfor %}

    </div>


<div class="row">
    <div class="col-md-4">  </div>
    <div class="col-md-4">
        {% if paginator.total_pages > 1 %}
        <ul class="pagination">
          {% if paginator.previous_page %}
            <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&laquo; Prev</a></li>
          {% else %}
            <li><span>&laquo; Prev</span></li>
          {% endif %}

          {% for page in (1..paginator.total_pages) %}
            {% if page == paginator.page %}
              <li class="active"><span><em>{{ page }}</em></span></li>
            {% elsif page == 1 %}
            <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ page }}</a></li>
            {% else %}
            <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a></li>
            {% endif %}
          {% endfor %}

          {% if paginator.next_page %}
            <li><a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next &raquo;</a></li>
          {% else %}
            <li><span >Next &raquo;</span></li>
          {% endif %}
          </ul>
        {% endif %}

    </div>
    <div class="col-md-4">  </div>
</div>
</div>