Implement burger menu

Rather than attempt to recreate the exact burger menu from the old
version of the site, since it requires a number of dependencies, I've
added a burger menu with some inline javascript to handle the toggle
states.

I used Claude 4 to help generate the CSS here.

.gitlab-ci.yml

@@ -1,5 +1,5 @@
 ---
-image: ruby:2.6.6
+image: ruby:3.4.4
 
 stages:
   - test

.ruby-version

@@ -1 +1 @@
-2.6.6
+3.4.4

Gemfile.lock

@@ -1,65 +1,165 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.6.0)
-      public_suffix (>= 2.0.2, < 4.0)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    base64 (0.3.0)
+    bigdecimal (3.2.2)
     colorator (1.1.0)
-    concurrent-ruby (1.1.5)
-    em-websocket (0.5.1)
+    concurrent-ruby (1.3.5)
+    csv (3.3.5)
+    em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0.6.0)
+      http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.10.0)
+    ffi (1.17.2)
+    ffi (1.17.2-aarch64-linux-gnu)
+    ffi (1.17.2-aarch64-linux-musl)
+    ffi (1.17.2-arm-linux-gnu)
+    ffi (1.17.2-arm-linux-musl)
+    ffi (1.17.2-arm64-darwin)
+    ffi (1.17.2-x86-linux-gnu)
+    ffi (1.17.2-x86-linux-musl)
+    ffi (1.17.2-x86_64-darwin)
+    ffi (1.17.2-x86_64-linux-gnu)
+    ffi (1.17.2-x86_64-linux-musl)
     forwardable-extended (2.6.0)
-    geocoder (1.5.1)
-    http_parser.rb (0.6.0)
-    i18n (0.9.5)
+    geocoder (1.8.5)
+      base64 (>= 0.1.0)
+      csv (>= 3.0.0)
+    google-protobuf (4.31.1)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.31.1-aarch64-linux-gnu)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.31.1-aarch64-linux-musl)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.31.1-arm64-darwin)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.31.1-x86-linux-gnu)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.31.1-x86-linux-musl)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.31.1-x86_64-darwin)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.31.1-x86_64-linux-gnu)
+      bigdecimal
+      rake (>= 13)
+    google-protobuf (4.31.1-x86_64-linux-musl)
+      bigdecimal
+      rake (>= 13)
+    http_parser.rb (0.8.0)
+    i18n (1.14.7)
       concurrent-ruby (~> 1.0)
-    jekyll (3.8.5)
+    jekyll (4.4.1)
       addressable (~> 2.4)
+      base64 (~> 0.2)
       colorator (~> 1.0)
+      csv (~> 3.0)
       em-websocket (~> 0.5)
-      i18n (~> 0.7)
-      jekyll-sass-converter (~> 1.0)
+      i18n (~> 1.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
       jekyll-watch (~> 2.0)
-      kramdown (~> 1.14)
+      json (~> 2.6)
+      kramdown (~> 2.3, >= 2.3.1)
+      kramdown-parser-gfm (~> 1.0)
       liquid (~> 4.0)
-      mercenary (~> 0.3.3)
+      mercenary (~> 0.3, >= 0.3.6)
       pathutil (~> 0.9)
-      rouge (>= 1.7, < 4)
+      rouge (>= 3.0, < 5.0)
       safe_yaml (~> 1.0)
-    jekyll-sass-converter (1.5.2)
-      sass (~> 3.4)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
+    jekyll-sass-converter (3.1.0)
+      sass-embedded (~> 1.75)
     jekyll-watch (2.2.1)
       listen (~> 3.0)
-    kramdown (1.17.0)
-    liquid (4.0.3)
-    listen (3.1.5)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-      ruby_dep (~> 1.2)
-    mercenary (0.3.6)
+    json (2.12.2)
+    kramdown (2.5.1)
+      rexml (>= 3.3.9)
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.9.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (3.0.3)
-    rb-fsevent (0.10.3)
-    rb-inotify (0.10.0)
+    public_suffix (6.0.2)
+    rake (13.3.0)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.11.1)
       ffi (~> 1.0)
-    rouge (3.3.0)
-    ruby_dep (1.5.0)
+    rexml (3.4.1)
+    rouge (4.5.2)
     safe_yaml (1.0.5)
-    sass (3.7.4)
-      sass-listen (~> 4.0.0)
-    sass-listen (4.0.0)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
+    sass-embedded (1.89.2)
+      google-protobuf (~> 4.31)
+      rake (>= 13)
+    sass-embedded (1.89.2-aarch64-linux-android)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-aarch64-linux-gnu)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-aarch64-linux-musl)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-arm-linux-androideabi)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-arm-linux-gnueabihf)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-arm-linux-musleabihf)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-arm64-darwin)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-riscv64-linux-android)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-riscv64-linux-gnu)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-riscv64-linux-musl)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-x86_64-darwin)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-x86_64-linux-android)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-x86_64-linux-gnu)
+      google-protobuf (~> 4.31)
+    sass-embedded (1.89.2-x86_64-linux-musl)
+      google-protobuf (~> 4.31)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.6.0)
+    webrick (1.9.1)
 
 PLATFORMS
+  aarch64-linux-android
+  aarch64-linux-gnu
+  aarch64-linux-musl
+  arm-linux-androideabi
+  arm-linux-gnu
+  arm-linux-gnueabihf
+  arm-linux-musl
+  arm-linux-musleabihf
+  arm64-darwin
+  riscv64-linux-android
+  riscv64-linux-gnu
+  riscv64-linux-musl
   ruby
+  x86-linux-gnu
+  x86-linux-musl
+  x86_64-darwin
+  x86_64-linux-android
+  x86_64-linux-gnu
+  x86_64-linux-musl
 
 DEPENDENCIES
   geocoder
   jekyll
 
 BUNDLED WITH
-   1.17.3
+   2.6.7

README.md

@@ -4,7 +4,7 @@ This repo is [hosted at git.coop](https://git.coop/cotech/website) and [push mir
 
 If you would like to contribute to this repo you have two options:
 
-1. [Join Webarchitects](https://webarch.coop/join) to [create an account at git.coop](https://webarch.coop/git#free) and then request access to the [CoTech group](https://git.coop/cotech) and when that has been grated you can update this repo directly.
+1. [Join Webarchitects](https://webarch.coop/join) to [create an account at git.coop](https://webarch.coop/git#free) and then request access to the [CoTech group](https://git.coop/cotech) and when that has been granted you can update this repo directly.
 2. Use a GitHub account to create a [pull request](https://github.com/cotech/jekyll-website/pulls) at GitHub and then ask someone who is a member of [Webarchitects](https://www.webarchitects.coop/) to [patch the repo for you](https://community.coops.tech/t/cotech-website-repo-mirroring-to-github/2818).
 
 ## Introduction

_clients/big-brother-watch.md

@@ -0,0 +1,3 @@
+---
+title: Big Brother Watch
+---

_clients/coolfarm-alliance.md

@@ -0,0 +1,3 @@
+---
+title: Coolfarm Alliance
+---

_clients/erasmus-student-network.md

@@ -0,0 +1,3 @@
+---
+title: Erasmus Student Network
+---

_clients/food-data-collaboration.md

@@ -0,0 +1,3 @@
+---
+title: Food Data Collaboration
+---

_clients/kings-college-london.md

@@ -0,0 +1,3 @@
+---
+title: King's College London
+---

_clients/lgd.md

@@ -0,0 +1,4 @@
+---
+title: LocalGov Drupal
+website: https://localgovdrupal.org/
+---

_clients/london-school-of-economics.md

@@ -0,0 +1,3 @@
+---
+title: London School of Economics
+---

_clients/lumbung-space.md

@@ -0,0 +1,3 @@
+---
+title: Lumbung.Space
+---

_clients/open-data-services.md

@@ -0,0 +1,3 @@
+---
+title: Open Data Services
+---

_clients/radhr.md

@@ -0,0 +1,3 @@
+---
+title: RadHR
+---

_config.yml

@@ -47,4 +47,3 @@ defaults:
   values:
     layout: technology
 forum: https://community.coops.tech/
-mapbox_access_token: pk.eyJ1IjoiY290ZWNoIiwiYSI6ImNpemgxbzhwODAwMHMzM28zdXF3cGxyYmwifQ.9nPExuEUqwblCCl-6gyFXA

_coops/alpha-communication.md

@@ -1,46 +0,0 @@
----
-title: Alpha Communication
-name: Alpha Communication
-members: 2
-website: http://alpha.coop/
-email: info@alpha.coop
-twitter: alpha.coop
-github: AlphaCo_op
-telephone: "+441912111938"
-address: 6 Charlotte Square,Newcastle upon Tyne,United Kingdom,NE1 4XF
-latitude: 54.97101
-longitude: -1.61974
-clients: 
-services: 
-- animation
-- artwork
-- branding-and-identity
-- consultancy
-- copywriting-and-translation
-- exhibition-and-display
-- graphic-design
-- illustration
-- logo-design
-- marketing
-- mentoring
-- motion-graphics
-- photography
-- printing
-- web-design
----
-
-CO-OPERATIVE 
-We are a co-operative owned by our workers. 
-Co-operation, openness and fairness are at the heart of everything we do.
-
-CREATIVE 
-Innovative, accurate, lively and lush. 
-Our team is bursting with ideas and eager to work with you.
-
-CO-ORDINATED 
-Branding, media, print and video all working together. 
-We deliver on time and within budget.
-
-KNOWING 
-After 30 years, we know what we’re doing. 
-We help you engage with the people you need to reach.

_coops/aptivate.md

@@ -1,39 +0,0 @@
----
-title: Aptivate
-name: Aptivate
-members: 
-website: http://aptivate.org/
-email: outreach@aptivate.org
-twitter: aptivateuk
-github: aptivate
-telephone: "+44 (0)1223 967838"
-address: 25 Signet Court, Swann”s Road, Cambridge,United Kingdom,CB5 8LA
-latitude: 52.21427610000001
-longitude: 0.15076890000000276
-clients: 
-- e-immigrate
-- ippf
-- leds-gp
-- mapaction
-- world-bank
-services: 
-- business-systems
-- consultancy
-- database-solutions
-- development
-- hosting
-- rapid-application-development
-- strategy
-- user-research
-- web-design
-technologies: 
-- django-2
-- docker
-- javascript
-- php
-- python
----
-
-Aptivate is a UK based NGO that provides IT services for international development. We believe in the power of knowledge and communication to alleviate poverty, suffering and conflict, and in the right of every individual to inform and be informed. We are dedicated to developing ICT services that facilitate communication for unconnected communities, empowering ordinary people across the developing world to improve their lives.
-
-Please see http://aptivate.org/en/about/ for more information.

_coops/asterisk-labs.md

@@ -0,0 +1,15 @@
+---
+title: Asterisk Labs
+name: Asterisk Labs
+members: 3
+website: https://asterisk.coop/
+email: hello@asterisk.coop
+twitter: asterisk_labs
+address: 86-90 Paul Street, London, England, EC2A 4NE
+latitude: 51.52571799125181 
+longitude: -0.08362067116456023
+---
+
+The founding team of Asterisk Labs is working at the intersection of deep learning, Earth observation and climate science, and weʼre on a mission to enrich the planetary data commons. Right now, the vast archives of public Earth data, from ground-based sources to satellites, are grossly underutilised. Most of the data are siloed, used exclusively by their respective communities. But single measurements of Earth are only limited views on a deeply interconnected planetary system, and never tell the whole story on their own. We leverage AI to recycle and reuse data across disciplines, acting as a feedback loop in the planetary data commons.
+
+To pursue our mission, we need a long-termist vision free from the barriers of short-term contracts, enabling scientists to carry out deep collective work that goes beyond surface-level collaboration. We are committed to open-science and maximising our social and scientific impact. Thatʼs why we are doing things differently, as the UKʼs first worker-owned co-operative research lab, where we collectively manage the science we produce.

_coops/autonomic.md

@@ -3,36 +3,45 @@ title: Autonomic
 name: Autonomic
 members: 12
 website: https://autonomic.zone/
-email: helo@autonomic.zone
-twitter: autonomiccoop
-github:
+email: boop@autonomic.zone
+github: https://git.autonomic.zone/
+twitter: https://sunbeam.city/@autonomic
 telephone:
-address: 1539 Pershore Road,Stirchley,Birmingham,United Kingdom,B30 2JH
+address: 986 Pershore Road,Selly Park,Birmingham,United Kingdom,B29 7PX
 latitude: 51.563904
 longitude: -0.10793179999996028
 clients:
+- london-school-of-economics
+- kings-college-london
+- erasmus-student-network
+- coolfarm-alliance
+- fashion-revolution
+- iww
+- radhr
+- lumbung-space
+- open-data-services
+- food-data-collaboration
+- campaign-against-arms-trade
+- big-brother-watch
 - anarchy-rules
 - biobulkbende
 - good-night-out
-- iww
-- fashion-revolution
 - neuronic-games
 - third-sector-accountancy
-- campaign-against-arms-trade
 services:
-- community-building
-- consultancy
-- design
 - development
+- consultancy
 - devops
 - domain-names
 - email
 - hosting
 - it-security
 - sysadmin
-- user-research
 - virtual-servers
+- graphic-design
 - web-design
+- user-research
+- community-building
 technologies:
 - ansible
 - bash
@@ -55,10 +64,12 @@ technologies:
 - php
 - postgresql
 - python
+- wordpress
 - rocket-chat
 - sandstorm
 - ubuntu
-- wordpress
+- javascript
+- reactjs
 ---
 
 We build technologies and infrastructure to empower users to make a positive impact on the world. All of our services reflect our commitment to our core values:

_coops/blake-house-filmmakers-co-op.md

@@ -1,48 +0,0 @@
----
-title: Blake House Filmmakers Coop
-name: Blake House Filmmakers Coop
-members: 2
-website: https://blake.house/
-email: hello@blake.house
-twitter: blake_house
-github: hello%40blake.html
-telephone: "+447779 404510"
-address: Unit 1H Clapham North Arts Centre,26-32 Voltaire Rd,London,SW4 6DH
-latitude: 51.46268029999999
-longitude: -0.14825569999993604
-clients: 
-- basildon-council
-- cast
-- co-operatives-uk
-- enrol-yourself
-- everyone-everyday
-- friends-of-the-earth
-- impact-hub-king-s-cross
-- power-to-change
-- solid-fund
-- the-phone-coop
-- the-royal-college-of-obstetricians-and-gynaecologists
-- transition-town-brixton
-- university-college-london
-- university-of-cambridge
-services: 
-- animation
-- consultancy
-- film
-- marketing
-- motion-graphics
-technologies: 
-- after-effects
-- indesign
-- lightroom
-- photoshop
-- adobe-premiere-pro
----
-
-Blake House is a coooperative social enterprise that makes engaging online videos for the third and public sectors.
-
-We use filmmaking as a powerful tool to amplify inspiring stories and causes, driving audience engagement and energising viewers to take action and participate.
-
-The co-op was founded after founding members Ieva and Simon wanted to create a sustainable and dignified alternative to the conventional film industry, challenging the precarious nature of creative work and the lack of equality and social fulfillment in the industry. They decided to form a co-operative, an organisation where all members are equal owners of the business, where all decision making is democratic and where they could work with clients who’s stories they were proud to tell.
-
-Our founding principle is to invest the majority of our surplus each year into our members’ own artistic or community based projects – building self reliance and autonomy and allowing our members to remain creative whilst working on projects that they love.

_coops/cetis-llp.md

@@ -7,9 +7,9 @@ email: info@cetis.org.uk
 twitter: cetisllp
 github:
 telephone: '07366025747'
-address: Halton Mill,Mill Lane,Halton,Lancaster,England,LA2 6ND
-latitude: 54.075809445607604
-longitude: -2.7540137502212474
+address: 17 Main Street,Ponteland,Newcastle Upon Tyne,NE20 9NH
+latitude: 55.0497996
+longitude: -1.7420506
 clients:
 - hediip
 - hesa

_coops/chapel-street-studio.md

@@ -1,41 +0,0 @@
----
-title: Chapel Street Studio
-name: Chapel Street Studio
-members: 20
-website: http://chapelstreetstudio.coop/
-email: info@chapelstreetstudio.coop
-twitter: chapelststudio
-github: 
-telephone: '07743 426 846 (Martyn Johnston | Secretary)'
-address: Chapel Street Studio,Assembly Bradford, Market Pavilion, Rawson Place,Bradford,West Yorkshire,BD1 3QQ
-latitude: 53.795903
-longitude: -1.7554270000000542
-clients: 
-services: 
-technologies: 
----
-
-Chapel Street Studio is a not-for-profit, co-operative consortium of creative entrepreneurs, freelancers and businesses collaborating to provide a one-stop-shop for communication services.
-
-Our services include:
-
-* Animation 
-* Artwork 
-* Branding and Identity 
-* Consultancy 
-* Data visualisation 
-* Copywriting and translation 
-* Distribution 
-* Development 
-* Film 
-* Graphic Design 
-* Hosting 
-* Idea generation 
-* Illustration 
-* Logo design 
-* Marketing 
-* Motion graphics 
-* Photography 
-* Print finishing
-* Printing 
-* Web design 

_coops/code-operative.md

@@ -1,48 +0,0 @@
----
-title: Code-Operative
-name: Code-Operative
-members: 8
-website: https://code-operative.co.uk
-email: contact@code-operative.co.uk
-twitter: code_operative
-github: Code-Operative
-address: Baltic Business Quarters, Abbott”s Hill, Gateshead, United Kingdom, NE8 3DF
-latitude: 54.966587
-longitude: -1.595418
-clients: 
-- acorn
-- weco
-- generation-rent
-- alpha-complex
-- land-explorer
-- health-in-touch
-- the-politics-network
-services: 
-- development
-- consultancy
-- database-solutions
-- machine-learning
-- web-design
-technologies: 
-- angular
-- ionic
-- reactjs
-- node-js
-- javascript
-- htmlcss
-- django-2
-- python
-- laravel
-- php
-- c
-- net
-- java
-- google-maps
-- postgresql
-- sql-server
-- ubuntu
----
-
-Code-Operative is a community of tech freelancers based in the North-East of England, with members and affiliates based further afield as well. Code-Op's processes are designed to bridge the gap between freelancers and the clients who need them, operating a not-for-profit model which puts quality and the needs of client and freelancer first.
-
-We can offer the traditional role-based services of an agency but we can also manage existing projects and build new systems from scratch.

_coops/cooperative-it.md

@@ -0,0 +1,43 @@
+---
+title: Cooperative IT
+name: Cooperative IT
+members: 2
+website: https://cooperativeit.co.uk/
+email: info@cooperativeit.co.uk/
+##witter: 
+#github: 
+#telephone: 
+address: 26 Myrtle Avenue, Bingley, BD16 1EW, United Kingdom
+latitude: 53.843633 
+longitude: -1.835839
+#clients: 
+services: 
+- consultancy
+- development
+- hosting
+- web-design
+technologies: 
+- apache
+- bash
+- drupal
+- docker
+- gitlab
+- htmlcss
+- javascript
+- matomo
+- mysql
+- php
+- ubuntu
+- wordpress
+---
+
+Cooperative IT is a workers' cooperative, set up to provide IT services.
+
+Our approach is to work with people to help them with their IT needs, finding solutions that fit their organisation and their budgets.
+
+We have experience of looking after large multinational banking systems, small voluntary and community organisations, and everything in between.
+
+We are advocates of open source software and open and transparent ways of working, which protects our customers, giving them freedom to choose their IT suppliers, and avoiding getting tied into a single vendor.
+
+As a Cooperative we're guided by the seven cooperative principles in the way we run our business and live in our communities.
+

_coops/creative-coop.md

@@ -1,15 +1,15 @@
 ---
 title: Creative Coop
 name: Creative Coop
-members: 4
+members: 5
 website: https://creative.coop
 email: hello@creative.coop
 twitter: 
 github: 
 telephone: '01206 574147'
-address: 2 Balkerne House, Balkerne Passage,Colchester,United Kingdom,CO1 1PA
-latitude: 51.89010188809361
-longitude: 0.8957915683888586
+address: The Minories 74 High Street, Colchester, Essex CO1 1UE
+latitude: 51.889807069540005
+longitude: 0.9051138709545999
 clients: 
 - big-lottery-fund
 - co-operative-press-limited
@@ -28,6 +28,7 @@ clients:
 services: 
 - artwork
 - branding-and-identity
+- development
 - hosting
 - illustration
 - logo-design
@@ -50,6 +51,7 @@ technologies:
 - php
 - python
 - sql-server
+- wordpress
 ---
 
 **We are a design studio specialising in Branding, Design and Web Development.**

_coops/dandelion-collective.md

@@ -1,25 +0,0 @@
----
-title: Dandelion Collective
-name: Dandelion Collective
-members: 8
-website: https://dandelion.coop
-email: hello@dandelion.coop
-twitter:
-github: 
-telephone: 
-address: 53 Windus Rd, London, N16 6UR
-latitude: 51.566160
-longitude: -0.071680
-clients: 
-services: 
-technologies: 
-- ruby
-- mongodb
-- javascript
----
-
-We're the not-for-profit worker co-operative behind:
-
-- [dandelion.earth](http://dandelion.earth/)
-- [The Psychedelic Society](http://psychedelicsociety.org.uk/)
-- [Triptika Studios](https://www.triptikastudios.com/)

_coops/datacontentreach.md

@@ -18,6 +18,8 @@ services:
 - strategy
 - user-research
 technologies:
+clients:
+- lgd
 ---
 
 Data Content Reach helps mission-focused organisations to succeed in the digital world.

_coops/dcdc.md

@@ -1,34 +0,0 @@
----
-title: DCDC.io
-name: DCDC.io
-members: 5
-website: https://dcdc.io/
-email: team@dcdc.io
-twitter: dcdc.io
-github:
-telephone: 
-address: 
-latitude: 53.8008
-longitude: -1.5491
-clients:
-services:
-- development
-- consultancy
-- community-building
-- data-standards
-- it-security
-technologies:
-- bash
-- docker
-- gitlab
-- htmlcss
-- java
-- javascript
-- json-schema
-- python
-- ruby
-- ruby-on-rails
-- ubuntu
----
-
-DCDC is a cooperative body built with technology at its heart (a platform coop). We dare to dream of a future where software is created collaboratively and distributed frictionlessly, a future where tech companies operate fairly and transparently, and a future where technology empowers individuals, by protecting the privacy and self-sovereignity of their data.

_coops/dev-the-developers-society.md

@@ -1,48 +0,0 @@
----
-title: 'DEV: The Developer Society'
-name: 'DEV: The Developer Society'
-members: 
-website: https://www.dev.ngo/
-email: studio@dev.ngo
-twitter: devsociety_
-github: developersociety
-telephone: '+44 333 344 7800'
-address: 191 Fazeley Street,Digbeth,Birmingham,B5 5SE
-latitude: 52.47784126596389
-longitude: -1.881633996963501
-clients: 
-services: 
-- animation
-- artwork
-- branding-and-identity
-- data-visualisation
-- database-solutions
-- development
-- devops
-- domain-names
-- graphic-design
-- hosting
-- ideation
-- illustration
-- paper-and-substrate-library
-- photography
-- printing
-- research
-- strategy
-- web-design
-technologies: 
-- python
----
-
-We are a not-for-profit digital agency working with NGOs and groups with a progressive mission to help make the world we live in a better place.
-
-We’re the world’s first not-for-profit co-op digital studio run by and for NGOs. We’re dedicated to making access to world leading technology and expertise available to everyone working for good. We’ve worked with amazing groups such as: Oxfam, Save The Children, The Syria Campaign, Help Refugees, Greenpeace, the NHS, Amnesty International, Macmillan Cancer Care, CIVICUS, The Elders and lots more and we’re always keen to hear from new people who are trying to make the world a better place.
-
-We work on all aspects of development and digital impact but specialise in creative problem solving with a focus in the following areas: 
-
-* Site builds
-* Campaign actions and data capture
-* Fundraising
-* APIs
-* Hack Days
-* Strategy

_coops/digital-liberties.md

@@ -1,32 +0,0 @@
----
-title: Digital Liberties
-name: Digital Liberties
-members: 7
-website: https://digital-liberties.coop
-email: 
-twitter: 
-github: 
-telephone: '07908 592 835'
-address: 44 Arkwright Road,London,NW3 6BH
-latitude: 51.5509322
-longitude: -0.1833781
-clients: 
-- labour-party
-- nesta
-services: 
-- community-building
-- game-design
-- research
-- strategy
-technologies: 
----
-
-## Cybernetic Games and Participatory Democracy
-
-Digital Liberties is a co-operative applying systems thinking to individual freedom and collective decision-making in the information age.
-
-The co-operative uses modelling to ensure that complex situations can be tackled in a realistic way that is understandable to the general public.
-
-This modelling allows us to generate flexible simulations which can be tested through games, allowing participants to fully understand the issues and also for flaws in the model to be detected.
-
-Our approach to democratic decision-making is rooted in developing a pragmatic approach to complex decisions using digital tools. This leads to better informed policies and practices in a wide variety of circumstances.

_coops/dot-project.md

@@ -1,58 +0,0 @@
----
-title: Dot Project
-name: Dot Project
-members: 2
-website: http://www.dotproject.coop/
-email: annie@dotproject.coop
-twitter: dotprojectco
-github: techforgoodbath
-telephone: '07496276003'
-address: 2 Beech View, Claverton Down Road, Bath, BA2 6DX
-latitude: 51.375801
-longitude: -2.359903900000063
-clients: 
-- British-Tinnitus-Association
-- Carefree
-- carerssupportcentre
-- cast
-- Charity-Digital
-- comicrelief
-- coopsUK
-- Cyfannol
-- dcms
-- Esmee-Fairbairn
-- Family-Lives
-- Grassroots
-- Make-a-Wish
-- national-lottery
-- northbristoladvicecentre
-- num
-- openup
-- Parkinsons-UK
-- power-to-change
-- SARSAS
-- stirtoaction
-- Surviving-Economic-Abuse
-- SWCTN
-- The-Catalyst
-- TTC
-- we-are-with-you
-- WECA
-services: 
-- business-analysis
-- business-systems
-- community-building
-- consultancy
-- leadership-development
-- mentoring
-- research
-- strategy
-- user-research
-technologies: 
----
-
-[DOT PROJECT](http://www.dotproject.coop/) believes in the transformative impact of technology on humanity. We exist to support individuals, organisations and communities to realise the potential of enabling technology in increasing their social impact. We work at the intersection between civil society and technology, passionately increasing confidence and capacity of people who are working to solve complex social issues. Our mission is to increase social impact through the use of creativity and technology.
-
-DOT PROJECT is a cooperative of practitioners who coach people and organisations to be their digital best, together.  We bring together practitioners with strong technical skills as well as practitioners who focus on creating a collaborative environment to enable in-house teams to share challenges openly. We coach organisations and people to explore how they can harness their unique organisational fabric, their morale, their capabilities and strengths to harness the potential technology provides in order to thrive in a world that is constantly changing.
-
-Our clients are broadly across the social sector from charities and social enterprises, through to intermediary funding bodies to strengthen their capacity to practice technology and digitalisation.

_coops/form-and-function.md

@@ -1,42 +0,0 @@
----
-title: Form & Function Digital Co-operative
-name: Form & Function Digital Co-operative
-members: 3
-website: https://www.formandfunction.coop/
-email: hello@formandfunction.coop
-twitter: faf_digital
-github: 
-telephone: '01315108735'
-address: Davidson House, 57 Queen Charlotte Street, Edinburgh EH6 7EY
-latitude: 55.973417
-longitude: -3.1664222
-clients:
-- cairn-housing-association
-- cds-co-operatives
-- childrens-health-scotland
-- ecas
-- greener-kirkcaldy
-- ifsw
-- queens-nursing-institute
-- resilient-scotland
-services:
-- consultancy
-- development
-- domain-names
-- hosting
-- seo-optimisation
-- web-design
-technologies:
-- gitlab
-- google-maps
-- htmlcss
-- javascript
-- matomo
-- mysql
-- php
-- wordpress
----
-
-Based in Edinburgh, the small team of developers at Form & Function Digital Co-operative provides a comprehensive range of services including digital consultancy, website design & development using WordPress. We also provide hosting, maintenance and support services for the sites we build.
-
-We have cultivated a strong reputation within the industry, as a reliable and dependable digital transformation partner. Through our work with charities, social enterprises, housing associations, community and campaigning organisations, co-operatives and other ethical businesses, we aim to deliver engaging and inclusive online experiences across the third-sector.

_coops/founders-and-coders.md

@@ -1,24 +0,0 @@
----
-title: Founders and Coders
-name: Founders and Coders
-members: 
-website: http://www.foundersandcoders.com/
-email: hello@foundersandcoders.com
-twitter: founderscoders
-github: foundersandcoders
-telephone: '020 3583 2442'
-address: 14 Palmers Road,London,E2 0SY
-latitude: 51.5295318
-longitude: -0.04229490000000169
-clients: 
-services: 
-- mentoring
-technologies: 
-- express-js
-- node-js
-- postgresql
-- reactjs
----
-
-Founders & Coders is a UK-based nonprofit organization that runs a tuition-free coding academy in London & Nazareth. We have trained more than 300 students on our full-time programme. Over the last two years, more than 90% of our graduates have gone on to work in software or a related field. We generate income by charging recruitment fees when employers hire our graduates. We also provide technical expertise and training to nonprofits, local businesses and early-stage startups.
- 

_coops/fractals.md

@@ -6,7 +6,7 @@ website: https://fractals.coop/
 email: hello@fractals.coop
 address: 17 Main Street, Ponteland, Newcastle Upon Tyne, United Kingdom, NE20 9NH
 latitude: 55.0497996
-longitude: 1.7420506
+longitude: -1.7420506
 services: 
 - strategy
 ---

_coops/impact-box.md

@@ -6,7 +6,7 @@ website: https://impactbox.coop/
 email: hello@impactbox.coop
 address: Lytchett House Wareham Road, Lytchett Matravers, Poole, England, BH16 6FA
 latitude: 50.7588805 
-longitude: 2.0747285
+longitude: -2.0747285
 clients: 
 services: 
 - strategy

_coops/media-coop.md

@@ -30,18 +30,9 @@ services:
 - user-research
 - web-design
 technologies: 
-- angular
-- django-2
-- htmlcss
-- invision
-- java
-- photoshop
-- adobe-premiere-pro
-- python
-- symfony
 - wordpress
 ---
 
-media co-op’s friendly, committed, creative team brings together years of experience creating powerful, engaging, accessible and award-winning work for communications, campaigning, promotion, education, training and broadcast.
+media co-op creates powerful, engaging, accessible award-winning film, animation and design for third and public sector communications, advocacy, campaigning, promotion, education and training.
 
-We specialize in producing film, animation, web, apps and social media for third and public sector partners; and we have a particular enthusiasm for projects involving co-design and participation where service-users, volunteers and staff can get involved.
+We specialize in co-production, co-design and participation involving service-users, volunteers, staff and stakeholders.

_coops/open-data-services.md

@@ -1,53 +0,0 @@
----
-title: Open Data Services
-name: Open Data Services
-members: 
-website: http://www.opendataservices.coop
-email: contact@opendataservices.coop
-twitter: opendatacoop
-github: 
-telephone: '+44 (0)161 298 1213'
-address: Remote working team, across the UK,United Kingdom
-latitude: 52.47695163340273
-longitude: -1.8878889083862305
-clients: 
-- 360-giving
-- department-for-international-development
-- initiative-for-open-ag-funding
-- involve
-- national-council-for-voluntary-organisations
-- natural-resource-governance-institute
-- open-contracting-partnership
-- open-government-partnership
-- open-referral
-- power-to-change
-- world-bank
-services: 
-- community-building
-- consultancy
-- data-standards
-- development
-- research
-- strategy
-technologies: 
-- apache
-- bash
-- debian
-- django-2
-- htmlcss
-- javascript
-- json-schema
-- matomo
-- python
-- rdf-2
-- xml
----
-
-We help people publish and use open data.
-We provide technologies, support, and services relating to the production, standardisation and use of open data. We support activities that promote social impacts from open data. And through that we aim to make sure open data is useful, usable and in use.
-
-We provide training, consultancy, development and support for: 
-
-* Organisations building and maintaining open data standards  
-* Organisations publishing open data  
-* Organisations using open data

_coops/outlandish.md

@@ -71,6 +71,7 @@ technologies:
 - symfony
 - wordpress
 - laravel
+- civicrm
 ---
 
 Outlandish is made up of around 20 collaborators and co-owners who love quality code, and apps that challenge the status quo.

_coops/paperrhino.md

@@ -1,62 +0,0 @@
----
-title: Paper Rhino
-name: Paper Rhino
-members: 5
-website: https://paperrhino.co.uk/
-email: mail@paperrhino.co.uk
-twitter: paper_rhino
-telephone: '+44 1733 865080'
-address: Workshop G6, Allia Future Business Centre, London Road, Peterborough, PE2 8AN
-latitude: 52.5636273
-longitude: -0.2432229
-clients:
-- allia-future-business-centre
-- bbc
-- bbc-ideas
-- cardinus
-- co-operatives-uk
-- thb-group
-- the-hive
-- envirogen
-- feps
-- froglife
-- the-green-backyard
-- the-woodland-trust
-- haircuts-4-homeless
-- invest-sk
-- kindling-trust
-- leeds-bread-co-op
-- magpas
-- metal-culture
-- mutuo
-- nhs
-- vivacity
-- opportunity-peterborough
-- peterborough-lions-international
-- premier-league-productions
-- rhs
-- unicorn-grocery
-services:
-- animation
-- artwork
-- branding-and-identity
-- development
-- exhibition-and-display
-- film
-- graphic-design
-- ideation
-- illustration
-- logo-design
-- motion-graphics
-- web-design
-technologies:
-- adobe-illustrator
-- after-effects
-- htmlcss
-- indesign
-- photoshop
-- risograph
-- wordpress
----
-
-Paper Rhino is a creative co-op specialising in illustration, art, typography, animation and design. We are passionate about our disciplines and equally as passionate about working in a socially responsible way. We started Paper Rhino in 2011 so we could provide affordable, fair services to ethically-conscious organisations, small companies, NGO’s and charities. We are a highly creative team that are bordering on the obsessive when it comes to our individual skills. We are passionate in our belief that we can make the world a more beautiful place. Please take a few moments to have a look at our work and if you like what you see, get in touch – we’d love to hear from you.

_coops/principle_six.md

@@ -0,0 +1,5 @@
+---
+title: Principle Six
+name: Principle Six
+email: caleb@principlesix.coop
+---

_coops/small-axe.md

@@ -1,58 +0,0 @@
----
-title: Small Axe
-name: Small Axe
-members: 5
-website: http://weare.thesmallaxe.com/
-email: hello@thesmallaxe.com
-twitter: wearethesmallaxe
-github: thesmallaxecom
-telephone: '020 3540 7467'
-address: 7-15 Greatorex St,London,United Kingdom,E1 5NF
-latitude: 51.5178935
-longitude: -0.06747700000005352
-clients: 
-- mind
-- national-union-of-teachers
-- robin-hood-tax
-- save-the-children
-services: 
-- artwork
-- branding-and-identity
-- consultancy
-- copywriting-and-translation
-- email
-- graphic-design
-- ideation
-- illustration
-- logo-design
-- marketing
-- strategy
-- user-research
-- web-design
-technologies: 
-- after-effects
-- drupal
-- htmlcss
-- adobe-illustrator
-- indesign
-- invision
-- photoshop
-- adobe-premiere-pro
-- wordpress
----
-
-Our vision is to create movements that are progressive, hopeful and powerful, to inspire people to act on the most pressing issues of our time. We’re a non-profit cooperative setup as a creative campaigning and communications agency.
-
-**Our partners**
-
-We partner with courageous causes to create a better future, from charities and social enterprises to political organisations and coalitions.
-
-**How we make it happen**
-
-* Creative that cuts through a cynical culture.
-* Campaigns that mobilise millions.
-* Organising power to change the world.
-
-**Working together**
-
-We’re a group of campaigners with the skills, experience and networks you need to build a social movement in the 21st century.

_coops/solidarity-economy-association.md

@@ -0,0 +1,13 @@
+---
+title: Solidarity Economy Association
+name: Solidarity Economy Association
+members: 3
+website: https://www.solidarityeconomy.coop/
+email: info@solidarityeconomy.coop
+twitter: solidarityecon
+address: Community Base, 113 Queens Road, Brighton, BN1 3XG
+latitude: 50.825862697961604
+longitude: -0.14233101726023312
+---
+
+The Solidarity Economy Association are a small, worker-led co-operative based in England, Scotland and Wales, working to overcome capitalism by building up the solidarity economy from below.

_coops/tableflip.md

@@ -1,34 +0,0 @@
----
-title: TABLEFLIP
-name: TABLEFLIP
-members: 
-website: https://tableflip.io/
-email: hello@tableflip.io
-twitter: tableflip
-github: hello%40tableflip.html
-telephone: 
-address: Unit 1a, 1 East Dulwich Road,London,SE22 9BA
-latitude: 51.46200700000001
-longitude: -0.06753600000001825
-clients: 
-- kitmapper
-- shared-assets
-services: 
-- consultancy
-- data-visualisation
-- database-solutions
-- development
-- devops
-- rapid-application-development
-technologies: 
-- htmlcss
-- mongodb
-- node-js
-- reactjs
----
-
-_We’re your technical co-founder._
-
-Come and talk through your idea with us. We listen, and help define the core problem to be solved. We propose a workplan for a fixed cost 5 day sprint. At the end of the sprint you have something live, to visit or download to your phone; something to test and put in front of your users. Based on your feedback, we work together to define the most important thing for the next workplan.
-
-**Plan. Build. Review.** By repeating this simple pattern we can take you from idea to new business in a matter of weeks.

_coops/united-diversity.md

@@ -1,58 +0,0 @@
----
-title: United Diversity
-name: United Diversity
-members: 2
-website: https://uniteddiversity.coop/
-email: josef@uniteddiversity.coop
-twitter: uniteddiversity
-github: uniteddiversity
-address: 4 Melville Square, East Street, Bridport, DT6 3LS
-latitude: 50.7332462
-longitude: -2.7572083
-clients: 
-- stir-to-action
-- media-reform-coalition
-- campaign-for-press-and-broadcasting-freedom
-- ctrl-shift
-- better-media
-- co-operatives-london
-- gcda
-- wiki-factory
-- solarcentury
-- opencoop
-- offgrid-festival
-- mhsgroup
-- opendemocracy
-- ideo
-- stethelburgas
-- 1010uk
-- ovesco
-- londonpermaculture
-- bioregional
-- commonfutures
-- kaizen
-- sse
-- en10ergy
-- neweconomics
-services: 
-- branding-and-identity
-- community-building
-- consultancy
-- graphic-design
-- ideation
-- mentoring
-- research
-- strategy
-- web-design
-technologies: 
-- discourse
-- drupal
-- htmlcss
-- wordpress
----
-
-Together We Have Everything
-
-Imagine if everyone shared some of everything they have: time, money, tools, knowledge, land, food, shelter.
-
-Together, we already have the knowledge, expertise, land, property and resources necessary to empower people, build community, develop co-ops and create commons. We just need to self-organise and start sharing.

_coops/wave.md

@@ -1,83 +0,0 @@
----
-title: wave
-name: wave
-members: 7
-website: https://wave.coop/
-email: info@wave.coop
-twitter: wavedesigncoop
-github: wavedesign
-telephone: '01424235000'
-address: Rock House,49 - 51 Cambridge Road,Hastings,United Kingdom,TN34 1DT
-latitude: 50.86501959934043
-longitude: 0.5873715877532959
-clients: 
-- alzheimers
-- association-for-progressive-communications
-- child-accident-prevention-trust
-- co-operatives-uk
-- eisf
-- european-union
-- girl-guiding
-- global-witness
-- hct-group
-- infinity-foods
-- international-cooperative-alliance
-- keeping-children-safe
-- leonard-cheshire-disability
-- london-sustainability-exchange
-- plunkett-foundation
-- queen-s-nursing-institute
-- ramblers
-- resurgence
-- royal-geographical-society
-- the-national-council-for-voluntary-organisations
-- the-woodcraft-folk
-- tuc
-- uk-youth
-- unions-21
-- uol-institute-in-paris
-- war-on-want
-- wateraid
-services: 
-- animation
-- artwork
-- branding-and-identity
-- consultancy
-- copywriting-and-translation
-- domain-names
-- email
-- exhibition-and-display
-- graphic-design
-- hosting
-- ideation
-- illustration
-- logo-design
-- mailing
-- photography
-- printing
-- seo-optimisation
-- user-research
-- virtual-servers
-- web-design
-technologies: 
-- dreamweaver
-- drupal
-- htmlcss
-- adobe-illustrator
-- indesign
-- invision
-- javascript
-- laravel
-- photoshop
-- php
-- wordpress
-- zeplin
----
-
-  > **wave \| working creatively for a better world**
-
-We are a design co-operative specialising in creative print and web design for the not-for-profit sector. We work exclusively with organisations that we feel make a positive difference to society today. We like working with people and organisations who do inspiring, positive work in the world and we are proud to have been ‘waving’ the coop flag for 30 years!
-
-Our services range from brand and identity development, campaign material, print publications and exhibitions to photography, illustration, web design and development, animation, interactive applications and games!
-
-Please see case studies for some **recent work**.

_coops/webarchitects.md

@@ -5,7 +5,7 @@ members: 3
 website: https://www.webarchitects.coop/
 email: info@webarch.net
 twitter: webarchcoop
-github: https://github.com/webarch-coop
+github: webarch-coop
 telephone: '+44 114 276 9709'
 address: Webarch Co-operative Limited,Harland Works,68a John Street,Sheffield,United Kingdom,S2 4QU
 latitude: 53.3704644

_coops/yvant.md

@@ -1,55 +0,0 @@
----
-title: Yvant
-name: Yvant
-members: 3
-website: https://yvant.coop/
-email: hello@yvant.coop
-twitter:
-github: yvant-coop
-telephone: 'Signal +44 (0) 7881 806 331'
-address: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX
-latitude: 51.538186
-longitude: -0.071404
-clients:
-
-services:
-- big-data
-- business-systems
-- consultancy
-- database-solutions
-- development
-- devops
-- hosting
-- mentoring
-- strategy
-- rapid-application-development
-- sysadmin
-technologies:
-- apache
-- aws-lambda
-- bash
-- clojure
-- docker
-- htmlcss
-- java
-- javascript
-- mongodb
-- mysql
-- nginx
-- node-js
-- postgresql
-- terraform
-- vue-js
----
-
-Yvant builds **systems** to help solve the climate crisis. We **collaborate** with organisations who share our drive to create a thriving environment for future generations.
-
-We design and build bespoke software systems, write infrastructure as code, help with cloud migration and digital transformation... in fact, there's a lot we can help with:
-
-* Devops & Automation
-* Research & Development
-* Rapid Prototyping
-* System Integration
-* Mentoring
-
-We take our time to really understand your objectives and zoom out to see the big picture. Often a simple solution is the most effective. We don't use technology for its own sake. We're about delivering value and helping you achieve your goals.

_includes/footer.html

@@ -1,30 +1,19 @@
 <footer>
-  <div class="footer-upper">
-    <div class="row">
-      <div class="small-12 columns">
-
-        <div class="menu-centered">
-          <ul class="menu">
+  <section class="slice slice--dark">
+    <ul class="footer-links">
       <li><a href="/about">About <span>&#xbb;</span></a></li>
       <li><a href="/join">Join <span>&#xbb;</span></a></li>
-            <li><a href="/manifesto">Manifesto <span>&#xbb;</span></a></li>
+      <li><a href="/about#manifesto">Manifesto <span>&#xbb;</span></a></li>
     </ul>
-        </div>
+  </section>
 
-      </div>
-    </div>
-  </div>
-
-  <div class="footer-lower">
-    <div class="row">
-      <div class="small-12 columns">
-        <img src="/assets/img/coop-logo.png" class="float-center" />
+  <section class="slice slice--darker">
+    <img src="/assets/img/coop-logo.png" />
     <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> &amp; <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 &#xa9;2019</p>
-      </div>
-    </div>
-  </div>
+    <p>Hosted by <a href="https://www.webarchitects.coop/" target="_blank">Webarchitects</a> for CoTech &#xa9; {{ 'now' | date: '%Y' }}</p>
+  </section>
+
   <!-- Matomo -->
   <script type="text/javascript">
     var _paq = _paq || [];

_includes/head.html

@@ -53,23 +53,11 @@
   <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' href='/assets/css/reset.css' type='text/css' media='all' />
+  <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">
-  <script type="text/javascript">
-    window.mapboxAccessToken = '{{ site.mapbox_access_token }}';
-  </script>
 </head>

_includes/header.html

@@ -1,15 +1,42 @@
-<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="/">
+<header class="header">
+  <div>
+    <a class="header_logo-link" href="/">
       <img src="/assets/img/CoTech-logo.png">CoTech
     </a>
-        </strong>
-        <a class="back" href="/">&#8592; Go Back</a>
-        <a class="close" href="/">&#10006;</a>
-      </div>
   </div>
+  <div>
+    <button class="header_burger-btn" aria-label="Toggle menu">
+      <svg class="header_burger-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
+        <path d="M3 6h18M3 12h18M3 18h18" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+      </svg>
+      <svg class="header_close-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
+        <path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+      </svg>
+    </button>
+    <ul class="header_menu-list">
+      <li><a href="/#members">Members</a></li>
+      <li><a href="/about">About</a></li>
+      <li><a href="/join">Join</a></li>
+      <li><a href="/#contact">Contact</a></li>
+    </ul>
   </div>
+
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const burgerBtn = document.querySelector('.header_burger-btn');
+      const menuList = document.querySelector('.header_menu-list');
+
+      burgerBtn.addEventListener('click', function() {
+        menuList.classList.toggle('active');
+        burgerBtn.classList.toggle('active');
+      });
+
+      const menuLinks = document.querySelectorAll('.header_menu-list a');
+      menuLinks.forEach(link => {
+        link.addEventListener('click', function() {
+          menuList.classList.remove('active');
+        });
+      });
+    });
+  </script>
 </header>

_includes/javascripts.html

@@ -1 +0,0 @@
-<script type='text/javascript' src='/assets/js/app.js?ver=4.8'></script>

_layouts/coop.html

@@ -1,148 +1,94 @@
----
----
-
 <!doctype html>
 <html lang="en">
-
   {% include head.html %}
 
   <body>
-
     {% include header.html %}
 
-  <div class="coop">
-
-    <div id="page-banner">
-      <div class="row">
-        <div class="small-12 small-centered columns">
+    <section class="slice">
       <a href="{{ page.website }}" target="_blank">
-            <img src="/images/coops/{{ page.slug }}" alt="{{ page.slug }}">
+        <img class="slice_logo" src="/images/coops/{{ page.slug }}" alt="{{ page.slug }}">
       </a>
-          <h1>{{ page.name }}</h1>
-          <a href="{{ page.website }}" target="_blank">{{ page.website }}</a>
-        </div>
-      </div>
-    </div>
+      <h1 class="slice_title">{{ page.name }}</h1>
+      <a class="slice_subtitle" href="{{ page.website }}" target="_blank">{{ page.website }}</a>
+    </section>
 
-    <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>
+    <div class="two-column">
+      <div class="two-column_left">
         {% if page.email %}
-              <div class="column">
+        <div>
           <strong>Email:</strong>
           <p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
         </div>
         {% endif %}
         {% if page.telephone %}
-              <div class="column">
+        <div>
           <strong>Tel:</strong>
           <p>{{ page.telephone }}</p>
         </div>
         {% endif %}
         {% if page.address %}
-              <div class="column">
+        <div>
           <strong>Address:</strong>
           <p>{{ page.address | split: "," | join: "<br>" }}</p>
         </div>
         {% endif %}
-            </section>
+        <div>
+          {% if page.twitter %}
+          <p><a href="http://twitter.com/{{ page.twitter }}" target="_blank">Twitter</a></p>
+          {% endif %}
+          {% if page.github %}
+          <p><a href="https://github.com/{{ page.github }}" target="_blank">Github</a></p>
+          {% endif %}
+        </div>
       </div>
-          <!-- /Contact -->
 
-          <div class="small-12 large-8 columns">
-            <!-- About -->
+      <div class="two-column_right">
         <section>
           <p>{{ content }}</p>
         </section>
-            <!-- /About -->
 
         {% if page.services %}
-            <!-- Services -->
         <section>
           <h2 id="services">Services</h2>
 
-              <div class="row small-up-3 medium-up-4 large-up-4 small-collapse">
+          <ul>
             {% for service in page.services %}
             {% assign s = site.services | where: "slug", service | first %}
-                  <div class="column">
-                    <a href="{{ s.url | relative_url }}" class="service-thumb">
-                      <div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ s.slug }})"></div>
-                      <div>{{ s.name }}</div>
-                    </a>
-                  </div>
+            <li><a href="{{ s.url | relative_url }}">{{ s.name }}</a></li>
             {% endfor %}
-              </div>
+          </ul>
         </section>
-            <!-- /Services -->
         {% endif %}
 
         {% if page.technologies %}
-            <!-- Technologies -->
         <section>
           <h2 id="tech">Technologies</h2>
 
-              <div class="row small-up-3 medium-up-4 large-up-4 small-collapse">
+          <ul>
             {% for technology in page.technologies %}
             {% assign t = site.technologies | where: "slug", technology | first %}
-                  <div class="column">
-                    <a href="{{ t.url | relative_url }}" class="technology-thumb">
-                      <div class="technology-thumb-img float-center" style="background-image: url(/images/technologies/{{ t.slug }})"></div>
-                    <div>{{ t.name }}</div>
-                  </a>
-                </div>
+            <li><a href="{{ t.url | relative_url }}">{{ t.name }}</a></li>
             {% endfor %}
-              </div>
+          </ul>
         </section>
-            <!-- /Technologies -->
         {% endif %}
 
         {% if page.clients %}
-            <!-- Clients -->
         <section>
           <h2 id="clients">Clients</h2>
 
-              <div class="row small-up-2 medium-up-3 large-up-3">
+          <ul>
             {% for client in page.clients %}
             {% assign c = site.clients | where: "slug", client | first %}
-                  <div class="column client-thumb-container">
-                    <div class="client-thumb" style="background-image: url(/images/clients/{{ c.slug }})"></div>
-                    <div class="client-thumb-header">{{ c.title }}</div>
-                  </div>
+            <li>{{ c.title }}</li>
             {% endfor %}
-              </div>
+          </ul>
         </section>
-            <!-- /Clients -->
         {% endif %}
       </div>
     </div>
-      </div>
-    </div>
-  </div>
 
     {% include footer.html %}
-
-  {% include javascripts.html %}
   </body>
-
 </html>

_layouts/default.html

@@ -1,46 +1,24 @@
 <!doctype html>
 <html lang="en">
-
   {% include head.html %}
-
   <body>
-
     {% include header.html %}
 
-  <div>
-
-    <div id="page-banner">
-      <div class="row">
-        <div class="small-centered small-12 medium-10 large-8 columns">
+    <div class="default-wrapper">
+      <section class="page-heading">
         <h1>{{ page.heading }}</h1>
-        </div>
-      </div>
-    </div>
+      </section>
 
-    <div class="page-content">
-      <div class="row">
-        <div class="small-centered small-12 medium-10 large-8 columns">
+      <section class="content">
         {{ content }}
-        </div>
-      </div>
+      </section>
 
       {% if page.append_email_form %}
-        <section id="join-form">
-          <div class="row">
-            <div class="small-12 medium-6 small-centered columns">
+      <section>
         <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>
-
 </html>

_layouts/home.html

@@ -1,72 +1,22 @@
 <!doctype html>
 <html lang="en" prefix="og: http://ogp.me/ns#">
-
   {% include head.html %}
-
   <body>
+    {% include header.html %}
 
-  <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="/#clients">Clients</a></li>
-              <li><a href="/#services">Services</a></li>
-              <li><a href="/#technologies">Technologies</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>
-    </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 />
+    <section class="hero">
+      <h1 class="hero_title">Cooperative Technologists</h1>
+      <p class="hero_body">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="video" data-open="video-modal"><i class="fi-play"></i>Watch video</a>
-            <a id="our-manifesto" href="manifesto">Our manifesto</a>
+
+      <span class="hero_button">
+        <a href="/about#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>
+    </section>
 
     {{ content }}
 
-  </div>
-
-
     {% include footer.html %}
-
-  {% include javascripts.html %}
   </body>
-
 </html>

_layouts/service.html

@@ -1,93 +1,31 @@
----
----
-
 <!doctype html>
 <html lang="en">
 
   {% include head.html %}
 
   <body>
-
     {% include header.html %}
 
-  <div class="service">
-
-    <div id="page-banner">
-      <div class="row">
-        <div class="small-12 small-centered columns">
-          <img src="/images/services/{{ page.slug }}" alt="{{ page.name }}">
-          <h1>Coops that offer <span>{{ page.name }}</span></h1>
+    <div class="default-wrapper">
+      <section class="page-heading">
+        <h2>Coops that offer <span>{{ page.name }}</span></h2>
         {% if page.description %}
         <p>{{ page.description }}</p>
         {% endif %}
-        </div>
-      </div>
-    </div>
+      </section>
 
-    <div class="row">
-      <div class="small-12 columns">
-
-        <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">
+      <div class="logo-grid">
         {% 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 class="logo-grid_link" href="{{ coop.url | relative_url }}">
+          <div class="logo-grid_item">
+            <img class="logo-grid_img" src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" />
+          </div>
         </a>
-                  </div>
         {% endif %}
         {% endfor %}
       </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-services"></div>
-              <script type="text/javascript">
-                var mapEntries = [
-                  {% for coop in site.coops %}
-                    {% if coop.services contains page.slug %}
-                      {
-                        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>" }}'
-                      },
-                    {% endif %}
-                  {% endfor %}
-                ];
-
-                $(document).ready(function() {
-                    var map = window.app.createMapMultiMarker('map-services', 54.7, -4.2, 6, mapEntries);
-                    $('#coops-view-tabs').on('change.zf.tabs', function() {
-                      map.invalidateSize();
-                    });
-                });
-
-              </script>
-            </div>
-          </div>
-          <!-- END Map View Content -->
-        </div>
-      </div>
-    </div>
-  </div>
-
     {% include footer.html %}
-
-  {% include javascripts.html %}
   </body>
-
 </html>

_layouts/technology.html

@@ -1,93 +1,32 @@
----
----
-
 <!doctype html>
 <html lang="en">
 
 {% include head.html %}
 
 <body>
-
   {% include header.html %}
 
-  <div class="technology">
-
-    <div id="page-banner">
-      <div class="row">
-        <div class="small-12 small-centered columns">
-          <img src="/images/technologies/{{ page.slug }}" alt="{{ page.name }}">
-          <h1>Coops that use <span>{{ page.name }}</span></h1>
+  <div class="default-wrapper">
+    <section class="page-heading">
+      <h2>Coops that use <span>{{ page.name }}</span></h2>
       {% if page.description %}
       <p>{{ page.description }}</p>
       {% endif %}
-        </div>
-      </div>
-    </div>
+    </section>
 
-    <div class="row">
-      <div class="small-12 columns">
-
-        <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">
+    <div class="logo-grid">
       {% 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 class="logo-grid_link" href="{{ coop.url | relative_url }}">
+        <div class="logo-grid_item">
+          <img class="logo-grid_img" src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" />
+        </div>
       </a>
-                  </div>
       {% endif %}
       {% endfor %}
     </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-technologies"></div>
-                <script type="text/javascript">
-                  var mapEntries = [
-                    {% for coop in site.coops %}
-                      {% if coop.technologies contains page.slug %}
-                        {
-                          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>" }}'
-                        },
-                      {% endif %}
-                    {% endfor %}
-                  ];
-
-                  $(document).ready(function() {
-                      var map = window.app.createMapMultiMarker('map-technologies', 54.7, -4.2, 6, mapEntries);
-                      $('#coops-view-tabs').on('change.zf.tabs', function() {
-                        map.invalidateSize();
-                      });
-                  });
-
-                </script>
-            </div>
-          </div>
-          <!-- END Map View Content -->
-        </div>
-      </div>
-    </div>
-  </div>
-
   {% include footer.html %}
-
-  {% include javascripts.html %}
 </body>
 
 </html>

_technologies/_clients/anarchy-rules.md

@@ -1,3 +0,0 @@
----
-title: Anarchy Rules
----

_technologies/_clients/biobulkbende.md

@@ -1,3 +0,0 @@
----
-title: Biobulkbende
----

_technologies/_clients/campaign-against-arms-trade.md

@@ -1,3 +0,0 @@
----
-title: Campaign Against Arms Trade
----

_technologies/_clients/fashion-revolution.md

@@ -1,3 +0,0 @@
----
-title: Fashion Revolution
----

_technologies/_clients/good-night-out.md

@@ -1,3 +0,0 @@
----
-title: Good Night Out
----

_technologies/_clients/neuronic-games.md

@@ -1,3 +0,0 @@
----
-title: Neuronic Games
----

_technologies/_clients/third-sector-accountancy.md

@@ -1,3 +0,0 @@
----
-title: Third Sector Accountancy
----

about.md

@@ -3,24 +3,44 @@ title: About
 heading: About CoTech
 layout: default
 ---
+<img src="https://wiki.coops.tech/w/images/a/ae/Pose.png" alt="Co-operative Technologists at Wortley Hall" width="100%" />
 
-Co-operative Technologists (aka CoTech) is a network of co-operatives that sell tech/digital services. It aims to create a better technology sector in the UK that focuses primarily on worker, customer and end-user needs rather than on generating private profit.
+*Co-operative Technologists (CoTech) is a growing network of tech and digital service co-operatives working to reshape the technology sector in the UK.* Our members are co-operatives that operate democratically, giving workers (and, in some cases, customers) control over the business. CoTech was founded at Wortley Hall in 2016 and became the first sector specific arm of the [worker.coop federation](https://www.workers.coop/) in September 2024.
 
-The members of the network aim to use their collective experience, skills, resources and knowledge to radically increase the market share of companies that are owned and run by their workers. We have found that this model creates better workplaces, better digital products and better value for customers. We want to help more people to enjoy the benefits of this model.
+*We believe that businesses owned and run by their workers can create better workplaces, deliver higher quality products, and provide greater value to customers.* Unlike traditional businesses, we have no private shareholders extracting profits. Our aim is to change both our industry and society through cooperation. We strive to be a model of thought leadership and innovation in the progressive business movement.
 
-Each member of the network is a company that is owned and democratically run by it's workers (and, in some cases, customers). There are no private shareholders who take money out of the company and/or direct the company's activities. While many of the member co-operatives do not have completely flat structures -- many have boards, management committees, etc. -- they are all democratic workplaces and the members have the opportunity to appoint people to roles or change the structure of their organisations.
+*At CoTech we openly share skills, knowledge, and resources to facilitate community, mutual support, and shared growth in our sector.*
 
-Governance of the network currently takes place through a rough consensus process using [Loomio][], [a wiki][wiki] and [our community forum]({{ site.forum }}), and all members are invited and encouraged to get involved. As the network develops, we will explore changes to this governance model together.
+Our activities include:
 
-The network was founded at <a href="https://wiki.coops.tech/wiki/Main_Page#Wortley_Hall_2016">an event on 14th November 2016</a> at [Wortley Hall -- the worker's stately home][wortley-hall] -- where many of us met for the very first time to share ideas, skills and plans for world domination.
+* hosting in-person and online gatherings
+* engaging on the community forum
+* seconding employees to each other to meet specific needs
+* working on projects together
 
-<img src="https://wiki.coops.tech/w/images/a/ae/Pose.png" alt="Co-operative Technologists at Wortley Hall" width="1024" height="376" />
+*Governance of the CoTech network is a collaborative process.* We make decisions by consensus using tools like [Loomio](https://www.loomio.com/cotech/), our [wiki](jttps://wiki.coops.tech/), and [community forum](https://community.coops.tech/). All members are encouraged to participate and help shape our direction as we grow.
 
-Read [our manifesto][manifesto], [contact us if you want to work with us][contact] or [join us][join].
 
-[Loomio]: https://www.loomio.org/g/oVwtKDOn/digital-co-ops
+<a id="manifesto"></a>
+## Our Manifesto
+
+We believe in a fairer world in which wealth and resources are distributed to the people who need them rather than those best able to take them.
+
+As [Co-operative Technologists][] we aim to ensure that technology plays its part in creating a fairer world.
+
+Our individual worker co-operatives have shown that workers who collectively own their companies and control their destinies make better workplaces, better suppliers and better digital products.
+
+We call upon tech workers who share our vision to [join us][join].
+
+We call upon consumers of digital products -- including trades unions, charities, governments and private companies -- to reject the false assumption that only multinational conglomerates or private equity-funded startups can be great tech companies. Technology is the lifeblood of all our futures, not just a gravy train for the fortunate few.
+
+We hereby give notice to technology companies that do not treat their employees fairly, do not give their workers control of their businesses and do not seek to create a fairer world that your days are numbered. We are more creative, more committed and more resilient. [Join us][join].
+
+[Contact us if you want to work with us][contact] or [join us][join].
+
+[Loomio]: https://www.loomio.com/cotech/
 [wiki]: https://wiki.coops.tech/
 [wortley-hall]: https://www.wortleyhall.org.uk/
-[manifesto]: /manifesto
 [contact]: /#contact
 [join]: /join
+[Co-operative Technologists]: /about

assets/css/reset.css

@@ -0,0 +1,56 @@
+/* https://www.joshwcomeau.com/css/custom-css-reset/ */
+
+/* 1. Use a more-intuitive box-sizing model */
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+/* 2. Remove default margin */
+* {
+  margin: 0;
+}
+
+/* 3. Enable keyword animations */
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
+  }
+}
+
+body {
+  /* 4. Add accessible line-height */
+  line-height: 1.5;
+  /* 5. Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/* 6. Improve media defaults */
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+
+/* 7. Inherit fonts for form controls */
+input, button, textarea, select {
+  font: inherit;
+}
+
+/* 8. Avoid text overflows */
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+
+/* 9. Improve line wrapping */
+p {
+  text-wrap: pretty;
+}
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
+
+/*
+  10. Create a root stacking context
+*/
+#root, #__next {
+  isolation: isolate;
+}

assets/foundation-icons/foundation-icons.css

@@ -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"; }

assets/js/app.js

@@ -1,60 +0,0 @@
-$(document).foundation();
-
-$('#coops-view-tabs').on('change.zf.tabs', function() {
-      window.app.createMapMultiMarker('map-coops', 54.7, -4.2, 6, window.app.mapEntries);
-});
-
-var elem = new Foundation.Sticky($('.top-bar'));
-var app = window.app || {};
-
-var mapboxAccessToken = window.mapboxAccessToken || '';
-
-app.apiUrl = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' + mapboxAccessToken;
-
-app.tileLayerOptions = {
-    maxZoom: 18,
-    attribution: 'Map data &copy; <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>',
-    id: 'mapbox.streets',
-    token: window.mapboxAccessToken
-};
-
-app.map = null;
-
-app.createMap = function(mapId, lat, lng, zoom) {
-  window.app.map = L.map(mapId).setView([lat, lng], zoom);
-}
-
-app.createMapSingleMarker = function(mapId, lat, lng, zoom, markerText) {
-    if (!window.app.map) {
-        window.app.createMap(mapId, lat, lng, zoom);
-        var myMap = window.app.map;
-
-        L.tileLayer(window.app.apiUrl, window.app.tileLayerOptions).addTo(myMap);
-
-        var marker = L.marker([lat - 0.0005, lng]).addTo(myMap);
-        marker.bindPopup(markerText).openPopup();
-    }
-    return window.app.map;
-}
-
-app.createMapMultiMarker = function(mapId, lat, lng, zoom, markersArray) {
-  if (!window.app.map) {
-      window.app.createMap(mapId, lat, lng, zoom);
-      var myMap = window.app.map;
-
-      L.tileLayer(window.app.apiUrl, window.app.tileLayerOptions).addTo(myMap);
-
-      markersArray.forEach(function (markerVar) {
-          var marker = L.marker([markerVar.lat, markerVar.lng]).addTo(myMap);
-          marker.bindPopup(markerVar.markerText);
-      });
-  }
-  return window.app.map;
-};
-
-//# sourceMappingURL=app.js.map
-$('#client-list .column').shuffle();
-window.setInterval(function(){
-    /// call your function here
-    $('#client-list .column').shuffle();
-}, 7000);

assets/js/app.js.map

@@ -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 &copy; <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"]}

bot.html

@@ -1,35 +0,0 @@
-  <footer>
-  <div class="footer-upper">
-    <div class="row">
-      <div class="small-12 columns">
-
-        <div class="menu-centered">
-          <ul class="menu">
-            <li><a href="/about">About <span>&#xbb;</span></a></li>
-            <li><a href="/join">Join <span>&#xbb;</span></a></li>
-            <li><a href="/manifesto">Manifesto <span>&#xbb;</span></a></li>
-          </ul>
-        </div>
-
-      </div>
-    </div>
-  </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> &amp; <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 &#xa9;2020</p>
-      </div>
-    </div>
-  </div>
-</footer>
-
-
-  <script type='text/javascript' src='/assets/js/app.js'></script>
-
-</body>
-
-</html>

docker-compose.yml

@@ -11,12 +11,13 @@ services:
       - "4000:80"
 
   jekyll:
-    image: ruby:2.6.6
+    image: ruby:3.4.4
     working_dir: /src
     environment:
       BUNDLE_PATH: /vendor
     command: >
       sh -c '
+        gem update --system &&
         bundle &&
         bundle exec jekyll build --destination /site --watch
       '