The Card

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

@@ -707,6 +707,36 @@
         Gifts
 </code>
 
+<h1>The Card</h1>
+
+<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"
+          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"
+          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"
+          cx="20" cy="43" r="7"/&gt;&lt;/g&gt;&lt;svg&gt;
+
+<svg width="200px" height="300px" viewBox="0 0 40 60">
+            <g id="Slot-1,3">
+                <rect id="Card-1,3" fill="#FFFFFF" x="0" y="0"
+                      width="40" height="60" rx="4"/>
+                <text id="Number-1,3" x="4.91796875" y="26.4873125"
+                      font-family="Lucida Grande" font-size="24"
+                      font-weight="bold" letter-spacing="-2" fill="#CE290F">12</text>
+                <circle id="Bullet-1,3" fill="#CE290F" cx="20" cy="43" r="7"/>
+            </g>
+<svg>
+
+</code>
+
+
 
 <code>
 > document.getElementById("Mustafa-Persona");