okos
/
rpg-cards
Suivre 1
Favoriser 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Parcourir la source

wip

crobi il y a 10 ans
Parent
06567b43cf
révision
67b885d1c3
6 fichiers modifiés avec 65 ajouts et 2 suppressions
Vue unifiée Afficher les stats Diff
  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 Voir le fichier

59 
     <card-front class="card-size-25x35" color="indigo">
 59 
     <card-front class="card-size-25x35" color="indigo">
60 
         <card-title size="12">
 60 
         <card-title size="12">
61 
             <h1>Wand of Magic Missile</h1>
 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 
         </card-title>
 63 
         </card-title>
64 
         <card-contents>
 64 
         <card-contents>
65 
             <card-subtitle>Wondrous item</card-subtitle>
 65 
             <card-subtitle>Wondrous item</card-subtitle>
67 
             <card-property><h4>Maximum charges</h4><p>7</p></card-property>
 67 
             <card-property><h4>Maximum charges</h4><p>7</p></card-property>
68 
             <card-property><h4>Recharge</h4><p>1d6+1</p></card-property>
 68 
             <card-property><h4>Recharge</h4><p>1d6+1</p></card-property>
69 
             <card-rule></card-rule>
 69 
             <card-rule></card-rule>
70 
+            <card-fill size="2"></card-fill>
70 
             <card-description><h4>Spells</h4><p>You can use your action to cast the following spells:</p></card-description>
 71 
             <card-description><h4>Spells</h4><p>You can use your action to cast the following spells:</p></card-description>
71 
             <card-bullet>Magic missile</card-bullet>
 72 
             <card-bullet>Magic missile</card-bullet>
72 
             <card-bullet>Magic missile</card-bullet>
 73 
             <card-bullet>Magic missile</card-bullet>
73 
             <card-bullet>Magic missile</card-bullet>
 74 
             <card-bullet>Magic missile</card-bullet>
74 
-            <card-fill size="2"></card-fill>
75 
+            <card-fill size="3"></card-fill>
75 
             <card-boxes size="2" count="7"></card-boxes>
 76 
             <card-boxes size="2" count="7"></card-boxes>
76 
         </card-contents>
 77 
         </card-contents>
77 
     </card-front>
 78 
     </card-front>

+ 0
- 0
generator/components/card-boxes.html Voir le fichier


+ 55
- 0
generator/components/card-bullet.html Voir le fichier

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 Voir le fichier

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

+ 4
- 0
generator/components/card-property.html Voir le fichier

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

+ 2
- 0
generator/components/card.html Voir le fichier

13 
     <link rel="import" href="./card-fill.html">
 13 
     <link rel="import" href="./card-fill.html">
14 
     <link rel="import" href="./card-section.html">
 14 
     <link rel="import" href="./card-section.html">
15 
     <link rel="import" href="./card-dndstats.html">
 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 
 </head>
 18 
 </head>
17 
 <body>
 19 
 <body>
18
20

Write Preview
Loading…
Annuler
Enregistrer