forked from autonomic-cooperative/cotech-website
7253e408cb
Creative Co-op have recently prepared some brand guidelines for CoTech, including a new logo, typography suggestions and background images. This commit restyles the site to apply, as best we can, these guidelines. It's hard to split this into smaller commits because the decision to use a black background colour means many things have to change. Notably we've removed the "about/join" footer, as it was hard to choose a bg colour and without one it became more apparent that this footer was more in the way than useful. Co-authored-by: Natasha Natarajan <natasha@outlandish.com>
95 lines
2.6 KiB
HTML
95 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
{% include head.html %}
|
|
|
|
<body>
|
|
{% include header.html %}
|
|
|
|
<section class="slice">
|
|
<a href="{{ page.website }}" target="_blank">
|
|
<img class="slice_logo" src="/images/coops/{{ page.slug }}" alt="{{ page.slug }}">
|
|
</a>
|
|
<h1 class="slice_title">{{ page.name }}</h1>
|
|
<a class="slice_subtitle" href="{{ page.website }}" target="_blank">{{ page.website }}</a>
|
|
</section>
|
|
|
|
<div class="two-column">
|
|
<div class="two-column_left">
|
|
{% if page.email %}
|
|
<div>
|
|
<h5>Email:</h5>
|
|
<p><a href="mailto:{{ page.email }}">{{ page.email }}</a></p>
|
|
</div>
|
|
{% endif %}
|
|
{% if page.telephone %}
|
|
<div>
|
|
<h5>Tel:</h5>
|
|
<p>{{ page.telephone }}</p>
|
|
</div>
|
|
{% endif %}
|
|
{% if page.address %}
|
|
<div>
|
|
<h5>Address:</h5>
|
|
<p>{{ page.address | split: "," | join: "<br>" }}</p>
|
|
</div>
|
|
{% endif %}
|
|
<div>
|
|
{% if page.twitter %}
|
|
<p><a href="http://twitter.com/{{ page.twitter }}" target="_blank">Twitter</a></p>
|
|
{% endif %}
|
|
{% if page.github %}
|
|
<p><a href="https://github.com/{{ page.github }}" target="_blank">Github</a></p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="two-column_right">
|
|
<section>
|
|
<p>{{ content }}</p>
|
|
</section>
|
|
|
|
{% 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 %}
|
|
</div>
|
|
</div>
|
|
|
|
{% include footer.html %}
|
|
</body>
|
|
</html>
|