rbb/props.html at master · beccasafan/rbb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
---
title: Props
excerpt: All the props that have ever been seen with RBB or SBB.
---
{% capture openBlock %}<div data-equalizer="title"><ul class="small-block-grid-2 medium-block-grid-3 large-block-grid-4" data-equalizer="image">{% endcapture %}

<div class="page">
  <div class="text-center">
    <h2>{{ page.title }}</h2>
  </div>

  <div class="row">
    <div class="small-12 medium-push-6 medium-6 columns">
      <div class="row">
        <div class="small-4 text-right columns">
          <label class="right inline">Search:</label>
        </div>
        <div class="small-8 columns"><input type="text" id="searchText" /></div>
      </div>
    </div>
    <div class="small-12 medium-pull-6 medium-6 columns">
      <ul class="tabs">
        <li data-key="categories" class="tab-title active"><a>Categories</a></li>
        <li data-key="alphabetical" class="tab-title"><a>Alphabetical</a></li>
      </ul>
    </div>

  </div>

  <div id="props" class="items">
    <div class="content active" id="panel-categories">
      <ul class="accordion" data-accordion>
        {% for propCategory in site.allpropCategories %}
          {% assign propCategoryData = propCategory[1] %}
          <li class="accordion-navigation active {{ propCategoryData['code'] }}">
            <a href="#panel-{{ propCategoryData['code'] }}">
              <h4>
                <span class="arrow active">&#9650;</span>
                <span class="arrow inactive">&#9660;</span>
                {{ propCategoryData["title"] }}
              </h4>
            </a>
            <div id="panel-{{ propCategoryData['code'] }}" class="content active">
              {% if propCategoryData.content %}<p>{{ propCategoryData.content }}</p>{% endif %}
              <div data-equalizer="title">
                <ul class="itemsSection small-block-grid-2 medium-block-grid-3 large-block-grid-4" data-equalizer="image">
                  {% for currentPropData in site.allprops %}
                    {% assign currentProp = currentPropData[1] %}
                    {% if currentProp["propCategories"] == nil %}{% assign propCategories = "untagged" %}{% else %}{% assign propCategories = currentProp["propCategories"] %}{% endif %}
                    {% if propCategories contains propCategoryData["code"] %}
                      {% assign _propCode = currentPropData[0] %}
                      {% include prop.html prop=_propCode %}
                    {% endif %}
                  {% endfor %}
                </ul>
              </div>
            </div>
          </li>
        {% endfor %}
      </ul>
    </div>
    <div class="content" id="panel-alphabetical">
      <div data-equalizer="image">
        <ul class="itemsSection small-block-grid-2 medium-block-grid-3 large-block-grid-4" data-equalizer="title">
            {% assign alphabeticalProps = site.allprops %}
            {% for alphabeticalProp in alphabeticalProps %}
              {% assign alphabeticalPropCode = alphabeticalProp[0] %}
              {% include prop.html prop=alphabeticalPropCode %}
            {% endfor %}
        </ul>
      </div>
    </div>
  </div>
</div>