bunch of custom css design changes + logo
This commit is contained in:
@@ -16,7 +16,10 @@
|
||||
{% for nav in navItems %}
|
||||
{% if nav.stub %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link{% if page.url == nav.stub %} active{% endif %}" href="{{ nav.stub | relative_url }}">{{ nav.display_name }}</a>
|
||||
<a class="nav-link{% if page.url == nav.stub %} active{% endif %}{% if nav.display_name == 'DONATE' %} donate-link{% endif %}"
|
||||
href="{{ nav.stub | relative_url }}">
|
||||
{{ nav.display_name }}
|
||||
</a>
|
||||
</li>
|
||||
{%- else -%}
|
||||
<li class="nav-item dropdown">
|
||||
|
||||
@@ -44,7 +44,22 @@
|
||||
<a href="{{ image_link | default: image_src }}">
|
||||
<img class="figure-img img-fluid rounded lazyload w-100" alt="{{ image_alt | default: image_caption | escape }}" title="click to see item" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3C/svg%3E" data-src="{{ image_src }}" >
|
||||
</a>
|
||||
{% unless include.caption == false %}<figcaption class="figure-caption text-center">{% if i contains "/" %}{{ image_caption }}{% else %}<a href="{{ image_link }}">{{ image_caption }}</a>{% endif %}</figcaption>{% endunless %}
|
||||
{% unless include.caption == false %}
|
||||
<figcaption class="figure-caption text-center text-muted" style="font-size: 0.85rem;">
|
||||
|
||||
<a href="{{ image_link }}"><strong>{{ figure.objectid }}</strong></a>
|
||||
| {{ figure.description }}
|
||||
|
||||
{% if figure.date_created or figure.collection %}
|
||||
|
||||
<em>({% if figure.date_created %}{{ figure.date_created }}{% endif %}{% if figure.collection %}{% if figure.date_created %}.{% endif %} Licensed for use as part of the {{ figure.collection }} of {B/qKC})</em>
|
||||
{% endif %}
|
||||
|
||||
{% endif %}
|
||||
|
||||
</figcaption>
|
||||
{% endunless %}
|
||||
|
||||
</figure>
|
||||
</div>{% endfor %}
|
||||
</div>
|
||||
@@ -1,51 +1,47 @@
|
||||
<footer class="bg-dark pt-4 mt-auto container-fluid">
|
||||
<div class="row border-bottom border-white pb-4 mb-2 footer-top">
|
||||
|
||||
<div class="row border-bottom border-white pb-4 mb-2">
|
||||
<!-- LEFT: Title / description / nav -->
|
||||
<div class="col-md-7 px-4 mt-3 footer-text">
|
||||
<h2 class="h4">
|
||||
<a href="{{ '/' | relative_url }}" class="text-white">{{ site.title }}</a>
|
||||
</h2>
|
||||
|
||||
<div class="col-md-7 px-4 mt-3">
|
||||
|
||||
<h2 class="h4"><a href="{{ '/' | relative_url }}" class="text-white">{{ site.title }}</a></h2>
|
||||
<p class="text-white"><small>{{ site.description }}</small></p>
|
||||
<nav>
|
||||
<ul id="footer-nav" class="nav nav-pills ">
|
||||
{%- assign navItems = site.data.config-nav | where_exp: 'item', 'item.dropdown_parent == nil' -%}
|
||||
{% for nav in navItems %}
|
||||
<li class="nav-item">
|
||||
{% if nav.stub %}
|
||||
<a class="nav-link text-light{% if page.url == nav.stub %} active{% endif %}" href="{{ nav.stub | relative_url }}">{{ nav.display_name }}</a>
|
||||
{%- else -%}
|
||||
{% assign childStub = site.data.config-nav | where_exp: 'item', 'item.dropdown_parent == nav.display_name' | first %}
|
||||
<a class="nav-link text-light{% if page.url == childStub.stub %} active{% endif %}" href="{{ childStub.stub | relative_url }}">{{ nav.display_name }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{%- endfor -%}
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-5 mt-3 text-center">
|
||||
|
||||
{% if site.organization-logo-nav %} <p class="text-md-end">
|
||||
<a href="{{ site.organization-link }}">
|
||||
<img id="footer-logo" class="img-fluid" src="{{ site.organization-logo-nav | relative_url }}" alt="{{ site.organization-name | escape }} home">
|
||||
</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
<p class="text-white text-md-end" id="footer-credits">
|
||||
<small><em>built with</em>
|
||||
<a href="https://collectionbuilder.github.io/" title="CollectionBuilder">
|
||||
<img src="{{ '/assets/img/collectionbuilder-logo.png' | relative_url }}" class="img-fluid" alt="CollectionBuilder" >
|
||||
</a>
|
||||
</small>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<p class="text-white">
|
||||
<small>{{ site.description }}</small>
|
||||
</p>
|
||||
|
||||
<nav>
|
||||
<ul id="footer-nav" class="nav nav-pills">
|
||||
{%- assign navItems = site.data.config-nav | where_exp: 'item', 'item.dropdown_parent == nil' -%}
|
||||
{% for nav in navItems %}
|
||||
<li class="nav-item">
|
||||
{% if nav.stub %}
|
||||
<a class="nav-link text-light{% if page.url == nav.stub %} active{% endif %}"
|
||||
href="{{ nav.stub | relative_url }}">{{ nav.display_name }}</a>
|
||||
{%- else -%}
|
||||
{% assign childStub = site.data.config-nav | where_exp: 'item', 'item.dropdown_parent == nav.display_name' | first %}
|
||||
<a class="nav-link text-light{% if page.url == childStub.stub %} active{% endif %}"
|
||||
href="{{ childStub.stub | relative_url }}">{{ nav.display_name }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- RIGHT: Spinning logo -->
|
||||
<div class="col-md-5 mt-3 d-flex justify-content-center justify-content-md-end align-items-center">
|
||||
<div class="footer-logo-spinner">
|
||||
<video autoplay loop muted playsinline>
|
||||
<source src="{{ '/assets/video/bqkc-logo.mp4' | relative_url }}" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 text-center pt-3 pb-1">
|
||||
<p class="text-white">Last updated {{ site.time | date: '%Y' }}</p>
|
||||
<p class="text-white">Last updated {{ site.time | date: '%Y' }} | Built with CollectionBuilder</p>
|
||||
</div>
|
||||
|
||||
</footer>
|
||||
Reference in New Issue
Block a user