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

styling updates; still needs assets/

Browse source
This commit is contained in:
John Hess 2022-08-22 20:18:13 -05:00
parent e0f232f049
commit ddb9336a60
6 changed files with 159 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

48
index.html
View file

@ -6,25 +6,39 @@ layout: default
<section class="content-area">
<div class="container">
<div class="content-area-wrapper text-center">
<img src="{{site.baseurl}}{{ page_data.page_logo }}" alt="{% t page_logo_alt %}" />
<div class="content-area-topper">
<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>
<p class="content-text text-black ls-40 mb-2">
{% if site.data.deployment.show_chat %}
{% t text.show_chat %}
{% else %}
{% t text.dont_show_chat %}
{% endif %}
</p>
<div class="content-img">
<img src="{{site.baseurl}}{{ page_data.app_tiles_image }}" alt="{% t app_tiles_image_alt %}" />
<p class="caption ls-40 mb-2">{% t fdroid_apps_caption %}</p>
</div>
<a class="btn-main btn-modal" href="#" data-micromodal-trigger="product-modal">{% t fdroid_button_text %}</a>
{% if site.data.deployment.show_chat %}
<a class="btn-main btn-modal" href="/chat">{% t chat_button_text %}</a>
{% endif %}
</div>
<div class="content-area-wrapper text-center">
<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>
<input id="apps-expander" class="toggle" type="checkbox">
<label for="apps-expander" class="lbl-toggle content-expander">{% t apps_expander_text %}</label>
<div class="content-expanded">
<p class="mb-2">{% t apps_expanded_text %}</p>
<div class="content-img">
<img src="{{site.baseurl}}{{ page_data.app_tiles_image }}" alt="{% t app_tiles_image_alt %}" />
</div>
</div>
</div>
{% if site.data.deployment.show_chat %}
<div class="content-area-wrapper text-center">
<div class="split-content">
<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>
</div>
<div class="right-bleed">
<img src="{{site.baseurl}}{{ page_data.page_logo }}" alt="{% t page_logo_alt %}" />
</div>
</div>
<a href="/chat/"><div class="content-expander">{% t chat_secondary_cta %}</div></a>
</div>
{% endif %}
</div>
</section>