github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/libs/vue-1.0.24/examples/commits/index.html (about)

     1  <!DOCTYPE html>
     2  <html>
     3    <head>
     4      <title>Vue.js commits example</title>
     5      <style>
     6        #demo {
     7          font-family: 'Helvetica', Arial, sans-serif;
     8        }
     9        a {
    10          text-decoration: none;
    11          color: #f66;
    12        }
    13        li {
    14          line-height: 1.5em;
    15          margin-bottom: 20px;
    16        }
    17        .author, .date {
    18          font-weight: bold;
    19        }
    20      </style>
    21      <script src="../../dist/vue.js"></script>
    22    </head>
    23    <body>
    24      <div id="demo">
    25        <h1>Latest Vue.js Commits</h1>
    26        <template v-for="branch in branches">
    27          <input type="radio"
    28            name="branch"
    29            :id="branch"
    30            :value="branch"
    31            v-model="currentBranch">
    32          <label :for="branch">{{branch}}</label>
    33        </template>
    34        <p>vuejs/vue@{{currentBranch}}</p>
    35        <ul>
    36          <li v-for="record in commits">
    37            <a :href="record.html_url" target="_blank" class="commit">{{record.sha.slice(0, 7)}}</a>
    38            - <span class="message">{{record.commit.message | truncate}}</span><br>
    39            by <span class="author">{{record.commit.author.name}}</span>
    40            at <span class="date">{{record.commit.author.date | formatDate}}</span>
    41          </li>
    42        </ul>
    43      </div>
    44      <script src="app.js"></script>
    45    </body>
    46  </html>