Tommy sent over some feedback, and I've tried to incorporate it. I've
brought in the Light variant of the Source Serif font, as although
figma uses Regular, these seemed to render too heavy in browsers even
with the smoothing options I also added.
There appear to be no references to these images in the current output
in `_site` after running `jekyll build`. Over time as we've worked on
a refactored the site, adding and removing co-ops and so on I think
these images have become orphaned.
Removing them makes everything a bit easier to understand.
I've visted each page in turn in the browser with developer tools
enabled and there doesn't appear to be any 404 status codes for any
requests on any page.
This commit progressively enhances the co-op grid to show the contents
of the `/co-op/<id>` page in a HTML `<dialog>` element. This improves
the existing experience by retaining the scroll position and returning
the user to the correct page when the dialog is closed.
In case JS isn't available, and for SEO purposes we link to the co-op
pages as previously (but with the disadvantage that the "close" button
always returns to the homepage irrespective of where the co-op grid is
used).
Natasha and I went through the design together and made a number of
small tweaks.
In particular we removed the responsive line-height in favour of a
fixed one at all screen sizes.
I've decided to style these pages to look like "modals" for now, but I
haven't implemented them as such yet. I think we might be able to add
some progressive enhancement to retain the scroll position when a
co-op logo is clicked to make it feel more like a separate modal
dialog is opening.
I think it's probably easier to start from a cleaner slate for this
redesign, rather than try to incrementally refactor towards the new
design. Some of the base styles are fine and I've retained some of the
CSS variables. I've also kept the header as it probably will be useful
to refactor rather than completely re-do this.
In the new designs we are no longer showing services, clients,
technologies, member counts, maps, addresses, email addresses or
social links for our member co-ops. So we can remove this metadata
altogether.
Before this commit the logos were a fairly garish mixture of different
colours, and many of the logos didn't work very well on a white
background.
In keeping with the new brand guidelines we've applied a greyscale
filter to the logos, and Natasha has created some variants of the
existing logos that work better on a black background. I've decided to
keep all the original logos and their variants in case we want to
switch again later, and chosen which one to used based on my taste.
This seems to improve things and we can ask co-ops to provide us with
higher res logos that work on black backgrounds later if we want to
improve things further.
Co-authored-by: Natasha Natarajan <natasha@outlandish.com>
I took the SVG favicon from the brand assets pack Creative Coop
produced and put it through an online tool[1] to
generate these files.
[1] https://realfavicongenerator.net
Creative Co-op have recently prepared some brand guidelines for
CoTech, including a new logo, typography suggestions and background
images. This commit restyles the site to apply, as best we can, these
guidelines. It's hard to split this into smaller commits because the
decision to use a black background colour means many things have to
change.
Notably we've removed the "about/join" footer, as it was hard to
choose a bg colour and without one it became more apparent that this
footer was more in the way than useful.
Co-authored-by: Natasha Natarajan <natasha@outlandish.com>
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.
The site had around 7000 lines of CSS and 23,000 lines of JS. It also
used a framework called "Zurb" to build the layout. We're planning to
rebrand the website and to make that work easier I think it would help
me (and hopefully those that come after me) to strip out all of these
technologies and recreate the site with a simple stylesheet.
By doing so I think we lose a couple of features, such as the zooming hover
states on the grids of images. Some features, like the "sticky" header
are probably better implemented nowadays in pure CSS.
Given that the site is maintained by volunteers I think the simpler we
can make it the better.
Ruby 2.6.6 has reached the end-of-life and I had some trouble
installing the dependencies locally as a result. I've updated to the
latest version of ruby and regenerated the Gemfile.lock with the
latest versions of the two gems we depend on, and their dependencies.
Everything looks to still be working in terms of site generation.
This seems to have been inadvertently broken in this commit [1]. Perhaps
even the GitLab Web IDE was confused by the "duplicate" image files...?
[1]: f0f0c3aea7
Both Blake House and Open Data Services were already using lowercase
version of the Power to Change client markdown and image files, i.e.
`_clients/power-to-change.md` and `images/clients/power-to-change.png`.
So the uppercase versions of the files, i.e.
`_clients/Power-to-Change.md` and `images/clients/Power-to-Change.png`,
were effectively duplicates.
This led to the following warning messages on case-insensitive
filesystems, making it hard to work on the project on such systems:
> warning: the following paths have collided (e.g. case-sensitive paths
> on a case-insensitive filesystem) and only one from the same colliding
> group is in the working tree
In this commit, I've added the website from `Power-to-Change.md` into
`power-to-change.md`, deleted `Power-to-Change.md` &
`Power-to-Change.png`, and changed the reference in `dot-project.md`
from `Power-to-Change` to `power-to-change`. I think this is the right
thing to do, because ideally all the markdown files should be lowercase
in case they are used in URL paths.
Although no coops seem to be referencing this client, there were already
lowercase versions of the relevant files, i.e. `_clients/kaspersky.md`
and `images/clients/kaspersky.svg`. So the uppercase version,
`Kaspersky.md` was effectively a duplicate.
This led to the following warning messages on case-insensitive
filesystems, making it hard to work on the project on such systems:
> warning: the following paths have collided (e.g. case-sensitive paths
> on a case-insensitive filesystem) and only one from the same colliding
> group is in the working tree
In this commit, I've deleted `Kaspersky.md` which didn't contain
anything different to `kaspersky.md`. I think this is the right thing to
do, because ideally all the markdown files should be lowercase in case
they are used in URL paths.
There are other similar issues, but I plan to address them in separate
commits.
Both Blake House and InFact were already using lowercase version of the
CAST client markdown and image files, i.e. `_clients/cast.md` and
`images/clients/cast.png`. So the uppercase versions of the files, i.e.
`_clients/CAST.md` and `images/clients/CAST.png`, were effectively
duplicates.
This led to the following warning messages on case-insensitive
filesystems, making it hard to work on the project on such systems:
> warning: the following paths have collided (e.g. case-sensitive paths
> on a case-insensitive filesystem) and only one from the same colliding
> group is in the working tree
In this commit, I've added the website from `CAST.md` into `cast.md`,
deleted `CAST.md` & `CAST.png`, and changed the reference in
`dot-project.md` from `CAST` to `cast`. I think this is the right thing
to do, because ideally all the markdown files should be lowercase in
case they are used in URL paths.
There are other similar issues, but I plan to address them in separate
commits.
I think having the seperator is not properly supported by the
foundation CSS. I was a bit confused with app.css as some seems to
be vendor CSS and some custom CSS, so I left the original padding
rule, and added an override in what seems more like a "custom CSS"
section...
I don't know why they didn't all just float nicely
together in the first place though :/
As the map tab is created hidden by default, leaflet seems unable
to deal with the sizing properly initially, but we can hook into
the "tab changed" event, and tell leaflet to recalculate the size
after switching tabs
This repo is [hosted at git.coop](https://git.coop/cotech/website) and [push mirrored to GitHub](https://github.com/cotech/jekyll-website).
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 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
This is a port of the current WordPress version of the CoTech website to a statically-generated site using Jekyll. The site consists of a bunch of markdown files and images stored in git.coop. The Jekyll build process is automated so that there is no need to have Jekyll installed and running to make changes to the site.
This is a port of the old WordPress version of the CoTech website to a statically-generated site using Jekyll. The site consists of a bunch of markdown files and images stored in git.coop. The Jekyll build process is automated so that there is no need to have Jekyll installed and running to make changes to the site.
We created World Builders with Central Co-op: a classroom board game that teaches the UN Global Goals through play. We led mechanics, identity and all printed assets, working with educators to keep it accessible for primary pupils. The game sparks discussion and turns complex ideas into memorable, practical actions.
As lead technical partner for LocalGov Drupal, the UK local government publishing platform created by councils for councils, we have worked since 2020 with an expanding network of councils and agencies to deliver a collaborative, code-sharing approach that accelerates development, improves quality, and reduces costs across local government website projects.
As lead technical partner for LocalGov Drupal, the UK local government publishing platform created by councils for councils, we have worked since 2020 with an expanding network of councils and agencies to deliver a collaborative, code-sharing approach that accelerates development, improves quality, and reduces costs across local government website projects.
When your membership data lives in a spreadsheet, it’s hard to see where your power really is. Who’s close enough to turn out for an action? Where are your strongest areas — and where do you need to grow? That’s why we built Mapped — a digital platform made by and for grassroots organisers. Mapped turns static membership lists into live, shared maps that help you see where your people are, plan strategically and take collective action. You don’t need to be a tech expert — just connect your existing membership database or upload a spreadsheet. Mapped instantly visualises your data on an interactive map.
Nook is a case management tool for the community energy sector. Co-designed with energy advisors themselves, it helps teams to manage client information, organise their case workflow and speed up their reporting. Nook is built on top of CiviCRM, a popular open-source solution.
Some files were not shown because too many files have changed in this diff
Show More
Reference in New Issue
Block a user
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
simon
Chris Croome
da5nsy
Chris Lowis
Graham Mitchell
Chris Lowis
Endre KadasandChris Croome
Natasha Natarajan
Emmy LeadleyandChris Croome
Liam MacLeod
tobias
Artem Pogorielov
Louise Scott
caprenterandChris Croome
Szczepan Orlowski
Polly
femmefaytale
decentral1se
Iván PerdomoandChris Croome
Tony WolskiandChris Croome
Hannah Blows
Laura HilligerandChris Croome
Code Operative
James Mead
James Mead
Annie Legge
Nick Sellen
Stephen Reid
Alex Worrad-Andrews
Gem Copeland
Lucy King
Finn
harry