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

Add jekyll-multiple-language-plugin and refactor strings into /_i18n

Browse source
This commit is contained in:
John Hess 2022-03-30 16:40:50 -05:00
parent 8887613e81
commit a474bc61ed
10 changed files with 53 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

14
_includes/modal.html
View file

@ -7,26 +7,26 @@
<main class="modal__content" id="product-modal-content">
<div class="modal__content__header">
<div class="header__logo">
<img src="{{ site.baseurl }}{{ page_data.modal_data.logo[0] }}" alt="{{ page_data.modal_data.logo[1] }}" />
<img src="{{ site.baseurl }}{{ page_data.modal.butter_app_logo }}" alt="{% t modal.butter_app_logo_alt %}" />
</div>
<div class="header__text">
<h2 class="modal__title ls-40" id="product-modal-title">{{ page_data.modal_data.title }}</h2>
<h2 class="modal__title ls-40" id="product-modal-title">{% t modal.title %}</h2>
<ul class="info__list">
{% for item in page_data.modal_data.info_list %}
{% for item in site.translations[site.lang].modal.info_list %}
<li>{{ item }}</li>
{% endfor %}
</ul>
</div>
<div class="header__btn">
<a class="btn-main" href="{{ page_data.modal_data.button_url }}">{{ page_data.modal_data.button_text | upcase }}</a>
<a class="btn-main" href="{{ page_data.modal.button_url }}">{% t modal.button_text %}</a>
</div>
</div>
<div class="modal__content__description">
<p class="content-text ls-40">{{ page_data.modal_data.text }}</p>
<p class="content-text ls-40">{% t modal.text %}</p>
</div>
<div class="modal__content__slider">
<div class="screens-slider">
{% for slide in page_data.modal_data.slider_list %}
{% for slide in page_data.modal.slider_list %}
<div class="slider-item">
<img src="{{ site.baseurl }}{{ slide }}" alt="slider image" />
</div>
@ -35,7 +35,7 @@
</div>
</main>
<footer class="modal__footer">
<p class="ls-40">{{ page_data.modal_data.warning | markdownify | remove: '<p>' | remove: '</p>' }}</p>
<p class="ls-40">{% t modal.warning %}</p>
</footer>
</div>
</div>