diff --git a/_layouts/default.html b/_layouts/default.html index c497c5b..a00a97d 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -4,20 +4,21 @@ {% include header.html %} -
-

{{ page.heading }}

-
+
+
+

{{ page.heading }}

+
-
- {{ content }} -
- - {% if page.append_email_form %} -
-

Contact us using our forum.

-
- {% endif %} +
+ {{ content }} +
+ {% if page.append_email_form %} +
+

Contact us using our forum.

+
+ {% endif %} +
{% include footer.html %} diff --git a/about.md b/about.md index fb156b2..292fac7 100644 --- a/about.md +++ b/about.md @@ -3,13 +3,15 @@ title: About heading: About CoTech layout: default --- -Co-operative Technologists at Wortley Hall +Co-operative Technologists at Wortley Hall *Co-operative Technologists (CoTech) is a growing network of tech and digital service co-operatives working to reshape the technology sector in the UK.* Our members are co-operatives that operate democratically, giving workers (and, in some cases, customers) control over the business. CoTech was founded at Wortley Hall in 2016 and became the first sector specific arm of the [worker.coop federation](https://www.workers.coop/) in September 2024. *We believe that businesses owned and run by their workers can create better workplaces, deliver higher quality products, and provide greater value to customers.* Unlike traditional businesses, we have no private shareholders extracting profits. Our aim is to change both our industry and society through cooperation. We strive to be a model of thought leadership and innovation in the progressive business movement. -*At CoTech we openly share skills, knowledge, and resources to facilitate community, mutual support, and shared growth in our sector.* Our activities include: +*At CoTech we openly share skills, knowledge, and resources to facilitate community, mutual support, and shared growth in our sector.* + +Our activities include: * hosting in-person and online gatherings * engaging on the community forum diff --git a/assets/css/app.css b/assets/css/app.css index 58d3938..caa8cf0 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -41,6 +41,51 @@ h1, h2, h3, h4, h5, h6 { font-family: "open_sansbold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } +.default-wrapper { + display: flex; + flex-direction: column; + align-items: center; +} + +.page-heading { + display: flex; + justify-content: center; + padding: 1rem; +} + +.page-heading h1 { + font-size: 2.5rem; +} + +section.content { + padding: var(--space-sm); + max-width: 900px; +} + +section.content p { + font-size: 1rem; + line-height: 1.6rem; + margin-bottom: 1rem; +} + +section.content ul { + font-size: 1rem; + line-height: 1.6rem; + margin-bottom: 1rem; +} + +section.content h2 { + font-size: 1.5rem; + line-height: 1.6rem; + margin-bottom: 1rem; +} + +@media screen and (width >= 480px) { + section.content { + padding: var(--space-xl); + } +} + .header { display: flex; padding: var(--space-md); @@ -83,7 +128,6 @@ h1, h2, h3, h4, h5, h6 { gap: var(--space-md); align-items: center; text-align: center; - } .hero_body {