0858c664c9
Use <dialog> to show co-op info when JS available
...
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).
2025-12-17 12:50:13 +00:00
dbb982990c
Various tweaks to the new design based on feedback
...
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.
2025-12-17 12:06:22 +00:00
60e58b04b8
Merge branch 'december-2025-redesign'
2025-12-16 15:49:02 +00:00
e79fb6c5d4
Remove scripts directory
...
These scripts have served their purpose and we can recover them from
the git history if we ever need them again.
2025-12-16 15:48:35 +00:00
ff2441b7b8
Fix up the domains.coop page
...
I'm not sure if this page is still relevant, but to avoid breaking
anything I've made it look *ok* with the new styles.
2025-12-16 15:48:35 +00:00
c5a16740d8
Add "hire our co-ops" link to members grid
2025-12-16 15:48:35 +00:00
a21ba89580
Fix dummy links
2025-12-16 15:48:35 +00:00
7a94b7153e
Add "hire us" page
2025-12-16 15:48:35 +00:00
5617c6fe6d
Extract services into an include
...
So I can use it on the hire us page
2025-12-16 15:48:35 +00:00
55813e23a4
Add "why co-ops?" page
2025-12-16 15:48:34 +00:00
e71acb9f7a
Update menu items to match current pages and design
2025-12-16 15:48:34 +00:00
68e481bb81
Add join page
2025-12-16 15:48:34 +00:00
333011f77c
Show members grid on about page
2025-12-16 15:48:34 +00:00
ced5d2ad0e
Refactor hero into grid-uneven and large-only classes
...
This makes it possible to reuse this CSS for the about page layout.
2025-12-16 15:48:34 +00:00
4ae2be1ff9
Add about page
2025-12-16 15:48:34 +00:00
2e864a9d79
Make link styles in grid of co-op images more specific
...
So that they don't target other links, such as buttons, that appear
inside the grid.
2025-12-16 15:48:34 +00:00
bb785c79ed
Style the co-op pages to match the designs
...
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.
2025-12-16 15:48:34 +00:00
f8d28d8aa3
Apply decoration to homepage hero section
2025-12-16 15:48:34 +00:00
0b6c5302ec
Move images into assets/img/
2025-12-16 15:48:34 +00:00
d329b6e51f
Tweak header styles to match new designs
2025-12-16 15:48:34 +00:00
fedff4f6b8
Apply maximum size to sections
2025-12-16 15:48:33 +00:00
e879ceb941
Add additional homepage paragraph
2025-12-16 15:48:33 +00:00
d0fb47a3f2
Wrap buttons in a switcher layout
2025-12-16 15:48:33 +00:00
c2235a7c8b
Footer styling
2025-12-16 15:48:33 +00:00
43f0e729a1
Add image to homepage
2025-12-16 15:48:33 +00:00
4648499813
Display co-op logos and services in a grid
2025-12-16 15:48:33 +00:00
702d42f892
Align cotents of box
2025-12-16 15:48:33 +00:00
2560dafcae
Prevent img from stretching
2025-12-16 15:48:33 +00:00
45ea23b18c
Apply stack class to content wrapper
...
And use `main` instead as this is more semantically useful.
2025-12-16 15:48:33 +00:00
2ac1bd8bd7
Style the buttons
2025-12-16 15:48:33 +00:00
7b8f5c9870
Introduce stack to add consistent vertical spacing
...
The default value of `--space` here is 1.4rem, to match the
default paragraph spacing.
2025-12-16 15:48:33 +00:00
72feafaf49
Wrap logos and services in a box
2025-12-16 15:48:32 +00:00
53cfa918c4
Add blue border to headings
2025-12-16 15:48:32 +00:00
1c3816dd51
Add padding to <section>
2025-12-16 15:48:32 +00:00
631c9a4fe6
Typography defaults
...
I've translated the two font sizes shown in Figma[1] to a responsive
scale using an online tool[2].
I've chosen a 70ch base measure as this seems to fit the designs based
on eyeballing them.
[1] https://www.figma.com/design/J0usguWJyGJSAqWSoozGos/Cotech--External-?node-id=2073-3627&t=H31i8C467gbX3TAJ-4
[2] https://websemantics.uk/tools/responsive-font-calculator/
2025-12-16 15:48:32 +00:00
d5ee34dba9
Add homepage copy
2025-12-16 15:48:32 +00:00
940b138b46
Strip out unwanted CSS
...
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.
2025-12-16 15:48:32 +00:00
f175da3ca4
Switch index to default layout
2025-12-16 15:48:32 +00:00
bf38328406
Remove clients, services, technologies from config.yml
...
These are no longer used, so we can simplify the config.
2025-12-16 15:48:32 +00:00
1ecb7f0e03
Remove client markdown docs
...
We no longer display clients anywhere on the site, so these can be removed.
2025-12-16 15:48:32 +00:00
5647b46cd0
Remove geocoder and geocoding script
...
We no longer use geocoded addresses on the site, so this dependency
can be removed.
2025-12-16 15:48:32 +00:00
264362cd98
Remove unused meta tags from _includes/head.html
2025-12-16 15:48:32 +00:00
c00d8889a2
Simplify co-op page markup
...
Now we no longer have two columns of content.
2025-12-16 15:48:32 +00:00
698828a782
Remove sidebar from co-op pages
...
We removed the metadata that populates this sidebar in a previous
commit.
2025-12-16 15:48:31 +00:00
59b911ce1e
Remove clients from co-op pages
...
We removed the metadata for this in a previous commit.
2025-12-16 15:48:31 +00:00
da137da894
Remove technologies
...
We stripped out the metadata from the co-op files in the previous
commit so these are no longer linked to or used.
2025-12-16 15:48:31 +00:00
ee5685d258
Remove services
...
We stripped out the metadata from the co-op files in the previous
commit so these are no longer linked to or used.
2025-12-16 15:48:31 +00:00
0f2a370ae7
Strip out unnecessary co-op YAML front matter
...
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.
2025-12-16 15:48:31 +00:00
2ce6edd008
Add missing file extension to autonomic-white logo
2025-12-16 15:48:31 +00:00
dbf16bb15a
update 512x512 logo
2025-12-16 11:20:38 +00:00