cotech-website/index.html
Chris Lowis 048bda7d6e Correct staff number on website
This updates the number to be the same as it is today on
coops.tech (the wordpress site). There's some extra work to do to make
this "dynamic" in https://git.coop/cotech/website/issues/73.
2018-11-29 16:43:35 +00:00

168 lines
5.8 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="{{ site.github.url }}/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="{{ site.github.url }}/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="{{ site.github.url }}/app/themes/coop-tech-oowp-theme/public/img/icon-revenue.png" class="float-center">
<h6>Revenue</h6>
<h5>£5.7m</h5>
</div>
<div class="small-3 columns">
<img src="{{ site.github.url }}/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({{ site.github.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({{ site.github.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({{ site.github.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({{ site.github.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>