mirror of
https://git.coop/cotech/website.git
synced 2024-08-31 20:36:03 +00:00
This updates the number to be the same as it currently is on coops.tech. There's a separate issue (https://git.coop/cotech/website/issues/29) to populate this from the YAML front matter in each file under `_coops`.
168 lines
5.6 KiB
HTML
168 lines
5.6 KiB
HTML
---
|
|
title: CoTech
|
|
layout: home
|
|
---
|
|
|
|
<div id="kpi">
|
|
<div class="row">
|
|
<div class="small-12 medium-10 large-8 small-centered columns">
|
|
|
|
<div class="small-3 columns">
|
|
<img src="/app/themes/coop-tech-oowp-theme/public/img/icon-coops.png" class="float-center">
|
|
<h6>Co-ops</h6>
|
|
<h5>{{ site.coops.size }}</h5>
|
|
</div>
|
|
<div class="small-3 columns">
|
|
<img src="/app/themes/coop-tech-oowp-theme/public/img/icon-staff.png" class="float-center">
|
|
<h6>Staff</h6>
|
|
<h5>253+</h5>
|
|
</div>
|
|
<div class="small-3 columns">
|
|
<img src="/app/themes/coop-tech-oowp-theme/public/img/icon-revenue.png" class="float-center">
|
|
<h6>Revenue</h6>
|
|
<h5>£10.3m</h5>
|
|
</div>
|
|
<div class="small-3 columns">
|
|
<img src="/app/themes/coop-tech-oowp-theme/public/img/icon-clients.png" class="float-center">
|
|
<h6>Clients</h6>
|
|
<h5>{{ site.clients.size }}+</h5>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section id="members" data-magellan-target="members">
|
|
<div class="row">
|
|
<div class="small-12 columns">
|
|
|
|
<h2>Members</h2>
|
|
<p>Take a look at who is part of the CoTech network</p>
|
|
|
|
<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 %}
|
|
<div class="column">
|
|
<a class="coop-thumb" href="{{ coop.url | relative_url }}">
|
|
<div class="coop-thumb-img has-tip tip-bottom radius" style="background-image: url(/images/coops/{{ coop.slug }}.png)" data-tooltip aria-haspopup="true" title="{{ coop.name }}"></div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
<div class="column">
|
|
<a href="join" class="coop-thumb">
|
|
<h5 id="join-us">Join CoTech</h5>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- END Grid View Content -->
|
|
|
|
<!-- START Map View Content -->
|
|
<div class="tabs-panel" id="map">
|
|
<div class="row small-up-2 medium-up-4 large-up-6 small-collapse">
|
|
<div id="map-coops"></div>
|
|
<script type="text/javascript">
|
|
var app = window.app || {};
|
|
app.mapEntries = [
|
|
{% for coop in site.coops %}
|
|
{
|
|
lat: {{ coop.latitude }},
|
|
lng: {{ coop.longitude }},
|
|
markerText: '<b><a href=\"{{ coop.url | relative_url }}\">{{ coop.name }}</a></b><br><br>{{ coop.address | split: "," | join: "<br>" }}'
|
|
},
|
|
{% endfor %}
|
|
];
|
|
</script>
|
|
</div>
|
|
</div>
|
|
<!-- END Map View Content -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="clients" data-magellan-target="clients">
|
|
<div class="row">
|
|
<div class="small-12 columns">
|
|
<h2>Clients</h2>
|
|
<p>Here are some of the amazing clients we have worked with so far</p>
|
|
<div class="row small-up-2 medium-up-3 large-up-6">
|
|
{% for client in site.clients %}
|
|
<div class="column">
|
|
<div class="client-thumb" style="background-image: url(/images/clients/{{ client.slug }}.png)"></div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="services" data-magellan-target="services">
|
|
<div class="row">
|
|
<div class="small-12 columns">
|
|
|
|
<h2>Services</h2>
|
|
<p>Here are the services the network are able to offer</p>
|
|
|
|
<div class="row small-up-3 medium-up-4 large-up-6 small-collapse">
|
|
{% for service in site.services %}
|
|
<div class="column">
|
|
<a href="{{ service.url | relative_url }}" class="service-thumb">
|
|
<div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ service.slug }}.png)"></div>
|
|
<h5>{{ service.name }}</h5>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="technologies" data-magellan-target="technologies">
|
|
<div class="row">
|
|
<div class="small-12 columns">
|
|
|
|
<h2>Technologies</h2>
|
|
<p>Here are some of the technologies we are currently using - the list continues to grow!</p>
|
|
|
|
<div class="row small-up-3 medium-up-4 large-up-6">
|
|
{% for technology in site.technologies %}
|
|
<div class="column">
|
|
<a href="{{ technology.url | relative_url }}" class="technology-thumb">
|
|
<div class="technology-thumb-img" style="background-image: url(/images/technologies/{{ technology.slug }}.png)"></div>
|
|
<h5>{{ technology.name }}</h5>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact" data-magellan-target="contact">
|
|
<div class="row">
|
|
<div class="small-12 medium-6 small-centered columns">
|
|
|
|
<h2>Get In Touch</h2>
|
|
<p>
|
|
If you would like to work with us, or find out more,
|
|
<a href="mailto:{{ site.contact_email }}">get in touch</a>.
|
|
<br/> Not sure which tech coop, or coops, are right for you? Drop us a message at
|
|
<a href="mailto:{{ site.contact_email }}">{{ site.contact_email }}</a>, and we will help you find the perfect match.
|
|
</p>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|