From f8d28d8aa3c44d23d433902c39fc83416237872f Mon Sep 17 00:00:00 2001 From: Chris Lowis Date: Mon, 15 Dec 2025 17:29:55 +0000 Subject: [PATCH] Apply decoration to homepage hero section --- assets/css/app.css | 18 +- assets/img/decoration.svg | 782 ++++++++++++++++++++++++++++++++++++++ index.html | 26 +- 3 files changed, 815 insertions(+), 11 deletions(-) create mode 100644 assets/img/decoration.svg diff --git a/assets/css/app.css b/assets/css/app.css index 626cf2a..65a6145 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -175,7 +175,7 @@ img.rounded { } section, footer, header { - padding: var(--space-sm); + padding: var(--space-md); max-inline-size: 1024px; margin-left: auto; margin-right: auto; @@ -353,6 +353,22 @@ section, footer, header { } } +.hero__right { + display: none; +} + +@media screen and (width > 480px) { + .hero { + display: grid; + gap: var(--space-xl); + grid-template-columns: 3fr 2fr; + } + + .hero__right { + display: inline; + } +} + footer { h3 { border-left: none; diff --git a/assets/img/decoration.svg b/assets/img/decoration.svg new file mode 100644 index 0000000..4562b8f --- /dev/null +++ b/assets/img/decoration.svg @@ -0,0 +1,782 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index b4745c5..20dd591 100644 --- a/index.html +++ b/index.html @@ -3,20 +3,26 @@ title: CoTech layout: default --- -
-

We're building a cooperative digital economy

+
+
+

We're building a cooperative digital economy

-

CoTech is a UK-wide network of creative technology companies - fully owned and controlled by the people who do the work.

- +

CoTech is a UK-wide network of creative technology companies + fully owned and controlled by the people who do the work.

+ -

We design, build, and support digital and creative products for - organisations that want values-aligned tech.

+

We design, build, and support digital and creative products for + organisations that want values-aligned tech.

-
- Hire our coops - Join the network +
+ Hire our coops + Join the network +
+
+ +
+