1800nasi/bqkc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

61
_includes/collection-banner.html
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 -%}