responsive homepage

This commit is contained in:
John Hess 2024-06-25 18:18:25 -05:00
parent 187368f716
commit 9aac1b0b8f
3 changed files with 34 additions and 4 deletions

View file

@ -6,17 +6,20 @@ layout: default
<div class="container">
<div class="content">
<img src="{{ site.baseurl }}/assets/images/btr-logo.svg" alt="Paddy, the Butter Box Mascot"
class="drippy" />
<h1 class="homepage-title">{% t butter_box_title %}</h1>
<h1 class="homepage-subtitle">{% t butter_box_subtitle %}</h1>
<!-- Defaults to display: none; revealed via JS depending on USB insertion. -->
<div class="card-set">
<div id="usb-butter-placeholder" class="card">
{% t explore_missing %}
</div>
<a href="{{ site.usb_butter_url }}" id="usb-butter" style="display: none;" data-url="{{ site.usb_butter_url }}"
class="card">
<img src="{{ site.baseurl }}/assets/images/explore-icon.svg" alt="Explore Icon" class="card-icon">
{% t explore %}
</a>
<div id="usb-butter-placeholder" class="card">
{% t explore_missing %}
</div>
<a href="/chat/#/room/%23public%3A{{site.data.deployment.chat_server}}" class="card">
<img src="{{ site.baseurl }}/assets/images/message-icon.svg" alt="Message Icon" class="card-icon">
{% t message_board %}