Chris Croome
f2a1d4bf14
text fix co-op description links
2026-10-19 11:07:28 +01:00
Chris Croome
4412264682
test dark mode fix
2026-10-19 10:58:19 +01:00
Chris Croome
1ffddf2c53
test dark mode fix
2026-10-19 10:55:52 +01:00
Chris Croome
9310ca4c0c
https://community.coops.tech/t/website-with-dark-mode/5035
2026-10-19 10:52:18 +01:00
Chris Croome
44aae3e524
test fix coop pop up for dark mode
2026-10-18 19:08:41 +01:00
simon
336b66d7d3
updated conference page, add focus left/right styles, added events to top nav and tweaked responsive behaviour
2026-08-04 14:38:19 +01:00
simon
09f8ba9388
added fixes per natashas feedback
2026-05-12 15:26:31 +01:00
simon
245ccc825f
created conference page, added table styling to css
2026-04-28 12:46:17 +01:00
da5nsy
e1bc930862
Revert "fix link size?"
...
This reverts commit 308e0a83ae
2026-03-19 14:40:48 +00:00
da5nsy
e0c494f900
Revert "make links not small"
...
This reverts commit fe15aabd37
2026-03-19 14:40:26 +00:00
da5nsy
308e0a83ae
fix link size?
2026-03-19 14:15:01 +00:00
da5nsy
fe15aabd37
make links not small
2026-03-19 14:10:07 +00:00
da5nsy
b6c3ffed42
switch from contrast boost to brightness boost for greyscale images
2026-03-19 13:37:14 +00:00
da5nsy
3d8856fdab
boost greyscale image contrast
2026-03-19 12:46:19 +00:00
da5nsy
7ba74ac195
tweak paragraph spacing
2026-03-19 12:10:25 +00:00
Chris Croome
2e3f6d5995
rm !important as it didn't work
2026-03-19 11:49:20 +00:00
Chris Croome
2266017764
test css colour info box h2
2026-03-19 11:43:16 +00:00
Chris Croome
e2fe984c8f
tweak test coop box colour
2026-03-19 11:39:29 +00:00
Chris Lowis
8a65352b56
Add some additional padding to the client logos
2026-03-13 11:14:18 +00:00
Chris Lowis
f217c188cf
Add "our work" boxes to homepage
2026-02-06 16:52:36 +00:00
Chris Lowis
38e092a294
Various tweaks based on design feedback
...
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.
2026-02-06 12:10:32 +00:00
Chris Lowis
4d476227ab
Fix selector typo
...
The h2 here was not being applied to just the info box.
2025-12-21 21:13:51 +00:00
Chris Lowis
23afe2cb68
Additional styles for co-op content
...
This makes links visible and improves the display of blockquotes in
the co-op boxes.
2025-12-21 09:26:05 +00:00
Chris Lowis
9737c10781
Add hover state to members grid
...
To match the Figma designs
2025-12-17 16:11:07 +00:00
Chris Lowis
6409ec9734
Add some additional margin to the dialog on small screens
2025-12-17 12:58:39 +00:00
Chris Lowis
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
Chris Lowis
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
Chris Lowis
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
Chris Lowis
55813e23a4
Add "why co-ops?" page
2025-12-16 15:48:34 +00:00
Chris Lowis
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
Chris Lowis
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
Chris Lowis
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
Chris Lowis
f8d28d8aa3
Apply decoration to homepage hero section
2025-12-16 15:48:34 +00:00
Chris Lowis
d329b6e51f
Tweak header styles to match new designs
2025-12-16 15:48:34 +00:00
Chris Lowis
fedff4f6b8
Apply maximum size to sections
2025-12-16 15:48:33 +00:00
Chris Lowis
d0fb47a3f2
Wrap buttons in a switcher layout
2025-12-16 15:48:33 +00:00
Chris Lowis
c2235a7c8b
Footer styling
2025-12-16 15:48:33 +00:00
Chris Lowis
43f0e729a1
Add image to homepage
2025-12-16 15:48:33 +00:00
Chris Lowis
4648499813
Display co-op logos and services in a grid
2025-12-16 15:48:33 +00:00
Chris Lowis
702d42f892
Align cotents of box
2025-12-16 15:48:33 +00:00
Chris Lowis
2560dafcae
Prevent img from stretching
2025-12-16 15:48:33 +00:00
Chris Lowis
2ac1bd8bd7
Style the buttons
2025-12-16 15:48:33 +00:00
Chris Lowis
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
Chris Lowis
72feafaf49
Wrap logos and services in a box
2025-12-16 15:48:32 +00:00
Chris Lowis
53cfa918c4
Add blue border to headings
2025-12-16 15:48:32 +00:00
Chris Lowis
1c3816dd51
Add padding to <section>
2025-12-16 15:48:32 +00:00
Chris Lowis
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
Chris Lowis
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
Chris Lowis
c00d8889a2
Simplify co-op page markup
...
Now we no longer have two columns of content.
2025-12-16 15:48:32 +00:00
Natasha Natarajan
538ae9d146
Edit app.css
2025-07-02 14:38:12 +00:00
Chris Croome
simon
da5nsy
Chris Lowis
Chris Lowis
Natasha Natarajan