butter/butter-kanglam-ui
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

responsive cards

Browse source
This commit is contained in:
John Hess 2024-06-25 12:37:39 -05:00
parent 1fbfc285a4
commit b00cc94e73
5 changed files with 93 additions and 83 deletions
Download patch file Download diff file Expand all files Collapse all files

26
_includes/header.html
View file

@ -1,21 +1,11 @@
<header class="header" style="background-image: url('{{ site.baseurl }}/assets/images/btr-texture.png');"> <!-- set bg url here so we can apply site.baseurl -->
<div class="container">
<div class="header-area-wrapper">
<div class="header-menu">
<ul class="header-menu-list ls-40">
{% for lang in site.languages %}
{% if forloop.index0 == 0 %}
<li><a href="{{ page.url | relative_url }}" class="darklink">{{ site.data.home.language_selector[lang] }}</a></li>
{% else %}
<li><a href="{{ lang + page.url | relative_url }}" class="darklink">{{ site.data.home.language_selector[lang] }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>
<header class="header">
<div class="header-container">
<img src="{{ site.baseurl }}/assets/images/butter-app-icon-large.svg" alt="Paddy, the Butter Box Mascot" class="header-image" />
<div class="title">{% t site_name %}</div>
<div class="language-selector">
<img src="{{ site.baseurl }}/assets/images/globe.svg" alt="language selector icon"/>
<span class="language-code">{{ site.lang | upcase }}</span>
<img src="{{ site.baseurl }}/assets/images/caret-down.svg"/>
</div>
</div>
<div class="header-content">
<img src="{{ site.baseurl }}/assets/images/paddy.svg" alt="Paddy, the Butter Box Mascot" class="header-image" />
<div class="header-title">{% t butter_box_title %}</div>
</div>
</header>