#38 Use correct sturcture for HTML heading tags

This commit is contained in:
Stephen Cox 2018-11-30 14:44:51 +00:00 committed by Nick Sellen
parent d6d1723880
commit 628d515799
5 changed files with 114 additions and 115 deletions

View File

@ -18,7 +18,7 @@
<a href="{{ page.website }}" target="_blank"> <a href="{{ page.website }}" target="_blank">
<img src="/images/coops/{{ page.slug }}.png" alt=""> <img src="/images/coops/{{ page.slug }}.png" alt="">
</a> </a>
<h2>{{ page.name }}</h2> <h1>{{ page.name }}</h1>
<a href="{{ page.website }}" target="_blank">{{ page.website }}</a> <a href="{{ page.website }}" target="_blank">{{ page.website }}</a>
</div> </div>
</div> </div>
@ -80,7 +80,7 @@
{% if page.services %} {% if page.services %}
<!-- Services --> <!-- Services -->
<section> <section>
<h4>Services</h4> <h2>Services</h2>
<div class="row small-up-3 medium-up-4 large-up-4 small-collapse"> <div class="row small-up-3 medium-up-4 large-up-4 small-collapse">
{% for service in page.services %} {% for service in page.services %}
@ -88,7 +88,7 @@
<div class="column"> <div class="column">
<a href="{{ s.url | relative_url }}" class="service-thumb"> <a href="{{ s.url | relative_url }}" class="service-thumb">
<div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ s.slug }}.png)"></div> <div class="service-thumb-img float-center" style="background-image: url(/images/services/{{ s.slug }}.png)"></div>
<h5>{{ s.name }}</h5> <div>{{ s.name }}</div>
</a> </a>
</div> </div>
{% endfor %} {% endfor %}
@ -100,7 +100,7 @@
{% if page.technologies %} {% if page.technologies %}
<!-- Technologies --> <!-- Technologies -->
<section> <section>
<h4>Technologies</h4> <h2>Technologies</h2>
<div class="row small-up-3 medium-up-4 large-up-4 small-collapse"> <div class="row small-up-3 medium-up-4 large-up-4 small-collapse">
{% for technology in page.technologies %} {% for technology in page.technologies %}
@ -108,7 +108,7 @@
<div class="column"> <div class="column">
<a href="{{ t.url | relative_url }}" class="technology-thumb"> <a href="{{ t.url | relative_url }}" class="technology-thumb">
<div class="technology-thumb-img float-center" style="background-image: url(/images/technologies/{{ t.slug }}.png)"></div> <div class="technology-thumb-img float-center" style="background-image: url(/images/technologies/{{ t.slug }}.png)"></div>
<h5>{{ t.name }}</h5> <div>{{ t.name }}</div>
</a> </a>
</div> </div>
{% endfor %} {% endfor %}
@ -120,14 +120,14 @@
{% if page.clients %} {% if page.clients %}
<!-- Clients --> <!-- Clients -->
<section> <section>
<h4>Clients</h4> <h2>Clients</h2>
<div class="row small-up-2 medium-up-3 large-up-3"> <div class="row small-up-2 medium-up-3 large-up-3">
{% for client in page.clients %} {% for client in page.clients %}
{% assign c = site.clients | where: "slug", client | first %} {% assign c = site.clients | where: "slug", client | first %}
<div class="column client-thumb-container"> <div class="column client-thumb-container">
<div class="client-thumb" style="background-image: url(/images/clients/{{ c.slug }}.png)"></div> <div class="client-thumb" style="background-image: url(/images/clients/{{ c.slug }}.png)"></div>
<h5 class="client-thumb-header">{{ c.title }}</h5> <div class="client-thumb-header">{{ c.title }}</div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
@ -139,7 +139,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
{% include footer.html %} {% include footer.html %}

View File

@ -12,7 +12,7 @@
<div id="page-banner"> <div id="page-banner">
<div class="row"> <div class="row">
<div class="small-centered small-12 medium-10 large-8 columns"> <div class="small-centered small-12 medium-10 large-8 columns">
<h2>{{ page.heading }}</h2> <h1>{{ page.heading }}</h1>
</div> </div>
</div> </div>
</div> </div>

View File

@ -16,7 +16,7 @@
<div class="row"> <div class="row">
<div class="small-12 small-centered columns"> <div class="small-12 small-centered columns">
<img src="/images/services/{{ page.slug }}.png" alt=""> <img src="/images/services/{{ page.slug }}.png" alt="">
<h2>Coops that offer <span>{{ page.name }}</span></h2> <h1>Coops that offer <span>{{ page.name }}</span></h1>
</div> </div>
</div> </div>
</div> </div>

View File

@ -16,7 +16,7 @@
<div class="row"> <div class="row">
<div class="small-12 small-centered columns"> <div class="small-12 small-centered columns">
<img src="/images/technologies/{{ page.slug }}.png" alt=""> <img src="/images/technologies/{{ page.slug }}.png" alt="">
<h2>Coops that use <span>{{ page.name }}</span></h2> <h1>Coops that use <span>{{ page.name }}</span></h1>
</div> </div>
</div> </div>
</div> </div>

View File

@ -4163,15 +4163,15 @@ h6 {
@media screen and (min-width: 40em) { @media screen and (min-width: 40em) {
h1 { h1 {
font-size: 3rem; }
h2 {
font-size: 2.5rem; } font-size: 2.5rem; }
h3 { h2 {
font-size: 1.9375rem; } font-size: 1.9375rem; }
h4 { h3 {
font-size: 1.5625rem; } font-size: 1.5625rem; }
h5 { h4 {
font-size: 1.25rem; } font-size: 1.25rem; }
h5 {
font-size: 1.0625rem; }
h6 { h6 {
font-size: 1rem; } } font-size: 1rem; } }