autonomic-cooperative/cotech-website
4
0
Fork 2
mirror of https://git.coop/cotech/website.git synced 2025-06-26 16:40:52 +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

80
_layouts/home.html
View File

@ -1,72 +1,24 @@
<!doctype html>
<html lang="en" prefix="og: http://ogp.me/ns#">
{% include head.html %}
<body>
{% include header.html %}
{% include head.html %}
<div>
<section>
<h1>Cooperative Technologists</h1>
<p>Creative technology companies, fully owned and controlled by
the people who do the work. Cooperative ownership means tech
that’s better for its workers and customers.</p>
<body>
<span>
<a href="manifesto">Our manifesto</a>
</span>
</section>
<header>
<div data-sticky-container style="height: 82.7812px;">
<div class="top-bar sticky iss-stuck is-at-top" data-sticky data-margin-top=0>
<div class="top-bar-title">
<strong>
<a id="logo" href="/">
<img src="/assets/img/CoTech-logo.png">CoTech
</a>
</strong>
<span data-responsive-toggle="responsive-menu" data-hide-for="medium">
<button class="menu-icon dark" type="button" data-toggle></button>
</span>
</div>
<div id="responsive-menu">
<div class="top-bar-right">
<ul class="dropdown menu vertical medium-horizontal" data-magellan>
<li><a href="/#members">Members</a></li>
<li><a href="/about">About</a></li>
<li><a href="/join">Join</a></li>
<li><a href="/manifesto">Manifesto</a></li>
<li><a href="/#contact" class="button">Get In Touch</a></li>
</ul>
</div>
</div>
</div>
{{ content }}
</div>
</header>
<div class="home">
<div id="banner">
<div class="row">
<div class="small-12 columns">
<h1 class="is-hidden">Cooperative Technologists</h1>
<p class="homepage-message">Creative technology companies, fully owned and controlled by the people who do the work.<br />
Cooperative ownership means tech that’s better for its workers and customers.</p>
<span>
<a id="our-manifesto" href="manifesto">Our manifesto</a>
</span>
<!-- span>
<a id="video" data-open="video-modal"><i class="fi-play"></i>Watch video</a>
<a id="our-manifesto" href="manifesto">Our manifesto</a>
</span -->
<!-- div class="reveal large" id="video-modal" data-reveal>
<div class="flex-video widescreen">
<iframe width="420" height="315" src="https://player.vimeo.com/video/196080655" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div -->
</div>
</div>
</div>
{{ content }}
</div>
{% include footer.html %}
{% include javascripts.html %}
</body>
{% include footer.html %}
</body>
</html>