mirror of
https://git.coop/cotech/website.git
synced 2025-07-15 17:50:48 +00:00
Strip out CSS, JS and extra markup
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
@ -1,135 +1,96 @@
|
||||
---
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
{% include head.html %}
|
||||
|
||||
{% include head.html %}
|
||||
<body>
|
||||
{% include header.html %}
|
||||
|
||||
<body>
|
||||
<section>
|
||||
<a href="{{ page.website }}" target="_blank">
|
||||
<img src="/images/coops/{{ page.slug }}" alt="{{ page.slug }}">
|
||||
</a>
|
||||
<h1>{{ page.name }}</h1>
|
||||
<a href="{{ page.website }}" target="_blank">{{ page.website }}</a>
|
||||
</section>
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<div class="coop">
|
||||
|
||||
<div id="page-banner">
|
||||
<div class="row">
|
||||
<div class="small-12 small-centered columns">
|
||||
<a href="{{ page.website }}" target="_blank">
|
||||
<img src="/images/coops/{{ page.slug }}" alt="{{ page.slug }}">
|
||||
</a>
|
||||
<h1>{{ page.name }}</h1>
|
||||
<a href="{{ page.website }}" target="_blank">{{ page.website }}</a>
|
||||
</div>
|
||||
<section>
|
||||
{% if page.twitter %}
|
||||
<div>
|
||||
<strong>Twitter:</strong>
|
||||
<p><a href="http://twitter.com/{{ page.twitter }}" target="_blank">{{ page.twitter }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="small-12 small-centered medium-10 large-8 columns">
|
||||
<div class="row">
|
||||
<!-- Contact -->
|
||||
<div class="small-12 large-4 columns">
|
||||
<section class="row small-up-1 medium-up-4 large-up-1">
|
||||
<div class="column">
|
||||
<ul class="menu social">
|
||||
{% if page.twitter %}
|
||||
<li>
|
||||
<a href="http://twitter.com/{{ page.twitter }}" target="_blank">
|
||||
<i class="fi-social-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if page.github %}
|
||||
<li>
|
||||
<a href="https://github.com/{{ page.github }}" target="_blank">
|
||||
<i class="fi-social-github"></i>
|
||||
</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
{% if page.email %}
|
||||
<div class="column">
|
||||
<strong>Email:</strong>
|
||||
<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.telephone %}
|
||||
<div class="column">
|
||||
<strong>Tel:</strong>
|
||||
<p>{{ page.telephone }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.address %}
|
||||
<div class="column">
|
||||
<strong>Address:</strong>
|
||||
<p>{{ page.address | split: "," | join: "<br>" }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
</div>
|
||||
<!-- /Contact -->
|
||||
|
||||
<div class="small-12 large-8 columns">
|
||||
<!-- About -->
|
||||
<section>
|
||||
<p>{{ content }}</p>
|
||||
</section>
|
||||
<!-- /About -->
|
||||
|
||||
{% if page.services %}
|
||||
<!-- Services -->
|
||||
<section>
|
||||
<h2 id="services">Services</h2>
|
||||
|
||||
<ul>
|
||||
{% for service in page.services %}
|
||||
{% assign s = site.services | where: "slug", service | first %}
|
||||
<li><a href="{{ s.url | relative_url }}">{{ s.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
<!-- /Services -->
|
||||
{% endif %}
|
||||
|
||||
{% if page.technologies %}
|
||||
<!-- Technologies -->
|
||||
<section>
|
||||
<h2 id="tech">Technologies</h2>
|
||||
|
||||
<ul>
|
||||
{% for technology in page.technologies %}
|
||||
{% assign t = site.technologies | where: "slug", technology | first %}
|
||||
<li><a href="{{ t.url | relative_url }}">{{ t.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
<!-- /Technologies -->
|
||||
{% endif %}
|
||||
|
||||
{% if page.clients %}
|
||||
<!-- Clients -->
|
||||
<section>
|
||||
<h2 id="clients">Clients</h2>
|
||||
|
||||
<ul>
|
||||
{% for client in page.clients %}
|
||||
{% assign c = site.clients | where: "slug", client | first %}
|
||||
<li>{{ c.title }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
<!-- /Clients -->
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.github %}
|
||||
<div>
|
||||
<strong>Github:</strong>
|
||||
<p><a href="https://github.com/{{ page.github }}" target="_blank">{{ page.github }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.email %}
|
||||
<div>
|
||||
<strong>Email:</strong>
|
||||
<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.telephone %}
|
||||
<div>
|
||||
<strong>Tel:</strong>
|
||||
<p>{{ page.telephone }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if page.address %}
|
||||
<div>
|
||||
<strong>Address:</strong>
|
||||
<p>{{ page.address | split: "," | join: "<br>" }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
|
||||
{% include footer.html %}
|
||||
<section>
|
||||
<p>{{ content }}</p>
|
||||
</section>
|
||||
|
||||
{% include javascripts.html %}
|
||||
</body>
|
||||
|
||||
{% if page.services %}
|
||||
<section>
|
||||
<h2 id="services">Services</h2>
|
||||
|
||||
<ul>
|
||||
{% for service in page.services %}
|
||||
{% assign s = site.services | where: "slug", service | first %}
|
||||
<li><a href="{{ s.url | relative_url }}">{{ s.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% if page.technologies %}
|
||||
<section>
|
||||
<h2 id="tech">Technologies</h2>
|
||||
|
||||
<ul>
|
||||
{% for technology in page.technologies %}
|
||||
{% assign t = site.technologies | where: "slug", technology | first %}
|
||||
<li><a href="{{ t.url | relative_url }}">{{ t.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% if page.clients %}
|
||||
<section>
|
||||
<h2 id="clients">Clients</h2>
|
||||
|
||||
<ul>
|
||||
{% for client in page.clients %}
|
||||
{% assign c = site.clients | where: "slug", client | first %}
|
||||
<li>{{ c.title }}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% endif %}
|
||||
|
||||
{% include footer.html %}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user