changes to design/css (header, animations, text styling)

This commit is contained in:
Nasir Anthony Montalvo
2025-12-29 17:15:01 -06:00
parent ecd24b4e66
commit 1d3b0ffd3b
17 changed files with 469 additions and 304 deletions

View File

@@ -17,36 +17,43 @@
}
}
</style>
<div id="home-banner" class="container-fluid mb-0 p-0">
<div id="home-title-box" class="position-relative" >
<div class="p-2 text-center text-white bg-dark bg-opacity-75">
{% if site.organization-logo-nav %}
<a class="d-none d-md-block" href="{{ site.organization-link }}">
<img id="home-banner-logo" src="{{ site.organization-logo-nav | relative_url }}" alt="{{ site.organization-name | escape }} home" >
</a>{% endif %}
<h1 class="display-4">{{ site.title }}</h1>
{% if site.tagline %}<p class="mb-0">{{ site.tagline }}</p>{% endif %}
</div>
{% unless site.data.theme.featured-image contains '/' %}
<div class="position-absolute bottom-0 end-0 px-2 bg-dark bg-opacity-75">
<a class="text-white fs-6" href="{{ site.data.featured_item.link | relative_url }}" title="{{ site.data.featured_item.alt | escape }}">Featured Image</a>
</div>{% endunless %}
<div id="home-title-box" class="position-relative">
<div class="p-2 text-white bg-dark bg-opacity-75 d-inline-block">
{% if site.organization-logo-nav %}
<a class="d-none d-md-block" href="{{ site.organization-link }}">
<img id="home-banner-logo" src="{{ site.organization-logo-nav | relative_url }}" alt="{{ site.organization-name | escape }} home">
</a>
{% endif %}
<h1 class="display-4 m-0">{{ site.title }}</h1>
{% if site.tagline %}<p class="mb-0">{{ site.tagline }}</p>{% endif %}
</div>
</div>
{% unless site.data.theme.featured-image contains '/' %}
<div class="featured-image-label">
<a href="{{ site.data.featured_item.link | relative_url }}"
title="{{ site.data.featured_item.alt | escape }}">
Featured Image
</a>
</div>
{% endunless %}
</div>
{%- else -%}
<div class="container">
<div class="container">
<div class="row align-items-center">
<div id="title" class="{% if site.organization-logo-banner %}col-md-9{% else %}col-12{% endif %}">
<h1 class="mt-2"><a class="text-dark" href="{{ '/' | relative_url }}" >{{ site.title }}</a></h1>
{% if site.tagline %}<p>{{ site.tagline }}</p>{% endif %}
</div>
{% if site.organization-logo-banner %}
<div class="col-md-3 d-none d-lg-block text-end">
<a class="btn btn-outline-light" href="{{ site.organization-link }}">
<img class="img-fluid" src="{{ site.organization-logo-banner | relative_url }}" title="{{ site.organization-name }}" alt="{{ site.organization-name | escape }} home" >
</a>
</div>
{% endif %}
<div id="title" class="{% if site.organization-logo-banner %}col-md-9{% else %}col-12{% endif %}">
<h1 class="mt-2"><a class="text-dark" href="{{ '/' | relative_url }}">{{ site.title }}</a></h1>
{% if site.tagline %}<p>{{ site.tagline }}</p>{% endif %}
</div>
{% if site.organization-logo-banner %}
<div class="col-md-3 d-none d-lg-block text-end">
<a class="btn btn-outline-light" href="{{ site.organization-link }}">
<img class="img-fluid" src="{{ site.organization-logo-banner | relative_url }}" title="{{ site.organization-name }}" alt="{{ site.organization-name | escape }} home">
</a>
</div>
{% endif %}
</div>
</div>
{%- endif -%}
</div>
{%- endif -%}

View File

@@ -41,7 +41,7 @@
</div>
<div class="col-md-12 text-center pt-3 pb-1">
<p class="text-white">Last updated {{ site.time | date: '%Y' }} | Built with CollectionBuilder</p>
<p class="text-white">Last updated {{ site.time | date: "%Y-%m-%d" }} | Built with CollectionBuilder</p>
</div>
</footer>

View File

@@ -27,7 +27,6 @@
{%- assign types = templates | uniq | compact | sort -%}
<div class="card mb-3" >
<div class="card-body">
<{{ include.heading_level | default: 'h2' | strip }} class="card-title h5">Content</{{ include.heading_level | default: 'h2' | strip }}>
<p class="card-text">
{% for t in types %}
{%- assign count = templates | where_exp: 'item', 'item contains t' | size -%}

View File

@@ -13,7 +13,6 @@
{%- assign stubs = site.data.config-nav | map: 'stub' | join: ';' -%}
<div class="card mb-3">
<div class="card-body">
<{{ include.heading_level | default: 'h2' | strip }} class="card-title h5">Collection as Data</{{ include.heading_level | default: 'h2' | strip }}>
<p><small>Download this collection's metadata in a variety of reusable formats.</small></p>
<p class="card-text text-center">
<a class="btn btn-sm btn-secondary m-1" href="{{ '/assets/data/metadata.csv' | relative_url }}" download>Metadata CSV</a>

View File

@@ -13,7 +13,7 @@
{%- endcomment -%}
<div class="card mb-3">
<div class="card-body">
<{{ include.heading_level | default: 'h2' | strip }} class="card-title h5">Description</{{ include.heading_level | default: 'h2' | strip }}>
<{{ include.heading_level | default: 'h3' | strip }} class="card-title h5"></{{ include.heading_level | default: 'h3' | strip }}>
<p class="card-text">{{ site.description }}</p>
{%- assign about = site.data.config-nav | where: "stub","/about.html" | size -%}{% if about > 0 %}
<a class="btn btn-{{ include.btn-color | default: 'primary' }}" href="{{ '/about.html' | relative_url }}" >Learn More &raquo;</a>{% endif %}

View File

@@ -39,7 +39,8 @@
</a>
<!-- child object modal -->
<div class="modal fade" id="{{ child.objectid }}" tabindex="-1" role="dialog" aria-labelledby="{{ child.objectid }}ModalLabel" aria-hidden="true">
<div class="modal fade" id="{{ child.objectid }}" tabindex="-1"role="dialog" aria-labelledby="{{ child.objectid }}Label"aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog modal-xxl">
<div class="modal-content text-start">