autonomic-cooperative
/
cotech-website
mirror of https://git.coop/cotech/website.git
5
0
Fork 1
Code Issues Releases Wiki Activity

Start making service page more realistic

This commit is contained in:
James Mead 2017-07-01 16:52:28 +01:00
parent 22dc625b4c
commit 88ef30ff62
1 changed files with 72 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
_layouts/service.html
View File

@ -1,9 +1,73 @@
<h1>Coops that offer {{ page.name }}</h1>
---
---
<!doctype html>
<html lang="en-US">
<ul>
{% for coop in site.coops %}
{% if coop.services contains page.slug %}
<li><a href="{{ coop.url | relative_url }}">{{ coop.name }}</a></li>
{% endif %}
{% endfor %}
</ul>
{% include head.html %}
<body>
<header>
<div data-sticky-container style="height: 82.7812px;">
<div class="top-bar sticky iss-stuck is-at-top" data-sticky data-margin-top=0>
<div class="top-bar-title">
<strong>
<a id="logo" href="/">
<img src="{{ site.github.url }}/app/themes/coop-tech-oowp-theme/public/img/CoTech-logo.png">CoTech
</a>
</strong>
<a class="back" href="/">&#8592; Go Back</a>
</div>
</div>
</div>
</header>
<div class="service">
<div id="page-banner">
<div class="row">
<div class="small-12 small-centered columns">
<img src="/images/services/{{ page.slug }}.png" alt="">
<h2>Coops that offer <span>{{ page.name }}</span></h2>
</div>
</div>
</div>
<div class="row">
<div class="small-12 columns">
<div class="view float-center">
<ul class="tabs" data-tabs id="coops-view-tabs">
<li class="tabs-title is-active"><a href="#grid" aria-selected="true">Grid</a></li>
<li class="separator">|</li>
<li class="tabs-title"><a href="#map">Map</a></li>
</ul>
</div>
<div class="tabs-content" data-tabs-content="coops-view-tabs">
<!-- START Grid View Content -->
<div class="tabs-panel is-active" id="grid">
<div class="row small-up-2 medium-up-4 large-up-6 small-collapse">
{% for coop in site.coops %}
{% if coop.services contains page.slug %}
<div class="column">
<a href="{{ coop.url | relative_url }}" class="coop-thumb">
<img src="/images/coops/{{ coop.slug }}.png" alt="">
</a>
</div>
{% endif %}
{% endfor %}
</div>
</div>
<!-- END Grid View Content -->
</div>
</div>
</div>
</div>
{% include footer.html %}
<script type='text/javascript' src='{{ site.github.url }}/app/themes/coop-tech-oowp-theme/public/js/app.js?ver=4.8'></script>
</body>
</html>