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

new background, button layout

Browse source
This commit is contained in:
John Hess 2022-10-10 11:18:26 -05:00
parent ddb9336a60
commit fa6c1d7977
11 changed files with 88 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

18
index.html
View file

@ -10,10 +10,20 @@ layout: default
<img class="topper-img" src="{{site.baseurl}}{{ page_data.page_logo }}" alt="{% t page_logo_alt %}" />
<h1 class="content-title mb-2 mt-2">{% t title %}</h1>
</div>
<div class="content-area-wrapper text-center">
<div class="content-area-wrapper">
<p class="content-subtitle text-black ls-40 mb-2">{% t apps_subtitle %}</p>
<p class="content-text text-black ls-40 mb-2">{% t apps_text %}</p>
<a class="btn-main btn-modal" href="#" data-micromodal-trigger="product-modal">{% t fdroid_button_text %}</a>
<a class="btn-main btn-modal btn-split" href="#" data-micromodal-trigger="product-modal">
<div class="btn-split">
<div class="btn-logo">
<img class="btn-android" src="/assets/images/btr-android.svg">
</div>
<div class="btn-text">
<span class="button-main-text">{% t fdroid_button_text %}</span><br/>
<span class="button-sub-text">{% t fdroid_button_subtext %}</span>
</div>
</div>
</a>
<input id="apps-expander" class="toggle" type="checkbox">
<label for="apps-expander" class="lbl-toggle content-expander">{% t apps_expander_text %}</label>
@ -30,10 +40,10 @@ layout: default
<div class="left-content">
<p class="content-subtitle text-black ls-40 mb-2">{% t chat_subtitle %}</p>
<p class="content-text text-black ls-40 mb-2">{% t chat_text %}</p>
<a class="btn-main btn-modal" href="/chat">{% t chat_button_text %}</a>
<a class="btn-main" href="/chat">{% t chat_button_text %}</a>
</div>
<div class="right-bleed">
<img src="{{site.baseurl}}{{ page_data.page_logo }}" alt="{% t page_logo_alt %}" />
<img src="/assets/images/btr-apps.png" alt="{% t page_logo_alt %}" />
</div>
</div>
<a href="/chat/"><div class="content-expander">{% t chat_secondary_cta %}</div></a>