autonomic-cooperative/cotech-website
3
0
Fork 2
mirror of https://git.coop/cotech/website.git synced 2025-12-23 08:57:33 +00:00
Code Issues Releases Wiki Activity

Display co-op logos and services in a grid

Browse Source
This commit is contained in:
Chris Lowis
2025-12-15 13:17:39 +00:00
parent 702d42f892
commit 4648499813
2 changed files with 73 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
assets/css/app.css
View File

@ -177,7 +177,6 @@ section {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
}
.stack { .stack {
display: flex; display: flex;
@ -215,6 +214,32 @@ section {
color: var(--cotech-white); color: var(--cotech-white);
} }
.grid {
display: grid;
grid-gap: var(--space-sm);
grid-template-columns: 1fr;
align-items: stretch;
}
.grid a {
display: flex;
height: 100%;
}
.grid-dense {
grid-template-columns: 1fr 1fr;
}
@media (min-width: 420px) {
.grid {
grid-template-columns: 1fr 1fr;
}
.grid-dense {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.header { .header {
display: flex; display: flex;
padding: var(--space-lg) var(--space-md); padding: var(--space-lg) var(--space-md);

92
index.html
View File

@ -22,53 +22,55 @@ layout: default
particularly when it comes to democratic ownership and particularly when it comes to democratic ownership and
decision-making.</p> decision-making.</p>
<div class="box stack"> <div class="grid">
<h3 class="title">Digital products & platforms</h3> <div class="box stack">
<ul> <h3 class="title">Digital products & platforms</h3>
<li>Websites & web apps 
(WordPress, Drupal, Webflow, custom)</li> <ul>
<li>CMS / CRM design and development</li> <li>Websites & web apps 
(WordPress, Drupal, Webflow, custom)</li>
<li>E-commerce</li> <li>CMS / CRM design and development</li>
<li>Complex data integrations</li> <li>E-commerce</li>
<li>Learning platforms</li> <li>Complex data integrations</li>
<li>Custom AI applications</li> <li>Learning platforms</li>
<li>Data visualisation</li> <li>Custom AI applications</li>
<li>Cloud hosting</li> <li>Data visualisation</li>
</ul> <li>Cloud hosting</li>
</div> </ul>
</div>
<div class="box stack"> <div class="box stack">
<h3 class="title">Design & content</h3> <h3 class="title">Design & content</h3>
<ul> <ul>
<li>User research & testing</li> <li>User research & testing</li>
<li>Design sprints & discovery</li> <li>Design sprints & discovery</li>
<li>Accessibility & usability training</li> <li>Accessibility & usability training</li>
<li>Branding & graphic design</li> <li>Branding & graphic design</li>
<li>Film & animation</li> <li>Film & animation</li>
<li>Game design</li> <li>Game design</li>
<li>Print production</li> <li>Print production</li>
</ul> </ul>
</div> </div>
<div class="box stack"> <div class="box stack">
<h3 class="title">Marketing & comms</h3> <h3 class="title">Marketing & comms</h3>
<ul> <ul>
<li>Digital strategy & campaigns</li> <li>Digital strategy & campaigns</li>
<li>Copywriting</li> <li>Copywriting</li>
<li>Social media marketing</li> <li>Social media marketing</li>
<li>Search engine optimisation (SEO)</li> <li>Search engine optimisation (SEO)</li>
<li>Generative engine optimisation (GEO)</li> <li>Generative engine optimisation (GEO)</li>
<li>Analytics & analysis</li> <li>Analytics & analysis</li>
</ul> </ul>
</div> </div>
<div class="box stack"> <div class="box stack">
<h3 class="title">Coop & organisational development</h3> <h3 class="title">Coop & organisational development</h3>
<ul> <ul>
<li>Cooperative Development</li> <li>Cooperative Development</li>
<li>Facilitation</li> <li>Facilitation</li>
<li>Sociocracy Training</li> <li>Sociocracy Training</li>
<li>Service Design</li> <li>Service Design</li>
</ul> </ul>
</div>
</div> </div>
</section> </section>
@ -76,7 +78,7 @@ layout: default
<h2>Our members</h2> <h2>Our members</h2>
<p class="intro">Meet the coops behind CoTech</p> <p class="intro">Meet the coops behind CoTech</p>
<div> <div class="grid grid-dense">
{% for coop in site.coops %} {% for coop in site.coops %}
<a href="{{ coop.url | relative_url }}"> <a href="{{ coop.url | relative_url }}">
<div class="box"> <div class="box">