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

_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/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/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.

_includes/footer.html

@@ -1,32 +1,21 @@
 <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>
-<!-- Matomo -->
-<script type="text/javascript">
+    <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 || [];
     /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
     _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
@@ -41,6 +30,6 @@
       var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
       g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
     })();
-</script>
-<!-- End Matomo Code -->
+  </script>
+  <!-- End Matomo Code -->
 </footer>

_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 %}
 
-{% include head.html %}
-
-<body>
-
+  <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>
-
+  </body>
 </html>

_layouts/default.html

@@ -1,46 +1,24 @@
 <!doctype html>
 <html lang="en">
-
-{% include head.html %}
-
-<body>
-
+  {% 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>
-
+  </body>
 </html>

_layouts/home.html

@@ -1,75 +1,22 @@
 <!doctype html>
 <html lang="en" prefix="og: http://ogp.me/ns#">
+  {% include head.html %}
+  <body>
+    {% include header.html %}
 
-{% include head.html %}
-
-<body>
-
-  <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="our-manifesto" href="manifesto">Our manifesto</a>
+
+      <span class="hero_button">
+        <a href="/about#manifesto">Our manifesto</a>
       </span>
-          <!-- span>
-            <a id="video" data-open="video-modal"><i class="fi-play"></i>Watch video</a>
-            <a id="our-manifesto" href="manifesto">Our manifesto</a>
-          </span -->
-          <!-- div class="reveal large" id="video-modal" data-reveal>
-            <div class="flex-video widescreen">
-              <iframe width="420" height="315" src="https://player.vimeo.com/video/196080655" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-            </div>
-          </div -->
-        </div>
-      </div>
-    </div>
+    </section>
 
     {{ content }}
 
-  </div>
-
-
     {% include footer.html %}
-
-  {% include javascripts.html %}
-</body>
-
+  </body>
 </html>

_layouts/service.html

@@ -1,93 +1,31 @@
----
----
-
 <!doctype html>
 <html lang="en">
 
-{% include head.html %}
-
-<body>
+  {% 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>
-{% if page.description %}
+    <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>
+        {% endif %}
+      </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>
-
+  </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>
-{% if page.description %}
+  <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>
+      {% endif %}
+    </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,14 +3,15 @@ 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="1024" height="376" />
+<img src="https://wiki.coops.tech/w/images/a/ae/Pose.png" alt="Co-operative Technologists at Wortley Hall" width="100%" />
 
 *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.
 
 *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.
 
-*At CoTech we openly share skills, knowledge, and resources to facilitate community, mutual support, and shared growth in our sector.* Our activities include:
+*At CoTech we openly share skills, knowledge, and resources to facilitate community, mutual support, and shared growth in our sector.*
+
+Our activities include:
 
 * hosting in-person and online gatherings
 * engaging on the community forum
@@ -20,11 +21,26 @@ layout: default
 *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].
+<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.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?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-v12',
-    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,7 +11,7 @@ services:
       - "4000:80"
 
   jekyll:
-    image: ruby:2.6.6
+    image: ruby:3.4.4
     working_dir: /src
     environment:
       BUNDLE_PATH: /vendor