shopify.github.com/index.html at master · BlueSnaps/shopify.github.com · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
---
layout: default
title: Open Source Software Projects - Shopify Ecommerce
description: As a team that greatly benefits from open-source software, these are the projects that we have contributed back to the community.
---

<div class="hero">
  <div class="hero-lines"></div>
  <header class="hero-header">
    <div class="pagewidth">
      <div class="logo--ie">
        <img src="/images/shopify-open-source.svg" alt="Shopify Open Source" class="logo">
      </div>
      <ul class="inline-list git-stats">
        <li>
          <span id="countRepos" class="git-stat is-loading"></span> Repos
        </li>
        <li>
          <span id="countMembers" class="git-stat is-loading"></span> Members
        </li>
      </ul>
    </div>
  </header>
  <div class="pagewidth">
    <div class="hero-inner">
      <h1 class="hero-text">As a team that greatly benefits from open-source software, these are the projects that we have contributed back to the community.</h1>
      <p>All repos released under the <a href="https://github.com/Shopify/shopify.github.com/blob/master/LICENSE.md">MIT license</a></p>
    </div>
  </div>
</div>

<div class="pagewidth">
  <div class="filter-bar">
    <div class="button-group js-radio-button-group" id="filters">
      <div class="filter-bar--left">
        Show
      </div>
      <div class="filter-bar--right">
        <button class="btn is-active" data-filter="*">All</button>
        <button class="btn" data-filter=".go">Go</button>
        <button class="btn" data-filter=".javascript">JavaScript</button>
        <button class="btn" data-filter=".liquid">Liquid</button>
        <button class="btn" data-filter=".objective-c">Objective-C</button>
        <button class="btn" data-filter=".ruby">Ruby</button>
        <button class="btn" data-filter=":not(.go, .css, .javascript, .objective-c, .ruby, .liquid)">Other</button>
      </div>
    </div>
  </div>
</div>

<div class="repoWrap">
  <div class="pagewidth">
    <div id="repos"></div>
    <div class="repo-loader">
      <div class="repo-loader--inner">
        <div class="spinner spinner-large"></div>
      </div>
    </div>
  </div>
</div>

<script id="repoTemplate" type="text/template">
{% raw %}
  {{#items}}
  <div class="repo {{languageClass}}{{#unless description}} no-desc{{/unless}}">
    <header class="repo-header">
      <div class="grid">
        <div class="grid-item large--one-half">
          <h2>
          {{#if homepage}}
            {{#if avatar}}
              <a href="{{homepage}}" class="homepage-link">
                <img src="{{avatar}}" alt="{{name}}">
              </a>
            {{else}}
              <a href="{{homepage}}" class="homepage-link">
                <i class="icon-world"></i>
              </a>
            {{/if}}
            <a href="{{homepage}}" title="View {{name}} on Github">{{name}}</a>
          {{else}}
            {{#if avatar}}
              <img src="{{avatar}}" class="homepage-link" alt="{{name}}">
            {{/if}}
            <a href="{{url}}" title="View {{name}} on Github">{{name}}</a>
          {{/if}}
          </h2>
        </div>
        <div class="grid-item large--one-half">
          <div class="repo-meta">
            <div class="repo-git">
              <a href="{{url}}" title="View {{name}} on GitHub">
                <i class="icon-github" title="View on GitHub"></i> Repo
              </a>
            </div>
            <div class="repo-stats">
              <i class="icon-star" title="Stars"></i> {{stars}}
              <i class="icon-forks" title="Forks"></i> {{forks}}
              <span class="repo-lang">{{language}}</span>
            </div>
          </div>
        </div>
      </div>
    </header>
    {{#if description}}
    <p>{{description}}</p>
    {{/if}}
  </div>
  {{/items}}
{% endraw %}
</script>

<script>
  var repos = {{ site.github.public_repositories | jsonify }};
</script>