43 lines
1.7 KiB
HTML
43 lines
1.7 KiB
HTML
<section id="case_studies" class="section">
|
||
<div class="container content">
|
||
<h1 class="is-uppercase">Who’s already using co-op cloud?</h1>
|
||
|
||
<div id="case_studies-slide-body">
|
||
{{ range $index, $item := .data }}
|
||
<div class="columns is-centered my-6 is-vcentered">
|
||
{{ if eq (mod $index 2) 0 }}
|
||
<div class="column is-one-quarter">
|
||
<div class="image mx-4">
|
||
{{ with $item.thumbnail }}
|
||
<img src="{{ $item.thumbnail }}" class="is-rounded">
|
||
{{ else }}
|
||
<img src="/img/wired.jpg" class="is-rounded">
|
||
{{ end }}
|
||
</div>
|
||
</div>
|
||
<div class="column is-size-5 is-widescreen is-full-tablet is-half">
|
||
<h2 class="is-uppercase is-size-4 has-text-weight-medium">{{ $item.title | markdownify }}</h2>
|
||
<p>{{ $item.content | markdownify }}</p>
|
||
</div>
|
||
{{ else }}
|
||
<div class="column is-size-5 is-widescreen is-full-tablet is-half">
|
||
<h2 class="is-uppercase is-size-4 has-text-weight-medium">{{ $item.title | markdownify }}</h2>
|
||
<p>{{ $item.content | markdownify }}</p>
|
||
</div>
|
||
<div class="column is-one-quarter">
|
||
<div class="image mx-4">
|
||
{{ with $item.thumbnail }}
|
||
<img src="{{ $item.thumbnail }}" class="is-rounded">
|
||
{{ else }}
|
||
<img src="/img/wired.jpg" class="is-rounded">
|
||
{{ end }}
|
||
</div>
|
||
</div>
|
||
{{ end }}
|
||
</div>
|
||
{{ end }}
|
||
</div>
|
||
<div id="case_studies-slide-more" class="button is-medium is-rounded">Expand</div>
|
||
</div>
|
||
<script defer language="javascript" type="text/javascript" src="{{ "/js/expandable.js" | urlize | relURL }}"></script>
|
||
</section> |