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

hamburger menu and mobile changes

Browse Source
This commit is contained in:
Nasir Anthony Montalvo
2026-01-31 01:01:09 -06:00
parent 10ed7f20b9
commit eb21658b37
4 changed files with 473 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
_includes/collection-banner.html
View File

@@ -2,6 +2,7 @@
{%- comment -%}
Carousel Banner: rotates through random collection items
Always shows starlacoll033 first, then shuffles other items
{%- endcomment -%}
{%- assign carousel_items = "" | split: "" -%}
@@ -125,23 +126,33 @@ Carousel Banner: rotates through random collection items
@media (max-width: 575px) {
.carousel-controls {
top: 0.75rem;
top: auto;
bottom: 0.75rem;
left: 0.75rem;
gap: 0.4rem;
gap: 0.35rem;
}
.carousel-btn {
width: 28px;
height: 28px;
width: 26px;
height: 26px;
}
.carousel-btn svg {
width: 12px;
height: 12px;
width: 11px;
height: 11px;
}
.carousel-dots {
padding: 0.3rem 0.5rem;
padding: 0.25rem 0.45rem;
}
.carousel-dot {
width: 5px;
height: 5px;
}
.carousel-dot.active {
width: 15px;
}
}
@@ -199,7 +210,7 @@ Carousel Banner: rotates through random collection items
{%- for item in carousel_items -%}
<div class="carousel-slide{% if forloop.first %} active{% endif %}"
data-slide="{{ forloop.index0 }}"
style="background-image: url('{{ item.object_location | relative_url }}');">
style="background-image: url('{{ item.image_small | relative_url }}');">
</div>
{%- endfor -%}
@@ -258,7 +269,7 @@ Carousel Banner: rotates through random collection items
{
objectid: "{{ item.objectid }}",
title: "{{ item.title | escape }}",
image: "{{ item.object_location | relative_url }}"
image: "{{ item.image_small | relative_url }}"
}{% unless forloop.last %},{% endunless %}
{%- endfor -%}
];