ShipDeck/index.html at master · baxter-cs/ShipDeck · 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
<content-type="html"/>
<html>
  <head>
    <script src="https://unpkg.com/vue"></script>
    <script src="https://unpkg.com/vuex@3.0.1/dist/vuex.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>

  <body>
    <div id="app">
      <div class="current-card" v-if="currentCard">
        <div class="name">{{ currentCard.name }}</div>
        <div class="description">{{ currentCard.description }}</div>
        <button v-if="!currentCard.resolved" class="next" @click="cardEffectStep()">Next</button>
      </div>
      <button v-if="!currentCard || currentCard.resolved" @click="playCard()">Play</button>
      <button @click="damage(1)">Hurt</button>
      <button @click="damage(-1)">Heal</button>
      <button @click="damage(-1)">Heal</button>
      <div class="player-info">
        {{ health }} {{ anxiety }}
      </div>
    </div>
    <script src="scripts/app.js"></script>


  </body>