mirror of
https://git.coop/cotech/website.git
synced 2025-06-26 08:30:47 +00:00
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
@ -1,46 +1,33 @@
|
||||
<footer>
|
||||
<div class="footer-upper">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<ul>
|
||||
<li><a href="/about">About <span>»</span></a></li>
|
||||
<li><a href="/join">Join <span>»</span></a></li>
|
||||
<li><a href="/manifesto">Manifesto <span>»</span></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="menu-centered">
|
||||
<ul class="menu">
|
||||
<li><a href="/about">About <span>»</span></a></li>
|
||||
<li><a href="/join">Join <span>»</span></a></li>
|
||||
<li><a href="/manifesto">Manifesto <span>»</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="/assets/img/coop-logo.png" class="float-center" />
|
||||
<p>Site developed by <a href="https://glowboxdesign.co.uk/" target="_blank">Glowbox Design</a>, <a href="https://gofreerange.com/" target="_blank">Go Free Range</a> & <a href="https://outlandish.com" target="_blank">Outlandish</a>.</p>
|
||||
<p>Source code available on <a href="https://git.coop/cotech/website" target="_blank">git.coop</a>.</p>
|
||||
<p>Hosted by <a href="https://www.webarchitects.coop/" target="_blank">Webarchitects</a> for CoTech © {{ 'now' | date: '%Y' }}</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-lower">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<img src="/assets/img/coop-logo.png" class="float-center" />
|
||||
<p>Site developed by <a href="https://glowboxdesign.co.uk/" target="_blank">Glowbox Design</a>, <a href="https://gofreerange.com/" target="_blank">Go Free Range</a> & <a href="https://outlandish.com" target="_blank">Outlandish</a>.</p>
|
||||
<p>Source code available on <a href="https://git.coop/cotech/website" target="_blank">git.coop</a>.</p>
|
||||
<p>Hosted by <a href="https://www.webarchitects.coop/" target="_blank">Webarchitects</a> for CoTech © {{ 'now' | date: '%Y' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Matomo -->
|
||||
<script type="text/javascript">
|
||||
var _paq = _paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["setDomains", ["*.coops.tech","*.dev.coops.tech","*.static.coops.tech","*.www.coops.tech"]]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://stats.webarch.net/";
|
||||
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||
_paq.push(['setSiteId', '223']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Matomo Code -->
|
||||
<!-- Matomo -->
|
||||
<script type="text/javascript">
|
||||
var _paq = _paq || [];
|
||||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||||
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
|
||||
_paq.push(["setDomains", ["*.coops.tech","*.dev.coops.tech","*.static.coops.tech","*.www.coops.tech"]]);
|
||||
_paq.push(["disableCookies"]);
|
||||
_paq.push(['trackPageView']);
|
||||
_paq.push(['enableLinkTracking']);
|
||||
(function() {
|
||||
var u="https://stats.webarch.net/";
|
||||
_paq.push(['setTrackerUrl', u+'piwik.php']);
|
||||
_paq.push(['setSiteId', '223']);
|
||||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||||
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
|
||||
})();
|
||||
</script>
|
||||
<!-- End Matomo Code -->
|
||||
</footer>
|
||||
|
||||
@ -53,20 +53,10 @@
|
||||
<meta name="twitter:image" content="{{ site.url }}/assets/img/Cotech_512x512.png" />
|
||||
{% endif %}
|
||||
<link rel="canonical" href="{{ page.url | absolute_url }}" />
|
||||
<link rel='stylesheet' id='app-css' href='/assets/css/app.css?ver=4.8' type='text/css' media='all' />
|
||||
<script type='text/javascript' src='/assets/js/vendor.js?ver=4.8'></script>
|
||||
<link rel='stylesheet' id='app-css' href='/assets/css/app.css' type='text/css' media='all' />
|
||||
<link rel="icon" href="/assets/img/cropped-cotech_512x512-32x32.png" sizes="32x32" />
|
||||
<link rel="icon" href="/assets/img/cropped-cotech_512x512-192x192.png" sizes="192x192" />
|
||||
<link rel="apple-touch-icon-precomposed" href="/assets/img/cropped-cotech_512x512-180x180.png" />
|
||||
<meta name="msapplication-TileImage" content="/assets/img/cropped-cotech_512x512-270x270.png" />
|
||||
<style type="text/css" id="wp-custom-css">
|
||||
section#contact div.row div p a:active,
|
||||
section#contact div.row div p a:focus,
|
||||
section#contact div.row div p a:hover {
|
||||
text-decoration: underline;
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="/assets/foundation-icons/foundation-icons.css">
|
||||
<link rel="icon" type="image/x-icon" href="/assets/img/CoTech-logo.png">
|
||||
</head>
|
||||
|
||||
@ -1,15 +1,16 @@
|
||||
<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="/assets/img/CoTech-logo.png">CoTech
|
||||
</a>
|
||||
</strong>
|
||||
<a class="back" href="/">← Go Back</a>
|
||||
<a class="close" href="/">✖</a>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<a id="logo" href="/">
|
||||
<img src="/assets/img/CoTech-logo.png">CoTech
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<ul>
|
||||
<li><a href="/#members">Members</a></li>
|
||||
<li><a href="/about">About</a></li>
|
||||
<li><a href="/join">Join</a></li>
|
||||
<li><a href="/manifesto">Manifesto</a></li>
|
||||
<li><a href="/#contact" class="button">Get In Touch</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@ -1 +0,0 @@
|
||||
<script type='text/javascript' src='/assets/js/app.js?ver=4.8'></script>
|
||||
@ -1,135 +1,96 @@
|
||||
---
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
{% include head.html %}
|
||||
|
||||
{% include head.html %}
|
||||
<body>
|
||||
{% include header.html %}
|
||||
|
||||
<body>
|
||||
<section>
|
||||
<a href="{{ page.website }}" target="_blank">
|
||||
<img src="/images/coops/{{ page.slug }}" alt="{{ page.slug }}">
|
||||
</a>
|
||||
<h1>{{ page.name }}</h1>
|
||||
<a href="{{ page.website }}" target="_blank">{{ page.website }}</a>
|
||||
</section>
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<div class="coop">
|
||||
|
||||
<div id="page-banner">
|
||||
<div class="row">
|
||||
<div class="small-12 small-centered columns">
|
||||
<a href="{{ page.website }}" target="_blank">
|
||||
<img src="/images/coops/{{ page.slug }}" alt="{{ page.slug }}">
|
||||
</a>
|
||||
<h1>{{ page.name }}</h1>
|
||||
<a href="{{ page.website }}" target="_blank">{{ page.website }}</a>
|
||||
</div>
|
||||
<section>
|
||||
{% if page.twitter %}
|
||||
<div>
|
||||
<strong>Twitter:</strong>
|
||||
<p><a href="http://twitter.com/{{ page.twitter }}" target="_blank">{{ page.twitter }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="small-12 small-centered medium-10 large-8 columns">
|
||||
<div class="row">
|
||||
<!-- Contact -->
|
||||
<div class="small-12 large-4 columns">
|
||||
<section class="row small-up-1 medium-up-4 large-up-1">
|
||||
<div class="column">
|
||||
<ul class="menu social">
|
||||
{% if page.twitter %}
|
||||
<li>
|
||||
<a href="http://twitter.com/{{ page.twitter }}" target="_blank">
|
||||
<i class="fi-social-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if page.github %}
|
||||
<li>
|
||||
<a href="https://github.com/{{ page.github }}" target="_blank">
|
||||
<i class="fi-social-github"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% if page.email %}
|
||||
<div class="column">
|
||||
<strong>Email:</strong>
|
||||
<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.telephone %}
|
||||
<div class="column">
|
||||
<strong>Tel:</strong>
|
||||
<p>{{ page.telephone }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.address %}
|
||||
<div class="column">
|
||||
<strong>Address:</strong>
|
||||
<p>{{ page.address | split: "," | join: "<br>" }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
</div>
|
||||
<!-- /Contact -->
|
||||
|
||||
<div class="small-12 large-8 columns">
|
||||
<!-- About -->
|
||||
<section>
|
||||
<p>{{ content }}</p>
|
||||
</section>
|
||||
<!-- /About -->
|
||||
|
||||
{% if page.services %}
|
||||
<!-- Services -->
|
||||
<section>
|
||||
<h2 id="services">Services</h2>
|
||||
|
||||
<ul>
|
||||
{% for service in page.services %}
|
||||
{% assign s = site.services | where: "slug", service | first %}
|
||||
<li><a href="{{ s.url | relative_url }}">{{ s.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
<!-- /Services -->
|
||||
{% endif %}
|
||||
|
||||
{% if page.technologies %}
|
||||
<!-- Technologies -->
|
||||
<section>
|
||||
<h2 id="tech">Technologies</h2>
|
||||
|
||||
<ul>
|
||||
{% for technology in page.technologies %}
|
||||
{% assign t = site.technologies | where: "slug", technology | first %}
|
||||
<li><a href="{{ t.url | relative_url }}">{{ t.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
<!-- /Technologies -->
|
||||
{% endif %}
|
||||
|
||||
{% if page.clients %}
|
||||
<!-- Clients -->
|
||||
<section>
|
||||
<h2 id="clients">Clients</h2>
|
||||
|
||||
<ul>
|
||||
{% for client in page.clients %}
|
||||
{% assign c = site.clients | where: "slug", client | first %}
|
||||
<li>{{ c.title }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
<!-- /Clients -->
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.github %}
|
||||
<div>
|
||||
<strong>Github:</strong>
|
||||
<p><a href="https://github.com/{{ page.github }}" target="_blank">{{ page.github }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.email %}
|
||||
<div>
|
||||
<strong>Email:</strong>
|
||||
<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.telephone %}
|
||||
<div>
|
||||
<strong>Tel:</strong>
|
||||
<p>{{ page.telephone }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.address %}
|
||||
<div>
|
||||
<strong>Address:</strong>
|
||||
<p>{{ page.address | split: "," | join: "<br>" }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
{% include footer.html %}
|
||||
<section>
|
||||
<p>{{ content }}</p>
|
||||
</section>
|
||||
|
||||
{% include javascripts.html %}
|
||||
</body>
|
||||
|
||||
{% if page.services %}
|
||||
<section>
|
||||
<h2 id="services">Services</h2>
|
||||
|
||||
<ul>
|
||||
{% for service in page.services %}
|
||||
{% assign s = site.services | where: "slug", service | first %}
|
||||
<li><a href="{{ s.url | relative_url }}">{{ s.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% if page.technologies %}
|
||||
<section>
|
||||
<h2 id="tech">Technologies</h2>
|
||||
|
||||
<ul>
|
||||
{% for technology in page.technologies %}
|
||||
{% assign t = site.technologies | where: "slug", technology | first %}
|
||||
<li><a href="{{ t.url | relative_url }}">{{ t.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% if page.clients %}
|
||||
<section>
|
||||
<h2 id="clients">Clients</h2>
|
||||
|
||||
<ul>
|
||||
{% for client in page.clients %}
|
||||
{% assign c = site.clients | where: "slug", client | first %}
|
||||
<li>{{ c.title }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% include footer.html %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@ -1,46 +1,23 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
{% include head.html %}
|
||||
<body>
|
||||
{% include header.html %}
|
||||
|
||||
{% include head.html %}
|
||||
<section>
|
||||
<h1>{{ page.heading }}</h1>
|
||||
</section>
|
||||
|
||||
<body>
|
||||
<section>
|
||||
{{ content }}
|
||||
</section>
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<div>
|
||||
|
||||
<div id="page-banner">
|
||||
<div class="row">
|
||||
<div class="small-centered small-12 medium-10 large-8 columns">
|
||||
<h1>{{ page.heading }}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page-content">
|
||||
<div class="row">
|
||||
<div class="small-centered small-12 medium-10 large-8 columns">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if page.append_email_form %}
|
||||
<section id="join-form">
|
||||
<div class="row">
|
||||
<div class="small-12 medium-6 small-centered columns">
|
||||
<p>Contact us <a href="{{ site.forum }}">using our forum</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
{% include javascripts.html %}
|
||||
</body>
|
||||
{% if page.append_email_form %}
|
||||
<section>
|
||||
<p>Contact us <a href="{{ site.forum }}">using our forum</a>.</p>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% include footer.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,72 +1,24 @@
|
||||
<!doctype html>
|
||||
<html lang="en" prefix="og: http://ogp.me/ns#">
|
||||
{% include head.html %}
|
||||
<body>
|
||||
{% include header.html %}
|
||||
|
||||
{% include head.html %}
|
||||
<div>
|
||||
<section>
|
||||
<h1>Cooperative Technologists</h1>
|
||||
<p>Creative technology companies, fully owned and controlled by
|
||||
the people who do the work. Cooperative ownership means tech
|
||||
that’s better for its workers and customers.</p>
|
||||
|
||||
<body>
|
||||
<span>
|
||||
<a href="manifesto">Our manifesto</a>
|
||||
</span>
|
||||
</section>
|
||||
|
||||
<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="/assets/img/CoTech-logo.png">CoTech
|
||||
</a>
|
||||
</strong>
|
||||
<span data-responsive-toggle="responsive-menu" data-hide-for="medium">
|
||||
<button class="menu-icon dark" type="button" data-toggle></button>
|
||||
</span>
|
||||
</div>
|
||||
<div id="responsive-menu">
|
||||
<div class="top-bar-right">
|
||||
<ul class="dropdown menu vertical medium-horizontal" data-magellan>
|
||||
<li><a href="/#members">Members</a></li>
|
||||
<li><a href="/about">About</a></li>
|
||||
<li><a href="/join">Join</a></li>
|
||||
<li><a href="/manifesto">Manifesto</a></li>
|
||||
<li><a href="/#contact" class="button">Get In Touch</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<div class="home">
|
||||
|
||||
<div id="banner">
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<h1 class="is-hidden">Cooperative Technologists</h1>
|
||||
<p class="homepage-message">Creative technology companies, fully owned and controlled by the people who do the work.<br />
|
||||
Cooperative ownership means tech that’s better for its workers and customers.</p>
|
||||
<span>
|
||||
<a id="our-manifesto" href="manifesto">Our manifesto</a>
|
||||
</span>
|
||||
<!-- span>
|
||||
<a id="video" data-open="video-modal"><i class="fi-play"></i>Watch video</a>
|
||||
<a id="our-manifesto" href="manifesto">Our manifesto</a>
|
||||
</span -->
|
||||
<!-- div class="reveal large" id="video-modal" data-reveal>
|
||||
<div class="flex-video widescreen">
|
||||
<iframe width="420" height="315" src="https://player.vimeo.com/video/196080655" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
||||
</div>
|
||||
</div -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ content }}
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
{% include javascripts.html %}
|
||||
</body>
|
||||
|
||||
{% include footer.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,51 +1,30 @@
|
||||
---
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
{% include head.html %}
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
<body>
|
||||
{% include header.html %}
|
||||
|
||||
{% include header.html %}
|
||||
<section>
|
||||
<h1>Coops that offer <span>{{ page.name }}</span></h1>
|
||||
{% if page.description %}
|
||||
<p>{{ page.description }}</p>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
<div class="service">
|
||||
|
||||
<div id="page-banner">
|
||||
<div class="row">
|
||||
<div class="small-12 small-centered columns">
|
||||
<h1>Coops that offer <span>{{ page.name }}</span></h1>
|
||||
{% if page.description %}
|
||||
<p>{{ page.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
<section>
|
||||
{% for coop in site.coops %}
|
||||
{% if coop.services contains page.slug %}
|
||||
<div>
|
||||
<a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
|
||||
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
|
||||
<div 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" id="#{{ coop.slug }}">
|
||||
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
{% include javascripts.html %}
|
||||
</body>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
{% include footer.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -1,50 +1,31 @@
|
||||
---
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<div class="technology">
|
||||
<section>
|
||||
<h1>Coops that use <span>{{ page.name }}</span></h1>
|
||||
{% if page.description %}
|
||||
<p>{{ page.description }}</p>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
<div id="page-banner">
|
||||
<div class="row">
|
||||
<div class="small-12 small-centered columns">
|
||||
<h1>Coops that use <span>{{ page.name }}</span></h1>
|
||||
{% if page.description %}
|
||||
<p>{{ page.description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<section>
|
||||
{% for coop in site.coops %}
|
||||
{% if coop.technologies contains page.slug %}
|
||||
<div>
|
||||
<a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
|
||||
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="small-12 columns">
|
||||
<div id="grid">
|
||||
<div class="row small-up-2 medium-up-4 large-up-6 small-collapse">
|
||||
{% for coop in site.coops %}
|
||||
{% if coop.technologies contains page.slug %}
|
||||
<div class="column">
|
||||
<a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
|
||||
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
|
||||
</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
{% include footer.html %}
|
||||
|
||||
{% include javascripts.html %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
7009
assets/css/app.css
7009
assets/css/app.css
File diff suppressed because it is too large
Load Diff
@ -1,594 +0,0 @@
|
||||
/*
|
||||
* Foundation Icons v 3.0
|
||||
* Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
|
||||
* MIT License
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "foundation-icons";
|
||||
src: url("foundation-icons.eot");
|
||||
src: url("foundation-icons.eot?#iefix") format("embedded-opentype"),
|
||||
url("foundation-icons.woff") format("woff"),
|
||||
url("foundation-icons.ttf") format("truetype"),
|
||||
url("foundation-icons.svg#fontcustom") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.fi-address-book:before,
|
||||
.fi-alert:before,
|
||||
.fi-align-center:before,
|
||||
.fi-align-justify:before,
|
||||
.fi-align-left:before,
|
||||
.fi-align-right:before,
|
||||
.fi-anchor:before,
|
||||
.fi-annotate:before,
|
||||
.fi-archive:before,
|
||||
.fi-arrow-down:before,
|
||||
.fi-arrow-left:before,
|
||||
.fi-arrow-right:before,
|
||||
.fi-arrow-up:before,
|
||||
.fi-arrows-compress:before,
|
||||
.fi-arrows-expand:before,
|
||||
.fi-arrows-in:before,
|
||||
.fi-arrows-out:before,
|
||||
.fi-asl:before,
|
||||
.fi-asterisk:before,
|
||||
.fi-at-sign:before,
|
||||
.fi-background-color:before,
|
||||
.fi-battery-empty:before,
|
||||
.fi-battery-full:before,
|
||||
.fi-battery-half:before,
|
||||
.fi-bitcoin-circle:before,
|
||||
.fi-bitcoin:before,
|
||||
.fi-blind:before,
|
||||
.fi-bluetooth:before,
|
||||
.fi-bold:before,
|
||||
.fi-book-bookmark:before,
|
||||
.fi-book:before,
|
||||
.fi-bookmark:before,
|
||||
.fi-braille:before,
|
||||
.fi-burst-new:before,
|
||||
.fi-burst-sale:before,
|
||||
.fi-burst:before,
|
||||
.fi-calendar:before,
|
||||
.fi-camera:before,
|
||||
.fi-check:before,
|
||||
.fi-checkbox:before,
|
||||
.fi-clipboard-notes:before,
|
||||
.fi-clipboard-pencil:before,
|
||||
.fi-clipboard:before,
|
||||
.fi-clock:before,
|
||||
.fi-closed-caption:before,
|
||||
.fi-cloud:before,
|
||||
.fi-comment-minus:before,
|
||||
.fi-comment-quotes:before,
|
||||
.fi-comment-video:before,
|
||||
.fi-comment:before,
|
||||
.fi-comments:before,
|
||||
.fi-compass:before,
|
||||
.fi-contrast:before,
|
||||
.fi-credit-card:before,
|
||||
.fi-crop:before,
|
||||
.fi-crown:before,
|
||||
.fi-css3:before,
|
||||
.fi-database:before,
|
||||
.fi-die-five:before,
|
||||
.fi-die-four:before,
|
||||
.fi-die-one:before,
|
||||
.fi-die-six:before,
|
||||
.fi-die-three:before,
|
||||
.fi-die-two:before,
|
||||
.fi-dislike:before,
|
||||
.fi-dollar-bill:before,
|
||||
.fi-dollar:before,
|
||||
.fi-download:before,
|
||||
.fi-eject:before,
|
||||
.fi-elevator:before,
|
||||
.fi-euro:before,
|
||||
.fi-eye:before,
|
||||
.fi-fast-forward:before,
|
||||
.fi-female-symbol:before,
|
||||
.fi-female:before,
|
||||
.fi-filter:before,
|
||||
.fi-first-aid:before,
|
||||
.fi-flag:before,
|
||||
.fi-folder-add:before,
|
||||
.fi-folder-lock:before,
|
||||
.fi-folder:before,
|
||||
.fi-foot:before,
|
||||
.fi-foundation:before,
|
||||
.fi-graph-bar:before,
|
||||
.fi-graph-horizontal:before,
|
||||
.fi-graph-pie:before,
|
||||
.fi-graph-trend:before,
|
||||
.fi-guide-dog:before,
|
||||
.fi-hearing-aid:before,
|
||||
.fi-heart:before,
|
||||
.fi-home:before,
|
||||
.fi-html5:before,
|
||||
.fi-indent-less:before,
|
||||
.fi-indent-more:before,
|
||||
.fi-info:before,
|
||||
.fi-italic:before,
|
||||
.fi-key:before,
|
||||
.fi-laptop:before,
|
||||
.fi-layout:before,
|
||||
.fi-lightbulb:before,
|
||||
.fi-like:before,
|
||||
.fi-link:before,
|
||||
.fi-list-bullet:before,
|
||||
.fi-list-number:before,
|
||||
.fi-list-thumbnails:before,
|
||||
.fi-list:before,
|
||||
.fi-lock:before,
|
||||
.fi-loop:before,
|
||||
.fi-magnifying-glass:before,
|
||||
.fi-mail:before,
|
||||
.fi-male-female:before,
|
||||
.fi-male-symbol:before,
|
||||
.fi-male:before,
|
||||
.fi-map:before,
|
||||
.fi-marker:before,
|
||||
.fi-megaphone:before,
|
||||
.fi-microphone:before,
|
||||
.fi-minus-circle:before,
|
||||
.fi-minus:before,
|
||||
.fi-mobile-signal:before,
|
||||
.fi-mobile:before,
|
||||
.fi-monitor:before,
|
||||
.fi-mountains:before,
|
||||
.fi-music:before,
|
||||
.fi-next:before,
|
||||
.fi-no-dogs:before,
|
||||
.fi-no-smoking:before,
|
||||
.fi-page-add:before,
|
||||
.fi-page-copy:before,
|
||||
.fi-page-csv:before,
|
||||
.fi-page-delete:before,
|
||||
.fi-page-doc:before,
|
||||
.fi-page-edit:before,
|
||||
.fi-page-export-csv:before,
|
||||
.fi-page-export-doc:before,
|
||||
.fi-page-export-pdf:before,
|
||||
.fi-page-export:before,
|
||||
.fi-page-filled:before,
|
||||
.fi-page-multiple:before,
|
||||
.fi-page-pdf:before,
|
||||
.fi-page-remove:before,
|
||||
.fi-page-search:before,
|
||||
.fi-page:before,
|
||||
.fi-paint-bucket:before,
|
||||
.fi-paperclip:before,
|
||||
.fi-pause:before,
|
||||
.fi-paw:before,
|
||||
.fi-paypal:before,
|
||||
.fi-pencil:before,
|
||||
.fi-photo:before,
|
||||
.fi-play-circle:before,
|
||||
.fi-play-video:before,
|
||||
.fi-play:before,
|
||||
.fi-plus:before,
|
||||
.fi-pound:before,
|
||||
.fi-power:before,
|
||||
.fi-previous:before,
|
||||
.fi-price-tag:before,
|
||||
.fi-pricetag-multiple:before,
|
||||
.fi-print:before,
|
||||
.fi-prohibited:before,
|
||||
.fi-projection-screen:before,
|
||||
.fi-puzzle:before,
|
||||
.fi-quote:before,
|
||||
.fi-record:before,
|
||||
.fi-refresh:before,
|
||||
.fi-results-demographics:before,
|
||||
.fi-results:before,
|
||||
.fi-rewind-ten:before,
|
||||
.fi-rewind:before,
|
||||
.fi-rss:before,
|
||||
.fi-safety-cone:before,
|
||||
.fi-save:before,
|
||||
.fi-share:before,
|
||||
.fi-sheriff-badge:before,
|
||||
.fi-shield:before,
|
||||
.fi-shopping-bag:before,
|
||||
.fi-shopping-cart:before,
|
||||
.fi-shuffle:before,
|
||||
.fi-skull:before,
|
||||
.fi-social-500px:before,
|
||||
.fi-social-adobe:before,
|
||||
.fi-social-amazon:before,
|
||||
.fi-social-android:before,
|
||||
.fi-social-apple:before,
|
||||
.fi-social-behance:before,
|
||||
.fi-social-bing:before,
|
||||
.fi-social-blogger:before,
|
||||
.fi-social-delicious:before,
|
||||
.fi-social-designer-news:before,
|
||||
.fi-social-deviant-art:before,
|
||||
.fi-social-digg:before,
|
||||
.fi-social-dribbble:before,
|
||||
.fi-social-drive:before,
|
||||
.fi-social-dropbox:before,
|
||||
.fi-social-evernote:before,
|
||||
.fi-social-facebook:before,
|
||||
.fi-social-flickr:before,
|
||||
.fi-social-forrst:before,
|
||||
.fi-social-foursquare:before,
|
||||
.fi-social-game-center:before,
|
||||
.fi-social-github:before,
|
||||
.fi-social-google-plus:before,
|
||||
.fi-social-hacker-news:before,
|
||||
.fi-social-hi5:before,
|
||||
.fi-social-instagram:before,
|
||||
.fi-social-joomla:before,
|
||||
.fi-social-lastfm:before,
|
||||
.fi-social-linkedin:before,
|
||||
.fi-social-medium:before,
|
||||
.fi-social-myspace:before,
|
||||
.fi-social-orkut:before,
|
||||
.fi-social-path:before,
|
||||
.fi-social-picasa:before,
|
||||
.fi-social-pinterest:before,
|
||||
.fi-social-rdio:before,
|
||||
.fi-social-reddit:before,
|
||||
.fi-social-skillshare:before,
|
||||
.fi-social-skype:before,
|
||||
.fi-social-smashing-mag:before,
|
||||
.fi-social-snapchat:before,
|
||||
.fi-social-spotify:before,
|
||||
.fi-social-squidoo:before,
|
||||
.fi-social-stack-overflow:before,
|
||||
.fi-social-steam:before,
|
||||
.fi-social-stumbleupon:before,
|
||||
.fi-social-treehouse:before,
|
||||
.fi-social-tumblr:before,
|
||||
.fi-social-twitter:before,
|
||||
.fi-social-vimeo:before,
|
||||
.fi-social-windows:before,
|
||||
.fi-social-xbox:before,
|
||||
.fi-social-yahoo:before,
|
||||
.fi-social-yelp:before,
|
||||
.fi-social-youtube:before,
|
||||
.fi-social-zerply:before,
|
||||
.fi-social-zurb:before,
|
||||
.fi-sound:before,
|
||||
.fi-star:before,
|
||||
.fi-stop:before,
|
||||
.fi-strikethrough:before,
|
||||
.fi-subscript:before,
|
||||
.fi-superscript:before,
|
||||
.fi-tablet-landscape:before,
|
||||
.fi-tablet-portrait:before,
|
||||
.fi-target-two:before,
|
||||
.fi-target:before,
|
||||
.fi-telephone-accessible:before,
|
||||
.fi-telephone:before,
|
||||
.fi-text-color:before,
|
||||
.fi-thumbnails:before,
|
||||
.fi-ticket:before,
|
||||
.fi-torso-business:before,
|
||||
.fi-torso-female:before,
|
||||
.fi-torso:before,
|
||||
.fi-torsos-all-female:before,
|
||||
.fi-torsos-all:before,
|
||||
.fi-torsos-female-male:before,
|
||||
.fi-torsos-male-female:before,
|
||||
.fi-torsos:before,
|
||||
.fi-trash:before,
|
||||
.fi-trees:before,
|
||||
.fi-trophy:before,
|
||||
.fi-underline:before,
|
||||
.fi-universal-access:before,
|
||||
.fi-unlink:before,
|
||||
.fi-unlock:before,
|
||||
.fi-upload-cloud:before,
|
||||
.fi-upload:before,
|
||||
.fi-usb:before,
|
||||
.fi-video:before,
|
||||
.fi-volume-none:before,
|
||||
.fi-volume-strike:before,
|
||||
.fi-volume:before,
|
||||
.fi-web:before,
|
||||
.fi-wheelchair:before,
|
||||
.fi-widget:before,
|
||||
.fi-wrench:before,
|
||||
.fi-x-circle:before,
|
||||
.fi-x:before,
|
||||
.fi-yen:before,
|
||||
.fi-zoom-in:before,
|
||||
.fi-zoom-out:before {
|
||||
font-family: "foundation-icons";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
.fi-address-book:before { content: "\f100"; }
|
||||
.fi-alert:before { content: "\f101"; }
|
||||
.fi-align-center:before { content: "\f102"; }
|
||||
.fi-align-justify:before { content: "\f103"; }
|
||||
.fi-align-left:before { content: "\f104"; }
|
||||
.fi-align-right:before { content: "\f105"; }
|
||||
.fi-anchor:before { content: "\f106"; }
|
||||
.fi-annotate:before { content: "\f107"; }
|
||||
.fi-archive:before { content: "\f108"; }
|
||||
.fi-arrow-down:before { content: "\f109"; }
|
||||
.fi-arrow-left:before { content: "\f10a"; }
|
||||
.fi-arrow-right:before { content: "\f10b"; }
|
||||
.fi-arrow-up:before { content: "\f10c"; }
|
||||
.fi-arrows-compress:before { content: "\f10d"; }
|
||||
.fi-arrows-expand:before { content: "\f10e"; }
|
||||
.fi-arrows-in:before { content: "\f10f"; }
|
||||
.fi-arrows-out:before { content: "\f110"; }
|
||||
.fi-asl:before { content: "\f111"; }
|
||||
.fi-asterisk:before { content: "\f112"; }
|
||||
.fi-at-sign:before { content: "\f113"; }
|
||||
.fi-background-color:before { content: "\f114"; }
|
||||
.fi-battery-empty:before { content: "\f115"; }
|
||||
.fi-battery-full:before { content: "\f116"; }
|
||||
.fi-battery-half:before { content: "\f117"; }
|
||||
.fi-bitcoin-circle:before { content: "\f118"; }
|
||||
.fi-bitcoin:before { content: "\f119"; }
|
||||
.fi-blind:before { content: "\f11a"; }
|
||||
.fi-bluetooth:before { content: "\f11b"; }
|
||||
.fi-bold:before { content: "\f11c"; }
|
||||
.fi-book-bookmark:before { content: "\f11d"; }
|
||||
.fi-book:before { content: "\f11e"; }
|
||||
.fi-bookmark:before { content: "\f11f"; }
|
||||
.fi-braille:before { content: "\f120"; }
|
||||
.fi-burst-new:before { content: "\f121"; }
|
||||
.fi-burst-sale:before { content: "\f122"; }
|
||||
.fi-burst:before { content: "\f123"; }
|
||||
.fi-calendar:before { content: "\f124"; }
|
||||
.fi-camera:before { content: "\f125"; }
|
||||
.fi-check:before { content: "\f126"; }
|
||||
.fi-checkbox:before { content: "\f127"; }
|
||||
.fi-clipboard-notes:before { content: "\f128"; }
|
||||
.fi-clipboard-pencil:before { content: "\f129"; }
|
||||
.fi-clipboard:before { content: "\f12a"; }
|
||||
.fi-clock:before { content: "\f12b"; }
|
||||
.fi-closed-caption:before { content: "\f12c"; }
|
||||
.fi-cloud:before { content: "\f12d"; }
|
||||
.fi-comment-minus:before { content: "\f12e"; }
|
||||
.fi-comment-quotes:before { content: "\f12f"; }
|
||||
.fi-comment-video:before { content: "\f130"; }
|
||||
.fi-comment:before { content: "\f131"; }
|
||||
.fi-comments:before { content: "\f132"; }
|
||||
.fi-compass:before { content: "\f133"; }
|
||||
.fi-contrast:before { content: "\f134"; }
|
||||
.fi-credit-card:before { content: "\f135"; }
|
||||
.fi-crop:before { content: "\f136"; }
|
||||
.fi-crown:before { content: "\f137"; }
|
||||
.fi-css3:before { content: "\f138"; }
|
||||
.fi-database:before { content: "\f139"; }
|
||||
.fi-die-five:before { content: "\f13a"; }
|
||||
.fi-die-four:before { content: "\f13b"; }
|
||||
.fi-die-one:before { content: "\f13c"; }
|
||||
.fi-die-six:before { content: "\f13d"; }
|
||||
.fi-die-three:before { content: "\f13e"; }
|
||||
.fi-die-two:before { content: "\f13f"; }
|
||||
.fi-dislike:before { content: "\f140"; }
|
||||
.fi-dollar-bill:before { content: "\f141"; }
|
||||
.fi-dollar:before { content: "\f142"; }
|
||||
.fi-download:before { content: "\f143"; }
|
||||
.fi-eject:before { content: "\f144"; }
|
||||
.fi-elevator:before { content: "\f145"; }
|
||||
.fi-euro:before { content: "\f146"; }
|
||||
.fi-eye:before { content: "\f147"; }
|
||||
.fi-fast-forward:before { content: "\f148"; }
|
||||
.fi-female-symbol:before { content: "\f149"; }
|
||||
.fi-female:before { content: "\f14a"; }
|
||||
.fi-filter:before { content: "\f14b"; }
|
||||
.fi-first-aid:before { content: "\f14c"; }
|
||||
.fi-flag:before { content: "\f14d"; }
|
||||
.fi-folder-add:before { content: "\f14e"; }
|
||||
.fi-folder-lock:before { content: "\f14f"; }
|
||||
.fi-folder:before { content: "\f150"; }
|
||||
.fi-foot:before { content: "\f151"; }
|
||||
.fi-foundation:before { content: "\f152"; }
|
||||
.fi-graph-bar:before { content: "\f153"; }
|
||||
.fi-graph-horizontal:before { content: "\f154"; }
|
||||
.fi-graph-pie:before { content: "\f155"; }
|
||||
.fi-graph-trend:before { content: "\f156"; }
|
||||
.fi-guide-dog:before { content: "\f157"; }
|
||||
.fi-hearing-aid:before { content: "\f158"; }
|
||||
.fi-heart:before { content: "\f159"; }
|
||||
.fi-home:before { content: "\f15a"; }
|
||||
.fi-html5:before { content: "\f15b"; }
|
||||
.fi-indent-less:before { content: "\f15c"; }
|
||||
.fi-indent-more:before { content: "\f15d"; }
|
||||
.fi-info:before { content: "\f15e"; }
|
||||
.fi-italic:before { content: "\f15f"; }
|
||||
.fi-key:before { content: "\f160"; }
|
||||
.fi-laptop:before { content: "\f161"; }
|
||||
.fi-layout:before { content: "\f162"; }
|
||||
.fi-lightbulb:before { content: "\f163"; }
|
||||
.fi-like:before { content: "\f164"; }
|
||||
.fi-link:before { content: "\f165"; }
|
||||
.fi-list-bullet:before { content: "\f166"; }
|
||||
.fi-list-number:before { content: "\f167"; }
|
||||
.fi-list-thumbnails:before { content: "\f168"; }
|
||||
.fi-list:before { content: "\f169"; }
|
||||
.fi-lock:before { content: "\f16a"; }
|
||||
.fi-loop:before { content: "\f16b"; }
|
||||
.fi-magnifying-glass:before { content: "\f16c"; }
|
||||
.fi-mail:before { content: "\f16d"; }
|
||||
.fi-male-female:before { content: "\f16e"; }
|
||||
.fi-male-symbol:before { content: "\f16f"; }
|
||||
.fi-male:before { content: "\f170"; }
|
||||
.fi-map:before { content: "\f171"; }
|
||||
.fi-marker:before { content: "\f172"; }
|
||||
.fi-megaphone:before { content: "\f173"; }
|
||||
.fi-microphone:before { content: "\f174"; }
|
||||
.fi-minus-circle:before { content: "\f175"; }
|
||||
.fi-minus:before { content: "\f176"; }
|
||||
.fi-mobile-signal:before { content: "\f177"; }
|
||||
.fi-mobile:before { content: "\f178"; }
|
||||
.fi-monitor:before { content: "\f179"; }
|
||||
.fi-mountains:before { content: "\f17a"; }
|
||||
.fi-music:before { content: "\f17b"; }
|
||||
.fi-next:before { content: "\f17c"; }
|
||||
.fi-no-dogs:before { content: "\f17d"; }
|
||||
.fi-no-smoking:before { content: "\f17e"; }
|
||||
.fi-page-add:before { content: "\f17f"; }
|
||||
.fi-page-copy:before { content: "\f180"; }
|
||||
.fi-page-csv:before { content: "\f181"; }
|
||||
.fi-page-delete:before { content: "\f182"; }
|
||||
.fi-page-doc:before { content: "\f183"; }
|
||||
.fi-page-edit:before { content: "\f184"; }
|
||||
.fi-page-export-csv:before { content: "\f185"; }
|
||||
.fi-page-export-doc:before { content: "\f186"; }
|
||||
.fi-page-export-pdf:before { content: "\f187"; }
|
||||
.fi-page-export:before { content: "\f188"; }
|
||||
.fi-page-filled:before { content: "\f189"; }
|
||||
.fi-page-multiple:before { content: "\f18a"; }
|
||||
.fi-page-pdf:before { content: "\f18b"; }
|
||||
.fi-page-remove:before { content: "\f18c"; }
|
||||
.fi-page-search:before { content: "\f18d"; }
|
||||
.fi-page:before { content: "\f18e"; }
|
||||
.fi-paint-bucket:before { content: "\f18f"; }
|
||||
.fi-paperclip:before { content: "\f190"; }
|
||||
.fi-pause:before { content: "\f191"; }
|
||||
.fi-paw:before { content: "\f192"; }
|
||||
.fi-paypal:before { content: "\f193"; }
|
||||
.fi-pencil:before { content: "\f194"; }
|
||||
.fi-photo:before { content: "\f195"; }
|
||||
.fi-play-circle:before { content: "\f196"; }
|
||||
.fi-play-video:before { content: "\f197"; }
|
||||
.fi-play:before { content: "\f198"; }
|
||||
.fi-plus:before { content: "\f199"; }
|
||||
.fi-pound:before { content: "\f19a"; }
|
||||
.fi-power:before { content: "\f19b"; }
|
||||
.fi-previous:before { content: "\f19c"; }
|
||||
.fi-price-tag:before { content: "\f19d"; }
|
||||
.fi-pricetag-multiple:before { content: "\f19e"; }
|
||||
.fi-print:before { content: "\f19f"; }
|
||||
.fi-prohibited:before { content: "\f1a0"; }
|
||||
.fi-projection-screen:before { content: "\f1a1"; }
|
||||
.fi-puzzle:before { content: "\f1a2"; }
|
||||
.fi-quote:before { content: "\f1a3"; }
|
||||
.fi-record:before { content: "\f1a4"; }
|
||||
.fi-refresh:before { content: "\f1a5"; }
|
||||
.fi-results-demographics:before { content: "\f1a6"; }
|
||||
.fi-results:before { content: "\f1a7"; }
|
||||
.fi-rewind-ten:before { content: "\f1a8"; }
|
||||
.fi-rewind:before { content: "\f1a9"; }
|
||||
.fi-rss:before { content: "\f1aa"; }
|
||||
.fi-safety-cone:before { content: "\f1ab"; }
|
||||
.fi-save:before { content: "\f1ac"; }
|
||||
.fi-share:before { content: "\f1ad"; }
|
||||
.fi-sheriff-badge:before { content: "\f1ae"; }
|
||||
.fi-shield:before { content: "\f1af"; }
|
||||
.fi-shopping-bag:before { content: "\f1b0"; }
|
||||
.fi-shopping-cart:before { content: "\f1b1"; }
|
||||
.fi-shuffle:before { content: "\f1b2"; }
|
||||
.fi-skull:before { content: "\f1b3"; }
|
||||
.fi-social-500px:before { content: "\f1b4"; }
|
||||
.fi-social-adobe:before { content: "\f1b5"; }
|
||||
.fi-social-amazon:before { content: "\f1b6"; }
|
||||
.fi-social-android:before { content: "\f1b7"; }
|
||||
.fi-social-apple:before { content: "\f1b8"; }
|
||||
.fi-social-behance:before { content: "\f1b9"; }
|
||||
.fi-social-bing:before { content: "\f1ba"; }
|
||||
.fi-social-blogger:before { content: "\f1bb"; }
|
||||
.fi-social-delicious:before { content: "\f1bc"; }
|
||||
.fi-social-designer-news:before { content: "\f1bd"; }
|
||||
.fi-social-deviant-art:before { content: "\f1be"; }
|
||||
.fi-social-digg:before { content: "\f1bf"; }
|
||||
.fi-social-dribbble:before { content: "\f1c0"; }
|
||||
.fi-social-drive:before { content: "\f1c1"; }
|
||||
.fi-social-dropbox:before { content: "\f1c2"; }
|
||||
.fi-social-evernote:before { content: "\f1c3"; }
|
||||
.fi-social-facebook:before { content: "\f1c4"; }
|
||||
.fi-social-flickr:before { content: "\f1c5"; }
|
||||
.fi-social-forrst:before { content: "\f1c6"; }
|
||||
.fi-social-foursquare:before { content: "\f1c7"; }
|
||||
.fi-social-game-center:before { content: "\f1c8"; }
|
||||
.fi-social-github:before { content: "\f1c9"; }
|
||||
.fi-social-google-plus:before { content: "\f1ca"; }
|
||||
.fi-social-hacker-news:before { content: "\f1cb"; }
|
||||
.fi-social-hi5:before { content: "\f1cc"; }
|
||||
.fi-social-instagram:before { content: "\f1cd"; }
|
||||
.fi-social-joomla:before { content: "\f1ce"; }
|
||||
.fi-social-lastfm:before { content: "\f1cf"; }
|
||||
.fi-social-linkedin:before { content: "\f1d0"; }
|
||||
.fi-social-medium:before { content: "\f1d1"; }
|
||||
.fi-social-myspace:before { content: "\f1d2"; }
|
||||
.fi-social-orkut:before { content: "\f1d3"; }
|
||||
.fi-social-path:before { content: "\f1d4"; }
|
||||
.fi-social-picasa:before { content: "\f1d5"; }
|
||||
.fi-social-pinterest:before { content: "\f1d6"; }
|
||||
.fi-social-rdio:before { content: "\f1d7"; }
|
||||
.fi-social-reddit:before { content: "\f1d8"; }
|
||||
.fi-social-skillshare:before { content: "\f1d9"; }
|
||||
.fi-social-skype:before { content: "\f1da"; }
|
||||
.fi-social-smashing-mag:before { content: "\f1db"; }
|
||||
.fi-social-snapchat:before { content: "\f1dc"; }
|
||||
.fi-social-spotify:before { content: "\f1dd"; }
|
||||
.fi-social-squidoo:before { content: "\f1de"; }
|
||||
.fi-social-stack-overflow:before { content: "\f1df"; }
|
||||
.fi-social-steam:before { content: "\f1e0"; }
|
||||
.fi-social-stumbleupon:before { content: "\f1e1"; }
|
||||
.fi-social-treehouse:before { content: "\f1e2"; }
|
||||
.fi-social-tumblr:before { content: "\f1e3"; }
|
||||
.fi-social-twitter:before { content: "\f1e4"; }
|
||||
.fi-social-vimeo:before { content: "\f1e5"; }
|
||||
.fi-social-windows:before { content: "\f1e6"; }
|
||||
.fi-social-xbox:before { content: "\f1e7"; }
|
||||
.fi-social-yahoo:before { content: "\f1e8"; }
|
||||
.fi-social-yelp:before { content: "\f1e9"; }
|
||||
.fi-social-youtube:before { content: "\f1ea"; }
|
||||
.fi-social-zerply:before { content: "\f1eb"; }
|
||||
.fi-social-zurb:before { content: "\f1ec"; }
|
||||
.fi-sound:before { content: "\f1ed"; }
|
||||
.fi-star:before { content: "\f1ee"; }
|
||||
.fi-stop:before { content: "\f1ef"; }
|
||||
.fi-strikethrough:before { content: "\f1f0"; }
|
||||
.fi-subscript:before { content: "\f1f1"; }
|
||||
.fi-superscript:before { content: "\f1f2"; }
|
||||
.fi-tablet-landscape:before { content: "\f1f3"; }
|
||||
.fi-tablet-portrait:before { content: "\f1f4"; }
|
||||
.fi-target-two:before { content: "\f1f5"; }
|
||||
.fi-target:before { content: "\f1f6"; }
|
||||
.fi-telephone-accessible:before { content: "\f1f7"; }
|
||||
.fi-telephone:before { content: "\f1f8"; }
|
||||
.fi-text-color:before { content: "\f1f9"; }
|
||||
.fi-thumbnails:before { content: "\f1fa"; }
|
||||
.fi-ticket:before { content: "\f1fb"; }
|
||||
.fi-torso-business:before { content: "\f1fc"; }
|
||||
.fi-torso-female:before { content: "\f1fd"; }
|
||||
.fi-torso:before { content: "\f1fe"; }
|
||||
.fi-torsos-all-female:before { content: "\f1ff"; }
|
||||
.fi-torsos-all:before { content: "\f200"; }
|
||||
.fi-torsos-female-male:before { content: "\f201"; }
|
||||
.fi-torsos-male-female:before { content: "\f202"; }
|
||||
.fi-torsos:before { content: "\f203"; }
|
||||
.fi-trash:before { content: "\f204"; }
|
||||
.fi-trees:before { content: "\f205"; }
|
||||
.fi-trophy:before { content: "\f206"; }
|
||||
.fi-underline:before { content: "\f207"; }
|
||||
.fi-universal-access:before { content: "\f208"; }
|
||||
.fi-unlink:before { content: "\f209"; }
|
||||
.fi-unlock:before { content: "\f20a"; }
|
||||
.fi-upload-cloud:before { content: "\f20b"; }
|
||||
.fi-upload:before { content: "\f20c"; }
|
||||
.fi-usb:before { content: "\f20d"; }
|
||||
.fi-video:before { content: "\f20e"; }
|
||||
.fi-volume-none:before { content: "\f20f"; }
|
||||
.fi-volume-strike:before { content: "\f210"; }
|
||||
.fi-volume:before { content: "\f211"; }
|
||||
.fi-web:before { content: "\f212"; }
|
||||
.fi-wheelchair:before { content: "\f213"; }
|
||||
.fi-widget:before { content: "\f214"; }
|
||||
.fi-wrench:before { content: "\f215"; }
|
||||
.fi-x-circle:before { content: "\f216"; }
|
||||
.fi-x:before { content: "\f217"; }
|
||||
.fi-yen:before { content: "\f218"; }
|
||||
.fi-zoom-in:before { content: "\f219"; }
|
||||
.fi-zoom-out:before { content: "\f21a"; }
|
||||
Binary file not shown.
Binary file not shown.
@ -1,3 +0,0 @@
|
||||
$(document).foundation();
|
||||
|
||||
var elem = new Foundation.Sticky($('.top-bar'));
|
||||
@ -1 +0,0 @@
|
||||
{"version":3,"sources":["app.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"app.js","sourcesContent":["$(document).foundation();\n\n$('#coops-view-tabs').on('change.zf.tabs', function() {\n window.app.createMapMultiMarker('map-coops', 54.7, -4.2, 6, window.app.mapEntries);\n});\n\nvar elem = new Foundation.Sticky($('.top-bar'));\nvar app = window.app || {};\n\nvar mapboxAccessToken = window.mapboxAccessToken || '';\n\napp.apiUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + mapboxAccessToken;\n\napp.tileLayerOptions = {\n maxZoom: 18,\n attribution: 'Map data © <a href=\"http://openstreetmap.org\">OpenStreetMap</a> contributors, ' + '<a href=\"http://creativecommons.org/licenses/by-sa/2.0/\">CC-BY-SA</a>, ' + 'Imagery © <a href=\"http://mapbox.com\">Mapbox</a>',\n id: 'mapbox.streets',\n token: window.mapboxAccessToken\n};\n\napp.map = null;\n\napp.createMap = function(mapId, lat, lng, zoom) {\n window.app.map = L.map(mapId).setView([lat, lng], zoom);\n}\n\napp.createMapSingleMarker = function(mapId, lat, lng, zoom, markerText) {\n if (!window.app.map) {\n window.app.createMap(mapId, lat, lng, zoom);\n var myMap = window.app.map;\n\n L.tileLayer(window.app.apiUrl, window.app.tileLayerOptions).addTo(myMap);\n\n var marker = L.marker([lat - 0.0005, lng]).addTo(myMap);\n marker.bindPopup(markerText).openPopup();\n }\n}\n\napp.createMapMultiMarker = function(mapId, lat, lng, zoom, markersArray) {\n if (!window.app.map) {\n window.app.createMap(mapId, lat, lng, zoom);\n var myMap = window.app.map;\n\n L.tileLayer(window.app.apiUrl, window.app.tileLayerOptions).addTo(myMap);\n\n markersArray.forEach(function (markerVar) {\n var marker = L.marker([markerVar.lat, markerVar.lng]).addTo(myMap);\n marker.bindPopup(markerVar.markerText);\n });\n }\n};\n"]}
|
||||
23358
assets/js/vendor.js
23358
assets/js/vendor.js
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
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