do not hardcode events

neicnordic · May 21, 2017 · 64bc33e · 64bc33e
1 parent f75c2ac
commit 64bc33e
Showing 1 changed file with 16 additions and 19 deletions.
diff --git a/_includes/index.html b/_includes/index.html
@@ -64,26 +64,23 @@ <h2>ACTIVITIES</h2>
           <div class="right-event" style="background-image: url({{ site.baseurl }}/assets/images/current-event-bg.png);">
           </div>
           <div class="left-event">
-            <h2>CURRENT EVENTS</h2>
+
+            {% include noscript.html %}
+
+            <h2>EVENTS</h2>
             <ul class="event-list">
-              <li>
-              <h4 class="event-title"><a href="#">NEIC 2017 CONFERENCE</a></h4>
-              <p class="event-details">UMEÅ, SWEDEN | MAY 30 - JUN 01</p>
-              <p class="description">Crossing boundaries, changing the world Meet the people who design the infrastructure that you use every day. Influence the infrastructure that you will use tomorrow. </p>
-              <a class="read-more" href="#">READ MORE &raquo;</a>
-              </li>
-              <li>
-              <h4 class="event-title"><a href="#">NEIC 2017 SENSITIVE DATA WORKSHOP</a></h4>
-              <p class="event-details">NEIC OFFICES | MAY 30</p>
-              <p class="description">Workshop on use of sensitive data in research, including secure IT services and highlights of the outcomes of the Nordic Tryggve project, ethical and legal issues regarding the use of sensitive data, as well as researchers’ presentations on how the research data is currently being managed in the research community.</p>
-              <a class="read-more" href="#">READ MORE &raquo;</a>
-              </li>
-              <li>
-              <h4 class="event-title"><a href="#">NEIC ALL HANDS MEETING 2018</a></h4>
-              <p class="event-details">NEIC OFFICES | JAN 29 - FEB 02 </p>
-              <p class="description">The annual NeIC All Hands Meeting 2018</p>
-              <a class="read-more" href="#">READ MORE &raquo;</a>
-              </li>
+              <span id="calendar-events-list">
+                <div v-for="(event, index) in events">
+                  <div v-if="index < 3">
+                    <li>
+                      <h4 class="event-title"><a :href="event.url" v-text="event.title.toUpperCase()"></a></h4>
+                      <p class="event-details" v-html="event.dates.start + (event.dates.end ? ' &ndash; ' + event.dates.end : '')"></p>
+                      <p class="description" v-html="event.blurb"></p>
+                      <a class="read-more" :href="event.url">READ MORE &raquo;</a>
+                    </li>
+                  </div>
+                </div>
+              </span>
             </ul>
           </div>
           <div class="clearfix"></div>