From 0916048bc3574915b702c003ecd86bd3506f3de9 Mon Sep 17 00:00:00 2001 From: Chris Lowis Date: Fri, 20 Jun 2025 16:33:36 +0100 Subject: [PATCH] Style co-op pages --- _layouts/coop.html | 156 ++++++++++++++++++++++----------------------- assets/css/app.css | 33 +++++++++- 2 files changed, 108 insertions(+), 81 deletions(-) diff --git a/_layouts/coop.html b/_layouts/coop.html index 0873d2e..394108e 100644 --- a/_layouts/coop.html +++ b/_layouts/coop.html @@ -5,92 +5,90 @@ {% include header.html %} -
+
- {{ page.slug }} + -

{{ page.name }}

- {{ page.website }} +

{{ page.name }}

+ {{ page.website }}
-
- {% if page.twitter %} -
- Twitter: -

{{ page.twitter }}

+
+
+ {% if page.email %} +
+ Email: +

{{ page.email }}

+
+ {% endif %} + {% if page.telephone %} +
+ Tel: +

{{ page.telephone }}

+
+ {% endif %} + {% if page.address %} +
+ Address: +

{{ page.address | split: "," | join: "
" }}

+
+ {% endif %} +
+ {% if page.twitter %} +

Twitter

+ {% endif %} + {% if page.github %} +

Github

+ {% endif %} +
- {% endif %} - {% if page.github %} -
- Github: -

{{ page.github }}

+ +
+
+

{{ content }}

+
+ + {% if page.services %} +
+

Services

+ +
    + {% for service in page.services %} + {% assign s = site.services | where: "slug", service | first %} +
  • {{ s.name }}
    • + {% endfor %} +
+
+ {% endif %} + + {% if page.technologies %} +
+

Technologies

+ +
    + {% for technology in page.technologies %} + {% assign t = site.technologies | where: "slug", technology | first %} +
  • {{ t.name }}
    • + {% endfor %} +
+
+ {% endif %} + + {% if page.clients %} +
+

Clients

+ +
    + {% for client in page.clients %} + {% assign c = site.clients | where: "slug", client | first %} +
  • {{ c.title }}
    • + {% endfor %} +
+
+ {% endif %}
- {% endif %} - {% if page.email %} -
- Email: -

{{ page.email }}

-
- {% endif %} - {% if page.telephone %} -
- Tel: -

{{ page.telephone }}

-
- {% endif %} - {% if page.address %} -
- Address: -

{{ page.address | split: "," | join: "
" }}

-
- {% endif %} -
- -
-

{{ content }}

-
- - - {% if page.services %} -
-

Services

- -
    - {% for service in page.services %} - {% assign s = site.services | where: "slug", service | first %} -
  • {{ s.name }}
    • - {% endfor %} -
-
- {% endif %} - - {% if page.technologies %} -
-

Technologies

- -
    - {% for technology in page.technologies %} - {% assign t = site.technologies | where: "slug", technology | first %} -
  • {{ t.name }}
    • - {% endfor %} -
-
- {% endif %} - - {% if page.clients %} -
-

Clients

- -
    - {% for client in page.clients %} - {% assign c = site.clients | where: "slug", client | first %} -
  • {{ c.title }}
    • - {% endfor %} -
-
- {% endif %} + {% include footer.html %} - diff --git a/assets/css/app.css b/assets/css/app.css index eba4b55..929bc8c 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -132,8 +132,9 @@ h1, h2, h3, h4, h5, h6 { background-color: var(--cotech-blue); } -.slice-subtitle { - color: var(--cotech-light-grey); +.slice_title { + font-family: "open_sansbold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; + font-size: 2.5rem; } .slice--blue .slice_title { @@ -164,6 +165,10 @@ h1, h2, h3, h4, h5, h6 { color: #7b8290; } +.slice_logo { + max-width: 200px; +} + .metadata { display: flex; gap: var(--space-xl); @@ -238,3 +243,27 @@ h1, h2, h3, h4, h5, h6 { display: flex; gap: var(--space-lg); } + +.two-column { + width: 100%; + display: flex; + justify-content: center; + gap: var(--space-xl); + padding: var(--space-lg) +} + +.two-column p { + max-width: 70ch; +} + +.two-column_left { + display: flex; + flex-direction: column; + gap: var(--space-sm); +} + +.two-column_right { + display: flex; + flex-direction: column; + gap: var(--space-lg); +}