Browse Source

Create pokemon tile template

Kirk Trombley 2 years ago
parent
commit
5d82981423
1 changed files with 14 additions and 9 deletions
  1. 14 9
      index.html

+ 14 - 9
index.html

@@ -97,15 +97,18 @@
       </div>
     </template>
 
-    <div>
-      <img
-        src="https://img.pokemondb.net/sprites/sword-shield/icon/breloom.png"
-        alt="breloom"
-      />
-      <div>Breloom</div>
-      <div></div>
-      <div></div>
-    </div>
+    <template id="pkmn-template">
+      <div class="pkmn">
+        <img />
+        <div class="pkmn-name"></div>
+        <div class="pkmn-total"></div>
+        <div class="pkmn-score"></div>
+        <div class="pkmn-cls pkmn-cls1"><span></span><span></span></div>
+        <div class="pkmn-cls pkmn-cls2"><span></span><span></span></div>
+        <div class="pkmn-cls pkmn-cls3"><span></span><span></span></div>
+        <div class="pkmn-cls pkmn-cls4"><span></span><span></span></div>
+      </div>
+    </template>
 
     <form action="javascript:void(0);" id="sortControl" autocomplete="off">
       <div>
@@ -206,6 +209,8 @@
       </fieldset>
     </form>
 
+    <div id="color-results"></div>
+
     <div>
       <div>Previous Colors</div>
       <div id="prev-colors"></div>