okos
/
rpg-cards
Segui 1
Vota 0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
Sfoglia il codice sorgente

wip

crobi 10 anni fa
parent
06567b43cf
commit
67b885d1c3
6 ha cambiato i file con 65 aggiunte e 2 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 3
    2
      generator/components-test.html
  2. 0
    0
      generator/components/card-boxes.html
  3. 55
    0
      generator/components/card-bullet.html
  4. 1
    0
      generator/components/card-dndstats.html
  5. 4
    0
      generator/components/card-property.html
  6. 2
    0
      generator/components/card.html

+ 3
- 2
generator/components-test.html Vedi File 

@@ -59,7 +59,7 @@
59 59 
     <card-front class="card-size-25x35" color="indigo">
60 60 
         <card-title size="12">
61 61 
             <h1>Wand of Magic Missile</h1>
62 
-            <card-icon src="/icons/lorc/originals/svg/crystal-wand.svg"></card-icon>
62 
+            <card-icon src="/icons/lorc/originals/svg/crossed-swords.svg"></card-icon>
63 63 
         </card-title>
64 64 
         <card-contents>
65 65 
             <card-subtitle>Wondrous item</card-subtitle>
 
@@ -67,11 +67,12 @@
67 67 
             <card-property><h4>Maximum charges</h4><p>7</p></card-property>
68 68 
             <card-property><h4>Recharge</h4><p>1d6+1</p></card-property>
69 69 
             <card-rule></card-rule>
70 
+            <card-fill size="2"></card-fill>
70 71 
             <card-description><h4>Spells</h4><p>You can use your action to cast the following spells:</p></card-description>
71 72 
             <card-bullet>Magic missile</card-bullet>
72 73 
             <card-bullet>Magic missile</card-bullet>
73 74 
             <card-bullet>Magic missile</card-bullet>
74 
-            <card-fill size="2"></card-fill>
75 
+            <card-fill size="3"></card-fill>
75 76 
             <card-boxes size="2" count="7"></card-boxes>
76 77 
         </card-contents>
77 78 
     </card-front>

+ 0
- 0
generator/components/card-boxes.html Vedi File


+ 55
- 0
generator/components/card-bullet.html Vedi File 

@@ -0,0 +1,55 @@
1 
+
2 
+<template id="card-bullet">
3 
+    <style>
4 
+        :host {
5 
+
6 
+        }
7 
+
8 
+        ul {
9 
+            color: black;
10 
+            font-size: inherit;
11 
+            color: black;
12 
+            padding: 0;
13 
+            padding-left: 0px;
14 
+            margin: 0;
15 
+        }
16 
+
17 
+        li {
18 
+            margin-bottom: 0;
19 
+            margin-top: 0;
20 
+            font-size: inherit;
21 
+            list-style-position: inside;
22 
+        }
23 
+
24 
+        ::content {
25 
+
26 
+        }
27 
+    </style>
28 
+
29 
+    <ul>
30 
+        <li>
31 
+            <content></content>
32 
+        </li>
33 
+    </ul>
34 
+</template>
35 
+
36 
+<script>
37 
+    (function (window, document) {
38 
+        var elemName = 'card-bullet';
39 
+        var mainDoc = document;
40 
+        var importDoc = document.currentScript.ownerDocument;
41 
+
42 
+        var proto = Object.create(HTMLUListElement.prototype);
43 
+        proto.createdCallback = function () {
44 
+            var template = importDoc.getElementById(elemName);
45 
+            var clone = mainDoc.importNode(template.content, true);
46 
+            var root = this.createShadowRoot();
47 
+            root.appendChild(clone);
48 
+        }
49 
+
50 
+        mainDoc.registerElement(elemName, { prototype: proto });
51 
+
52 
+    })(window, document);
53 
+</script>
54 
+
55 
+

+ 1
- 0
generator/components/card-dndstats.html Vedi File 

@@ -21,6 +21,7 @@
21 21 
         td {
22 22 
             text-align: center;
23 23 
             padding: 0;
24 
+            color: black;
24 25 
         }
25 26 
     </style>
26 27

+ 4
- 0
generator/components/card-property.html Vedi File 

@@ -11,11 +11,15 @@
11 11 
         ::content > * {
12 12 
             display: inline;
13 13 
             font-size: inherit;
14 
+        }
15 
+
16 
+        ::content > p {
14 17 
             color: black;
15 18 
         }
16 19
17 20 
         ::content > h4 {
18 21 
             font-weight: bold;
22 
+            color: inherit;
19 23 
         }
20 24
21 25 
         ::content > h4 + p {

+ 2
- 0
generator/components/card.html Vedi File 

@@ -13,6 +13,8 @@
13 13 
     <link rel="import" href="./card-fill.html">
14 14 
     <link rel="import" href="./card-section.html">
15 15 
     <link rel="import" href="./card-dndstats.html">
16 
+    <link rel="import" href="./card-bullet.html">
17 
+    <link rel="import" href="./card-boxes.html">
16 18 
 </head>
17 19 
 <body>
18 20

Write Preview
Loading…
Annulla
Salva