femmefaytale/cotech-website
0
0
Fork 0
forked from autonomic-cooperative/cotech-website
Code Issues Pull Requests Projects 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

69
_includes/footer.html
View File

@ -1,46 +1,33 @@
<footer>
<div class="footer-upper">
<div class="row">
<div class="small-12 columns">
<ul>
<li><a href="/about">About <span>&#xbb;</span></a></li>
<li><a href="/join">Join <span>&#xbb;</span></a></li>
<li><a href="/manifesto">Manifesto <span>&#xbb;</span></a></li>
</ul>
<div class="menu-centered">
<ul class="menu">
<li><a href="/about">About <span>&#xbb;</span></a></li>
<li><a href="/join">Join <span>&#xbb;</span></a></li>
<li><a href="/manifesto">Manifesto <span>&#xbb;</span></a></li>
</ul>
</div>
</div>
</div>
<div>
<img src="/assets/img/coop-logo.png" class="float-center" />
<p>Site developed by <a href="https://glowboxdesign.co.uk/" target="_blank">Glowbox Design</a>, <a href="https://gofreerange.com/" target="_blank">Go Free Range</a> &amp; <a href="https://outlandish.com" target="_blank">Outlandish</a>.</p>
<p>Source code available on <a href="https://git.coop/cotech/website" target="_blank">git.coop</a>.</p>
<p>Hosted by <a href="https://www.webarchitects.coop/" target="_blank">Webarchitects</a> for CoTech &#xa9; {{ 'now' | date: '%Y' }}</p>
</div>
<div class="footer-lower">
<div class="row">
<div class="small-12 columns">
<img src="/assets/img/coop-logo.png" class="float-center" />
<p>Site developed by <a href="https://glowboxdesign.co.uk/" target="_blank">Glowbox Design</a>, <a href="https://gofreerange.com/" target="_blank">Go Free Range</a> &amp; <a href="https://outlandish.com" target="_blank">Outlandish</a>.</p>
<p>Source code available on <a href="https://git.coop/cotech/website" target="_blank">git.coop</a>.</p>
<p>Hosted by <a href="https://www.webarchitects.coop/" target="_blank">Webarchitects</a> for CoTech &#xa9; {{ 'now' | date: '%Y' }}</p>
</div>
</div>
</div>
<!-- Matomo -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setDomains", ["*.coops.tech","*.dev.coops.tech","*.static.coops.tech","*.www.coops.tech"]]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://stats.webarch.net/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '223']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<!-- Matomo -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setDomains", ["*.coops.tech","*.dev.coops.tech","*.static.coops.tech","*.www.coops.tech"]]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://stats.webarch.net/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '223']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</footer>

12
_includes/head.html
View File

@ -53,20 +53,10 @@
<meta name="twitter:image" content="{{ site.url }}/assets/img/Cotech_512x512.png" />
{% endif %}
<link rel="canonical" href="{{ page.url | absolute_url }}" />
<link rel='stylesheet' id='app-css' href='/assets/css/app.css?ver=4.8' type='text/css' media='all' />
<script type='text/javascript' src='/assets/js/vendor.js?ver=4.8'></script>
<link rel='stylesheet' id='app-css' href='/assets/css/app.css' type='text/css' media='all' />
<link rel="icon" href="/assets/img/cropped-cotech_512x512-32x32.png" sizes="32x32" />
<link rel="icon" href="/assets/img/cropped-cotech_512x512-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="/assets/img/cropped-cotech_512x512-180x180.png" />
<meta name="msapplication-TileImage" content="/assets/img/cropped-cotech_512x512-270x270.png" />
<style type="text/css" id="wp-custom-css">
section#contact div.row div p a:active,
section#contact div.row div p a:focus,
section#contact div.row div p a:hover {
text-decoration: underline;
color: white;
}
</style>
<link rel="stylesheet" href="/assets/foundation-icons/foundation-icons.css">
<link rel="icon" type="image/x-icon" href="/assets/img/CoTech-logo.png">
</head>

25
_includes/header.html
View File

@ -1,15 +1,16 @@
<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>
<a class="back" href="/">&#8592; Go Back</a>
<a class="close" href="/">&#10006;</a>
</div>
</div>
<div>
<a id="logo" href="/">
<img src="/assets/img/CoTech-logo.png">CoTech
</a>
</div>
<div>
<ul>
<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>
</header>

1
_includes/javascripts.html
View File

@ -1 +0,0 @@
<script type='text/javascript' src='/assets/js/app.js?ver=4.8'></script>