Add grid to home page

themes/nluug/layouts/index.html

@@ -1,6 +1,8 @@
 {{ define "main" }}
 <article>
-  {{ .Content }}
+
+<div class="grid-row">
+  <div class="grid-two-thirds">{{ .Content }}
 
   {{ if gt (len (where .Site.RegularPages "Section" "nieuws")) 0 }}
     <section>
@@ -17,11 +19,12 @@
     </section>
   {{ end }}
 
+  </div>
+  <div class="grid-third">
   <section>
     {{ $upcoming_events := sort .Site.Data.evenementen.kalender "date_start" "asc" }}
 
     <h2>{{ i18n "header_upcoming_events" | default "Aankomende evenementen" }}</h2>
-    <div class="three-column-grid">
     {{ range $upcoming_events }}
       {{ $date_start := .date_start | time.Format "2006-01-02" }}
       {{ $t := time.Now | time.Format "2006-01-02" }}
@@ -44,7 +47,7 @@
         {{ end }}
       {{ end }}
     {{ end }}
-    </div>
+
     <p>{{ i18n "sentence_more_events_planned" | default "Naast de door ons georganiseerde evenementen staat er meer op de agenda" }}.</p>
     <ul>
       {{ range first 10 (where $upcoming_events "date_start" "ge" (dateFormat "2006-01-02" now)) }}
@@ -54,6 +57,8 @@
     <p>&raquo; <a href="/evenementen/kalender/">Volledige evenementenkalender</a></p>
 
   </section>
+  </div>
+</div>
 
   {{ if gt (len (.Site.Data.projecten.open)) 0 }}
     <section>