4
0
mirror of https://git.coop/cotech/website.git synced 2025-06-26 16:40:52 +00:00

Style about and join pages

This commit is contained in:
Chris Lowis
2025-06-25 21:09:14 +01:00
parent b562b72d44
commit fa70991744
3 changed files with 62 additions and 15 deletions

View File

@ -4,11 +4,12 @@
<body> <body>
{% include header.html %} {% include header.html %}
<section> <div class="default-wrapper">
<section class="page-heading">
<h1>{{ page.heading }}</h1> <h1>{{ page.heading }}</h1>
</section> </section>
<section> <section class="content">
{{ content }} {{ content }}
</section> </section>
@ -17,7 +18,7 @@
<p>Contact us <a href="{{ site.forum }}">using our forum</a>.</p> <p>Contact us <a href="{{ site.forum }}">using our forum</a>.</p>
</section> </section>
{% endif %} {% endif %}
</div>
{% include footer.html %} {% include footer.html %}
</body> </body>
</html> </html>

View File

@ -3,13 +3,15 @@ title: About
heading: About CoTech heading: About CoTech
layout: default layout: default
--- ---
<img src="https://wiki.coops.tech/w/images/a/ae/Pose.png" alt="Co-operative Technologists at Wortley Hall" width="1024" height="376" /> <img src="https://wiki.coops.tech/w/images/a/ae/Pose.png" alt="Co-operative Technologists at Wortley Hall" width="100%" />
*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. *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. *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 * hosting in-person and online gatherings
* engaging on the community forum * engaging on the community forum

View File

@ -41,6 +41,51 @@ h1, h2, h3, h4, h5, h6 {
font-family: "open_sansbold", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; 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 { .header {
display: flex; display: flex;
padding: var(--space-md); padding: var(--space-md);
@ -83,7 +128,6 @@ h1, h2, h3, h4, h5, h6 {
gap: var(--space-md); gap: var(--space-md);
align-items: center; align-items: center;
text-align: center; text-align: center;
} }
.hero_body { .hero_body {