bunch of custom css design changes + logo

This commit is contained in:
Nasir Anthony Montalvo
2025-12-26 04:09:34 -06:00
parent 6194217312
commit ecd24b4e66
15 changed files with 989 additions and 75 deletions

View File

@@ -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">

View File

@@ -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>

View File

@@ -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>