autonomic-cooperative/cotech-website
4
0
Fork 2
mirror of https://git.coop/cotech/website.git synced 2025-07-10 07:10:49 +00:00
Code Issues Releases Wiki Activity

Strip out CSS, JS and extra markup

Browse Source 
The site had around 7000 lines of CSS and 23,000 lines of JS. It also
used a framework called "Zurb" to build the layout. We're planning to
rebrand the website and to make that work easier I think it would help
me (and hopefully those that come after me) to strip out all of these
technologies and recreate the site with a simple stylesheet.

By doing so I think we lose a couple of features, such as the zooming hover
states on the grids of images. Some features, like the "sticky" header
are probably better implemented nowadays in pure CSS.

Given that the site is maintained by volunteers I think the simpler we
can make it the better.
This commit is contained in:
Chris Lowis
2025-06-20 13:54:40 +01:00
parent 876e7cd0c8
commit 3517d04637
18 changed files with 251 additions and 31418 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
_layouts/technology.html
View File

@ -1,50 +1,31 @@
---
---
<!doctype html>
<html lang="en">
{% include head.html %}
<body>
{% include header.html %}
<div class="technology">
<section>
<h1>Coops that use <span>{{ page.name }}</span></h1>
{% if page.description %}
<p>{{ page.description }}</p>
{% endif %}
</section>
<div id="page-banner">
<div class="row">
<div class="small-12 small-centered columns">
<h1>Coops that use <span>{{ page.name }}</span></h1>
{% if page.description %}
<p>{{ page.description }}</p>
{% endif %}
</div>
</div>
<section>
{% for coop in site.coops %}
{% if coop.technologies contains page.slug %}
<div>
<a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
</a>
</div>
<div class="row">
<div class="small-12 columns">
<div id="grid">
<div class="row small-up-2 medium-up-4 large-up-6 small-collapse">
{% for coop in site.coops %}
{% if coop.technologies contains page.slug %}
<div class="column">
<a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
</a>
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</section>
{% include footer.html %}
{% include javascripts.html %}
</body>
</html>