forked from autonomic-cooperative/cotech-website
Strip out CSS, JS and extra markup
The site had around 7000 lines of CSS and 23,000 lines of JS. It also used a framework called "Zurb" to build the layout. We're planning to rebrand the website and to make that work easier I think it would help me (and hopefully those that come after me) to strip out all of these technologies and recreate the site with a simple stylesheet. By doing so I think we lose a couple of features, such as the zooming hover states on the grids of images. Some features, like the "sticky" header are probably better implemented nowadays in pure CSS. Given that the site is maintained by volunteers I think the simpler we can make it the better.
This commit is contained in:
Chris Lowis
138
index.html
138
index.html
@ -3,94 +3,66 @@ 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>
|
||||
<section>
|
||||
<div>
|
||||
<h6>Co-ops</h6>
|
||||
<h5>{{ site.coops.size }}</h5>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<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>
|
||||
|
||||
<section id="members" data-magellan-target="members">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<div>
|
||||
<h6>Revenue</h6>
|
||||
<h5>£10.3m</h5>
|
||||
</div>
|
||||
|
||||
<h2>Members</h2>
|
||||
<p>Take a look at who is part of the CoTech network</p>
|
||||
|
||||
<div 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>
|
||||
</div>
|
||||
<div>
|
||||
<h6>Clients</h6>
|
||||
<h5>{{ site.clients.size }}+</h5>
|
||||
</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. Browse the <a href="#members">members</a> and get in touch with them directly. 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>
|
||||
<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>.
|
||||
</section>
|
||||
|
||||
<section id="members">
|
||||
<h2>Members</h2>
|
||||
<p>Take a look at who is part of the CoTech network</p>
|
||||
|
||||
<ul>
|
||||
{% for coop in site.coops %}
|
||||
<li>
|
||||
<a href="{{ coop.url | relative_url }}">{{ coop.name }}
|
||||
<img src="/images/coops/{{ coop.slug }}" alt="" />
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<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. Browse the <a href="#members">members</a> and get in touch
|
||||
with them directly. 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>
|
||||
|
||||
<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>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user