service-worker.github.io/index.html at master · service-worker/service-worker.github.io · 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
---
layout: default
---

<link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">
<style>
  .card {
    margin-bottom: 20px;
  }
  .card .btn {
    margin-bottom: 0;
  }
  .card.yours .text-right {
    margin-bottom: 0;
  }
</style>

<div class="container">
  <div class="card-columns">
  {% for demo in site.demos %}
    <div class="card">
      <div class="card-block">
        <h3 class="card-title">{{demo.name}}</h3>
        <p class="card-text">{{demo.description}}</p>
        <a href="https://demo.service-worker.org/{{demo.url}}" class="btn btn-primary">示例</a>
        <a href="https://github.com/service-worker/demos/tree/master/{{demo.url}}" class="btn btn-secondary">源码</a>
      </div>
    </div>
  {% endfor %}
    <div class="card yours">
      <div class="card-block">
        <h3 class="card-title">Yours</h3>
        <p class="card-text">欢迎分享你的示例代码。</p>
        <p class="text-right">
          <a href="https://github.com/service-worker/demos" class="btn btn-primary">
            Fork <i class="fa fa-hand-o-right"></i>
          </a>
        </p>
      </div>
    </div>
  </div>
</div>