Add liquid main view
This commit is contained in:
parent
31c7730446
commit
fdf9584549
1 changed files with 49 additions and 0 deletions
49
view.liquid
Normal file
49
view.liquid
Normal file
|
|
@ -0,0 +1,49 @@
|
||||||
|
<div class="layout">
|
||||||
|
<div class="columns">
|
||||||
|
{% assign number_of_items_per_column = 10 %}
|
||||||
|
{% assign number_of_columns = 2 %}
|
||||||
|
{% assign totalCount = items | size %}
|
||||||
|
{% assign number_of_items_displayed = 0 %}
|
||||||
|
|
||||||
|
{% assign var = number_of_columns | minus: 1 %}
|
||||||
|
{% for i in (0..var) %}
|
||||||
|
{% if number_of_items_displayed >= totalCount %}
|
||||||
|
{% break %}
|
||||||
|
{% endif %}
|
||||||
|
<div
|
||||||
|
class="list"
|
||||||
|
data-list-limit="true"
|
||||||
|
data-list-hidden-count="true"
|
||||||
|
data-list-max-height="340"
|
||||||
|
>
|
||||||
|
{% assign items_to_display_count = number_of_items_per_column %}
|
||||||
|
{% if i == var %}
|
||||||
|
{% assign items_to_display_count = totalCount | minus: number_of_items_displayed %}
|
||||||
|
{% endif %}
|
||||||
|
{% assign items_to_display = items | slice: number_of_items_displayed, items_to_display_count %}
|
||||||
|
{% for item in items_to_display %}
|
||||||
|
{% assign number_of_items_displayed = number_of_items_displayed | plus: 1 %}
|
||||||
|
<div class="item">
|
||||||
|
<div class="meta">
|
||||||
|
<span class="index"></span>
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<span class="title title--small">{{ item }}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="title_bar">
|
||||||
|
<img
|
||||||
|
class="image"
|
||||||
|
src="https://cdn.prod.website-files.com/5fbe6548a005d56f0dd39a2e/5fc24a65f7e1555200865e1b_bring-logo.svg"
|
||||||
|
>
|
||||||
|
<span class="title">Bring!</span>
|
||||||
|
<span class="instance">Home</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Include the overflow.js script -->
|
||||||
|
<script src="https://usetrmnl.com/js/latest/plugins.js"></script>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue