-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
188 lines (166 loc) · 7.61 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
---
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="/assets/img/icon-coops.png" class="float-center">
<h6>Co-ops</h6>
<h5>{{ site.coops.size }}</h5>
</div>
<div class="small-3 columns">
<img src="/assets/img/icon-staff.png" class="float-center">
<h6>Staff</h6>
{% assign total_members = 0 %}
{% for coop in site.coops %}
{% assign total_members = total_members | plus: coop.members %}
{% endfor %}
<h5>{{ total_members }}+</h5>
</div>
<div class="small-3 columns">
<img src="/assets/img/icon-revenue.png" class="float-center">
<h6>Revenue</h6>
<h5>£10.3m</h5>
</div>
<div class="small-3 columns">
<img src="/assets/img/icon-clients.png" class="float-center">
<h6>Clients</h6>
<h5>{{ site.clients.size }}+</h5>
</div>
<br />
<p>Co-tech is a network of ethical tech, digital and creative co-operatives.</p>
<p>We're part of <a href="https://www.workers.coop">workers.coop</a>, <a href="/join">join us!</a></p>
<p>Working with co-operatives has major benefits: you’ll work directly with the people who own the business, who have a stake in making sure your project succeeds. With no private shareholders drawing out dividends, you’ll get genuine value for money. And on top of that, you’ll get the benefit of working with small and responsive businesses which draw on the skills, specialisms and security of a large network.</p>
<p>Browse our co-operatives and services or get in touch if you’d like us to help you find the right co-op partner.</p>
<p>If you’re a tech co-op or a co-operatively minded freelancer, <a href="/join">please join us</a>.
</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 }})" 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 id='client-list' class="row small-up-2 medium-up-3 large-up-6">
{% assign clients = site.clients %}
{% for client in clients %}
<div class="column client">
<div class="client-thumb" style='background-image: url(/images/clients/{{ client.slug }}') title="{{client.slug}}"></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 }})"></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 }})"></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>
All the members of CoTech are available to hire, and each has different specialisms. We vary in size from 2 people to 40+ people, and use different technologies. If you know what <a href="#technologies">technology</a> or <a href="#services">service</a> you're looking, you can use this site to find suitable co-ops. If you're not sure what you're looking for you can browse the <a href="#members">members</a> and get in touch with one that you like the look of. We're all committed to being honest about our capabilites and capacities, and we'll refer you to a different co-op if we think they'll offer you better value.
</p>
<div class="row forum-links">
<div class="small-12 medium-6 columns">
<a href="https://community.coops.tech/"><img src="/assets/img/discourse-300.png" /></a>
</div>
<div class="small-12 medium-6 columns">
<a href="https://community.coops.tech/"><img class="mx-auto" src="/assets/img/cotech-300.png" /></a>
</div>
</div>
<p>
If you don't want to hire us but want to find out more about co-ops, find a job in a co-op or discuss how technology can help solve the world's myriad problems, please head over to our <a href="{{ site.forum }}">Discourse forum</a>.
</p>
</div>
</div>
</section>