cards

apps/face/priv/static/doc/svg.htm

@@ -711,19 +711,32 @@
 
 <code>
 
-&lt;svg width="200px" height="300px" viewBox="0 0 40 60"&gt;
-&lt;g id="Slot-1,3"&gt;
-    &lt;rect id="Card-1,3" fill="#FFFFFF"
+&lt;svg width="400px" height="600px" viewBox="0 0 90 120"&gt;
+
+&lt;g id="Slot-1,1" transform="translate(0,0)&gt;
+    &lt;rect id="Card-1,1" fill="#FFFFFF"
           x="0.576" y="-0.3231875"
           width="40" height="60" rx="4"/&gt;
-    &lt;text id="Number-1,3" x="4.91796875" y="26.4873125"
+    &lt;text id="Number-1,1" x="4.91796875" y="26.4873125"
           font-family="Lucida Grande" font-size="24"
           font-weight="bold" letter-spacing="-2"
           fill="#CE290F"&gt;12&lt;/text&gt;
-    &lt;circle id="Bullet-1,3" fill="#CE290F"
+    &lt;circle id="Bullet-1,1" fill="#CE290F"
+          cx="20" cy="43" r="7"/&gt;&lt;/g&gt;&lt;
+          
+&lt;g id="Slot-2,2" transform="translate(42,62)&gt;
+    &lt;rect id="Card-2,2" fill="#FFFFFF"
+          x="0.576" y="-0.3231875"
+          width="40" height="60" rx="4"/&gt;
+    &lt;text id="Number-1,2" x="4.91796875" y="26.4873125"
+          font-family="Lucida Grande" font-size="24"
+          font-weight="bold" letter-spacing="-2"
+          fill="#CE290F"&gt;12&lt;/text&gt;
+    &lt;circle id="Bullet-2,2" fill="#CE290F"
           cx="20" cy="43" r="7"/&gt;&lt;/g&gt;&lt;svg&gt;
 
-<svg width="200px" height="300px" viewBox="0 0 40 60">
+<svg width="400px" height="600px" viewBox="0 0 90 130">
+
             <g id="Slot-1,3">
                 <rect id="Card-1,3" fill="#FFFFFF" x="0" y="0"
                       width="40" height="60" rx="4"/>
@@ -732,11 +745,21 @@
                       font-weight="bold" letter-spacing="-2" fill="#CE290F">12</text>
                 <circle id="Bullet-1,3" fill="#CE290F" cx="20" cy="43" r="7"/>
             </g>
+
+            <g id="Slot-1,4" transform="translate(42.0,62.0)">
+                <rect id="Card-1,4" fill="#FFFFFF" x="0" y="0"
+                      width="40" height="60" rx="4"/>
+                <text id="Number-2,2" x="11.91796875" y="26.4873125"
+                      font-family="Lucida Grande" font-size="24"
+                      font-weight="bold" letter-spacing="-2" fill="#3B5998">1</text>
+                <circle id="Bullet-2,2" fill="#3B5998" cx="20" cy="43" r="7"/>
+            </g>
+
 <svg>
 
 </code>
 
-
+<h1>Mustafa</h1>
 
 <code>
 > document.getElementById("Mustafa-Persona");