changes to design/css (header, animations, text styling)
This commit is contained in:
@@ -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 -%}
|
||||
|
||||
@@ -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>
|
||||
@@ -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 -%}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 »</a>{% endif %}
|
||||
|
||||
@@ -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">
|
||||
|
||||
|
||||
Reference in New Issue
Block a user