Jaswantgarh (Udaipur), Bis-Quits & Claude Bachand (MNA)

cards/README.org

@@ -10,10 +10,17 @@
  - ~cards-occasions.txt~ - text for ’O’ cards
  - ~cards-qualifiers.txt~ - text for ’Q’ cards
  - ~img/~ - folder for images (etc)
-   
+
 * build
 
  - in this directory
- - edit ~deck.rb~ (if needed)
- - run ~rake~
- - the cards should be in the  ~_output~ directory 
+ - edit ~deck.rb~ or ~deck-neural.rb~ (if needed)
+ - run ~rake~ or build a deck using remote image sources with  ~./deck-neural.rb -b~
+ - the cards should be in the  ~_output~ directory
+
+
+* testing
+
+#+BEGIN_SRC text
+./deck-neural.rb -b  160.79s user 10.48s system 35% cpu 8:00.43 total
+ #+END_SRC

cards/card-descriptions-extended.org

@@ -0,0 +1,200 @@
+# -*- mode: org;  coding: utf-8; -*-
+#+title: extended card descriptions
+
+* various
+
+This file can output names, descriptions and generator lists via org-babel (adjust tangling as required)
+
+* Archetypal cards
+
+** occasions
+
+*** names
+
+#+BEGIN_SRC text
+Journey
+Science
+Magic
+Nature
+Power
+Education
+Connection
+Obstacle
+Tool
+Retreat
+Fortune
+Justice
+Sacrifice
+Death
+Art
+Decay
+Ruin
+Mystery
+Bridge
+Energy
+Transformation
+World
+#+END_SRC
+
+*** descriptions
+
+#+BEGIN_SRC text
+Journey
+Science
+Magic
+Nature
+Power
+Education
+Connection
+Obstacle
+Tool
+Retreat
+Fortune
+Justice
+Sacrifice
+Death
+Art
+Decay
+Ruin
+Mystery
+Bridge
+Energy
+Transformation
+World
+#+END_SRC
+
+qualia
+Sad
+Happy
+Fear
+Surprise
+Angry
+Disgust
+Grief
+Hunger
+Love
+Pain
+Relief
+Sonic
+Visual
+Tactile
+Scent
+Taste
+Hot
+Cold
+Calm
+Tense
+Full
+Empty
+
+** qualia
+
+*** names
+
+#+BEGIN_SRC text
+Sad
+Happy
+Fear
+Surprise
+Angry
+Disgust
+Grief
+Hunger
+Love
+Pain
+Relief
+Sonic
+Visual
+Tactile
+Scent
+Taste
+Hot
+Cold
+Calm
+Tense
+Full
+Empty
+#+END_SRC
+
+*** descriptions
+
+#+BEGIN_SRC text
+Sad
+Happy
+Fear
+Surprise
+Angry
+Disgust
+Grief
+Hunger
+Love
+Pain
+Relief
+Sonic
+Visual
+Tactile
+Scent
+Taste
+Hot
+Cold
+Calm
+Tense
+Full
+Empty
+#+END_SRC
+
+** lures
+
+*** names
+
+#+BEGIN_SRC text
+Assemble
+Cook
+Destroy
+Hex
+Enact
+Exchange
+Experiment
+Gather
+Give
+Grow
+Repair
+Make
+Perform
+Play
+Protect
+Prototype
+Question
+Resist
+Reverse
+Serve
+Solve
+Trick
+#+END_SRC
+
+*** descriptions
+
+#+BEGIN_SRC text
+Assemble
+Cook
+Destroy
+Hex
+Enact
+Exchange
+Experiment
+Gather
+Give
+Grow
+Repair
+Make
+Perform
+Play
+Protect
+Prototype
+Question
+Resist
+Reverse
+Serve
+Solve
+Trick
+#+END_SRC

cards/cards-p50-1.csv

@@ -0,0 +1,51 @@
+name,type,text,illustration
+occasions,O,...,img/o_card.svg
+Livingroom,O,...,img/o_card.svg
+Computer,O,...,img/o_card.svg
+Facebook,O,...,img/o_card.svg
+Urban,O,...,img/o_card.svg
+Empty City,O,...,img/o_card.svg
+Depleted Resources,O,...,img/o_card.svg
+Supplies,O,...,img/o_card.svg
+Mask,O,...,img/o_card.svg
+Hospital,O,...,img/o_card.svg
+ICU,O,...,img/o_card.svg
+Bed,O,...,img/o_card.svg
+Sanitizer,O,...,img/o_card.svg
+Patio,O,...,img/o_card.svg
+Produce,O,...,img/o_card.svg
+Meat,O,...,img/o_card.svg
+Canned Goods,O,...,img/o_card.svg
+Debate,O,...,img/o_card.svg
+Fight,O,...,img/o_card.svg
+Vaccine,O,...,img/o_card.svg
+Hoax,O,...,img/o_card.svg
+Internet,O,...,img/o_card.svg
+Connection,O,...,img/o_card.svg
+Disconnection,O,...,img/o_card.svg
+Cult,O,...,img/o_card.svg
+Meme,O,...,img/o_card.svg
+Idiocracy,O,...,img/o_card.svg
+Slowdown,O,...,img/o_card.svg
+Safe Distance,O,...,img/o_card.svg
+Transition,O,...,img/o_card.svg
+Social contract,O,...,img/o_card.svg
+UBI,O,...,img/o_card.svg
+Privacy,O,...,img/o_card.svg
+Conspiracy,O,...,img/o_card.svg
+Illness,O,...,img/o_card.svg
+Border,O,...,img/o_card.svg
+Rule,O,...,img/o_card.svg
+Measures,O,...,img/o_card.svg
+Quarantine,O,...,img/o_card.svg
+Rebellion,O,...,img/o_card.svg
+Loss,O,...,img/o_card.svg
+Bread,O,...,img/o_card.svg
+Heatwave,O,...,img/o_card.svg
+Wound,O,...,img/o_card.svg
+Movement,O,...,img/o_card.svg
+Protest,O,...,img/o_card.svg
+Separation,O,...,img/o_card.svg
+Friendship,O,...,img/o_card.svg
+Virus,O,...,img/o_card.svg
+Zoom,O,...,img/o_card.svg

cards/cards-p50-2.csv

@@ -0,0 +1,51 @@
+name,type,text,illustration
+Market,O,...,img/o_card.svg
+qualifiers,Q,...,img/q_card.svg
+Hostile,Q,...,img/q_card.svg
+Malaise,Q,...,img/q_card.svg
+Anxiety,Q,...,img/q_card.svg
+Boredom,Q,...,img/q_card.svg
+Frenzy,Q,...,img/q_card.svg
+Suffocating,Q,...,img/q_card.svg
+Paralyzed,Q,...,img/q_card.svg
+Desperate,Q,...,img/q_card.svg
+Hospitably,Q,...,img/q_card.svg
+Erratic,Q,...,img/q_card.svg
+Tedium,Q,...,img/q_card.svg
+Wastefully,Q,...,img/q_card.svg
+Conservatively,Q,...,img/q_card.svg
+Solidarity,Q,...,img/q_card.svg
+Racist,Q,...,img/q_card.svg
+Inequality,Q,...,img/q_card.svg
+Acedia,Q,...,img/q_card.svg
+Fake,Q,...,img/q_card.svg
+Interdependent,Q,...,img/q_card.svg
+Shock,Q,...,img/q_card.svg
+Normal,Q,...,img/q_card.svg
+Authoritarian,Q,...,img/q_card.svg
+Hybrid,Q,...,img/q_card.svg
+Postal,Q,...,img/q_card.svg
+Care,Q,...,img/q_card.svg
+Confined,Q,...,img/q_card.svg
+Overwhelmed,Q,...,img/q_card.svg
+Listless,Q,...,img/q_card.svg
+Regulated,Q,...,img/q_card.svg
+Sufficiency,Q,...,img/q_card.svg
+Altruistic,Q,...,img/q_card.svg
+Pressure,Q,...,img/q_card.svg
+Infectious,Q,...,img/q_card.svg
+Fever,Q,...,img/q_card.svg
+Precarity,Q,...,img/q_card.svg
+Manipulative,Q,...,img/q_card.svg
+Disappointment,Q,...,img/q_card.svg
+Essential,Q,...,img/q_card.svg
+Suspicion,Q,...,img/q_card.svg
+Exquisite,Q,...,img/q_card.svg
+Comfort,Q,...,img/q_card.svg
+Sick,Q,...,img/q_card.svg
+Post-traumatic,Q,...,img/q_card.svg
+Lo-TEK,Q,...,img/q_card.svg
+Alien,Q,...,img/q_card.svg
+Liminal,Q,...,img/q_card.svg
+Contingency,Q,...,img/q_card.svg
+Climate,Q,...,img/q_card.svg

cards/cards-p50-3.csv

@@ -0,0 +1,51 @@
+name,type,text,illustration
+Fatigue,Q,...,img/q_card.svg
+Uncertain,Q,...,img/q_card.svg
+Bake,V,...,img/v_card.svg
+Walk,V,...,img/v_card.svg
+Isolate,V,...,img/v_card.svg
+Test,V,...,img/v_card.svg
+Avoid,V,...,img/v_card.svg
+Plan,V,...,img/v_card.svg
+Slow down,V,...,img/v_card.svg
+Unplan,V,...,img/v_card.svg
+Protect,V,...,img/v_card.svg
+Incubate,V,...,img/v_card.svg
+Care for,V,...,img/v_card.svg
+Stockpile,V,...,img/v_card.svg
+Reinforce,V,...,img/v_card.svg
+Infect,V,...,img/v_card.svg
+Rethink,V,...,img/v_card.svg
+Worship,V,...,img/v_card.svg
+Influence,V,...,img/v_card.svg
+Curate,V,...,img/v_card.svg
+Cure,V,...,img/v_card.svg
+Predict,V,...,img/v_card.svg
+Entangle,V,...,img/v_card.svg
+Nurture,V,...,img/v_card.svg
+Track,V,...,img/v_card.svg
+Defeat,V,...,img/v_card.svg
+Ferment,V,...,img/v_card.svg
+Distil,V,...,img/v_card.svg
+Merge,V,...,img/v_card.svg
+Design,V,...,img/v_card.svg
+Cultivate,V,...,img/v_card.svg
+Abandon,V,...,img/v_card.svg
+Disinfect,V,...,img/v_card.svg
+Engage,V,...,img/v_card.svg
+Overthrow,V,...,img/v_card.svg
+Judge,V,...,img/v_card.svg
+Contemplate,V,...,img/v_card.svg
+Vaccinate,V,...,img/v_card.svg
+Organize,V,...,img/v_card.svg
+Evolve,V,...,img/v_card.svg
+Escape,V,...,img/v_card.svg
+Alleviate,V,...,img/v_card.svg
+Remember,V,...,img/v_card.svg
+Disregard,V,...,img/v_card.svg
+Reach out,V,...,img/v_card.svg
+Speak,V,...,img/v_card.svg
+Craft,V,...,img/v_card.svg
+Capture,V,...,img/v_card.svg
+Disconnect,V,...,img/v_card.svg
+Speculate,V,...,img/v_card.svg

cards/cards.csv

@@ -1,9 +1,9 @@
 name,type,text,illustration
 "occasions",O,...,img/O_card.svg
 "Journey",O,...,img/O_card.svg
-"Science",O,...,img/O_card.svg
 "Magic",O,...,img/O_card.svg
-"Nature",O,...,img/O_card.svg
+"Stillness",O,...,img/O_card.svg
+"Care",O,...,img/O_card.svg
 "Power",O,...,img/O_card.svg
 "Education",O,...,img/O_card.svg
 "Connection",O,...,img/O_card.svg
@@ -17,54 +17,138 @@ name,type,text,illustration
 "Art",O,...,img/O_card.svg
 "Decay",O,...,img/O_card.svg
 "Ruin",O,...,img/O_card.svg
-"Mystery",O,...,img/O_card.svg
+"Creativity",O,...,img/O_card.svg
 "Bridge",O,...,img/O_card.svg
 "Energy",O,...,img/O_card.svg
 "Transformation",O,...,img/O_card.svg
 "World",O,...,img/O_card.svg
-"qualia",Q,...,img/Q_card.svg
-"Sad",Q,...,img/Q_card.svg
-"Happy",Q,...,img/Q_card.svg
-"Fear",Q,...,img/Q_card.svg
-"Surprise",Q,...,img/Q_card.svg
-"Angry",Q,...,img/Q_card.svg
-"Disgust",Q,...,img/Q_card.svg
-"Grief",Q,...,img/Q_card.svg
-"Hunger",Q,...,img/Q_card.svg
-"Love",Q,...,img/Q_card.svg
-"Pain",Q,...,img/Q_card.svg
-"Relief",Q,...,img/Q_card.svg
-"Sonic",Q,...,img/Q_card.svg
-"Visual",Q,...,img/Q_card.svg
-"Tactile",Q,...,img/Q_card.svg
-"Scent",Q,...,img/Q_card.svg
-"Taste",Q,...,img/Q_card.svg
-"Hot",Q,...,img/Q_card.svg
-"Cold",Q,...,img/Q_card.svg
+"Food ",O,...,img/O_card.svg
+"Shelter",O,...,img/O_card.svg
+"Home",O,...,img/O_card.svg
+"Clothing",O,...,img/O_card.svg
+"Water",O,...,img/O_card.svg
+"Air",O,...,img/O_card.svg
+"Fire",O,...,img/O_card.svg
+"Soil",O,...,img/O_card.svg
+"Garden",O,...,img/O_card.svg
+"Sleep",O,...,img/O_card.svg
+"Refuge",O,...,img/O_card.svg
+"Forest",O,...,img/O_card.svg
+"Desert",O,...,img/O_card.svg
+"Ocean",O,...,img/O_card.svg
+"Swamp",O,...,img/O_card.svg
+"Steppe",O,...,img/O_card.svg
+"Ice",O,...,img/O_card.svg
+"Science",O,...,img/O_card.svg
+"Livelihood",O,...,img/O_card.svg
+"Politics",O,...,img/O_card.svg
+"Abundance",O,...,img/O_card.svg
+"Survival",O,...,img/O_card.svg
+"Therapy",O,...,img/O_card.svg
+"Money",O,...,img/O_card.svg
+"Work",O,...,img/O_card.svg
+"Matter",O,...,img/O_card.svg
+"Voice",O,...,img/O_card.svg
+"Nothing",O,...,img/O_card.svg
+"qualifiers",Q,...,img/Q_card.svg
+"Inert",Q,...,img/Q_card.svg
+"Resistance",Q,...,img/Q_card.svg
+"Crisis",Q,...,img/Q_card.svg
+"Experimental",Q,...,img/Q_card.svg
+"Discipline",Q,...,img/Q_card.svg
+"Life",Q,...,img/Q_card.svg
+"Fool",Q,...,img/Q_card.svg
+"Young",Q,...,img/Q_card.svg
+"Ageing",Q,...,img/Q_card.svg
+"Belonging",Q,...,img/Q_card.svg
+"Satiated",Q,...,img/Q_card.svg
+"Lassitude",Q,...,img/Q_card.svg
 "Calm",Q,...,img/Q_card.svg
-"Tense",Q,...,img/Q_card.svg
-"Full",Q,...,img/Q_card.svg
+"Critical",Q,...,img/Q_card.svg
+"Vital",Q,...,img/Q_card.svg
+"Erratic",Q,...,img/Q_card.svg
+"Freedom",Q,...,img/Q_card.svg
+"Desire",Q,...,img/Q_card.svg
+"Grief",Q,...,img/Q_card.svg
+"Destructive",Q,...,img/Q_card.svg
+"Warm",Q,...,img/Q_card.svg
+"Cold",Q,...,img/Q_card.svg
+"Greed",Q,...,img/Q_card.svg
+"Ambiguous",Q,...,img/Q_card.svg
+"Progressive",Q,...,img/Q_card.svg
+"Social",Q,...,img/Q_card.svg
+"Mass",Q,...,img/Q_card.svg
+"Environmental",Q,...,img/Q_card.svg
+"Safe",Q,...,img/Q_card.svg
+"Dark",Q,...,img/Q_card.svg
+"Light",Q,...,img/Q_card.svg
+"Gratitude",Q,...,img/Q_card.svg
+"Resilient",Q,...,img/Q_card.svg
+"Vulnerable",Q,...,img/Q_card.svg
+"Sorrow",Q,...,img/Q_card.svg
+"Futile",Q,...,img/Q_card.svg
+"Interference",Q,...,img/Q_card.svg
+"Cruel",Q,...,img/Q_card.svg
+"Happy",Q,...,img/Q_card.svg
+"Wealth",Q,...,img/Q_card.svg
+"Depression",Q,...,img/Q_card.svg
+"Quiet",Q,...,img/Q_card.svg
 "Empty",Q,...,img/Q_card.svg
-"lures",L,...,img/L_card.svg
-"Assemble",L,...,img/L_card.svg
-"Cook",L,...,img/L_card.svg
-"Destroy",L,...,img/L_card.svg
-"Hex",L,...,img/L_card.svg
-"Enact",L,...,img/L_card.svg
-"Exchange",L,...,img/L_card.svg
+"Digital",Q,...,img/Q_card.svg
+"Self",Q,...,img/Q_card.svg
+"Accretion",Q,...,img/Q_card.svg
+"Sentient",Q,...,img/Q_card.svg
+"Discipline",Q,...,img/Q_card.svg
+"Silent",Q,...,img/Q_card.svg
+"No",Q,...,img/Q_card.svg
+"verbs",L,...,img/L_card.svg
+"Perform",L,...,img/L_card.svg
 "Experiment",L,...,img/L_card.svg
-"Gather",L,...,img/L_card.svg
-"Give",L,...,img/L_card.svg
+"Experience",L,...,img/L_card.svg
+"Prepare",L,...,img/L_card.svg
+"Explore",L,...,img/L_card.svg
+"Play",L,...,img/L_card.svg
+"Transform",L,...,img/L_card.svg
+"Regenerate",L,...,img/L_card.svg
 "Grow",L,...,img/L_card.svg
 "Repair",L,...,img/L_card.svg
-"Make",L,...,img/L_card.svg
-"Perform",L,...,img/L_card.svg
-"Play",L,...,img/L_card.svg
-"Protect",L,...,img/L_card.svg
-"Prototype",L,...,img/L_card.svg
-"Question",L,...,img/L_card.svg
-"Resist",L,...,img/L_card.svg
-"Reverse",L,...,img/L_card.svg
-"Serve",L,...,img/L_card.svg
-"Solve",L,...,img/L_card.svg
+"Destroy",L,...,img/L_card.svg
+"Create",L,...,img/L_card.svg
+"Travel",L,...,img/L_card.svg
+"Mourn",L,...,img/L_card.svg
 "Trick",L,...,img/L_card.svg
+"Break",L,...,img/L_card.svg
+"Move",L,...,img/L_card.svg
+"Build",L,...,img/L_card.svg
+"Cook",L,...,img/L_card.svg
+"Assemble",L,...,img/L_card.svg
+"Dissolve",L,...,img/L_card.svg
+"Embody",L,...,img/L_card.svg
+"Enact",L,...,img/L_card.svg
+"Prototype",L,...,img/L_card.svg
+"Describe",L,...,img/L_card.svg
+"Visualize",L,...,img/L_card.svg
+"Adjust",L,...,img/L_card.svg
+"Sketch",L,...,img/L_card.svg
+"Make",L,...,img/L_card.svg
+"Exchange",L,...,img/L_card.svg
+"Gather",L,...,img/L_card.svg
+"Amplify",L,...,img/L_card.svg
+"Reflect",L,...,img/L_card.svg
+"Question",L,...,img/L_card.svg
+"Change",L,...,img/L_card.svg
+"Distort",L,...,img/L_card.svg
+"Reverse",L,...,img/L_card.svg
+"Tinker",L,...,img/L_card.svg
+"Solve",L,...,img/L_card.svg
+"Resist",L,...,img/L_card.svg
+"Reduce",L,...,img/L_card.svg
+"Search",L,...,img/L_card.svg
+"Display",L,...,img/L_card.svg
+"Maintain",L,...,img/L_card.svg
+"Remove",L,...,img/L_card.svg
+"Compose",L,...,img/L_card.svg
+"Feed",L,...,img/L_card.svg
+"Imagine",L,...,img/L_card.svg
+"Give",L,...,img/L_card.svg
+"Leave",L,...,img/L_card.svg

cards/deck-neural.rb

@@ -17,7 +17,21 @@ require 'mini_magick'
 require 'unsplash'
 require 'pexels'
 
-# cards from local csv and images vis text2image GAN
+# cards from local csv and images vis text2image GAN (or clip art)
+
+#layouts = ['economy.yml', 'space-layout-1.yml']
+layouts = ['space-layout-3.yml']
+
+# cards descriptions
+#$cards_csv = 'cards-a1.csv'    # 16h
+#$cards_csv = 'cards-a2.csv'    # 17h
+$cards_csv = 'cards-a3.csv'    # 18h
+#$cards_csv = 'cards-test-003.csv'
+#$cards_csv = 'cards.csv'
+
+# where to get images? try "t2i" or "unsplash" or "pexels"
+$img_source = "t2i"
+
 # https://deepai.org/machine-learning-model/text2img
 $deepai_api_key = "59b70a3d-d42a-42be-979d-d09ec08ec7e0"
 
@@ -26,16 +40,6 @@ $pexels_api_key = "563492ad6f917000010000016e741b30a565426c90e5b65b6b34063b"
 # prod the GAN or search in a potentially relevant direction with a keyword or phrase prefix
 $keyword = ""
 
-# where to get images? try "t2i" or "unsplash" or "pexels"
-$img_source = "unsplash"
-
-# cards descriptions
-#$cards_csv = 'cards-a1.csv'    # 16h
-#$cards_csv = 'cards-a2.csv'    # 17h
-#$cards_csv = 'cards-a3.csv'    # 18h
-#$cards_csv = 'cards-test-003.csv'
-$cards_csv = 'cards.csv'
-
 # unsplash config
 Unsplash.configure do |config|
   config.application_access_key = "FWIsA-zAhsj3biPbVH3-H6qoeB30EVazjQpIjlrnaoE"
@@ -118,8 +122,7 @@ end
 # - https://rapidapi.com/collection/image-apis
 # - https://github.com/gztchan/awesome-design#stock
 
-#layouts = ['economy.yml', 'space-layout-1.yml']
-layouts = ['space-layout-3.yml']
+# colourings...
 
 c1 = '#9f68ed'
 c2 = '#ed9f68'
@@ -127,8 +130,6 @@ c3 = '#b5ed68'
 c4 = '#eeeeee'
 
 
-# colourings...
-
 c1 = '#503143'
 c2 = '#9a532b'
 c3 = '#c49b60'

cards/space-layout-2.yml

@@ -4,11 +4,11 @@
 # 9f68ed
 # ed9f68
 # b5ed68
-  
+
 corner:
   x: 0
   y: 0
-  
+
 type:
   #x: '3mm'
   y: '12mm'
@@ -18,14 +18,14 @@ type:
   color: '#b5ed68'
   width: :deck
   align: :center
-  
+
 description:
   y: '8mm'
   width: :deck
   align: :center
-  font: 'Solide Mirage, 12'
+  font: 'Monoid Bold, 12'
   color: "#333"
-  
+
 illustration:
   x: 0
   y: 0 # or '3mm'
@@ -36,7 +36,7 @@ illustration:
   #blend:  :hsl_hue
 
 # The possibilties include :none, :multiply, :screen, :overlay, :darken, :lighten, :color_dodge, :color_burn, :hard_light, :soft_light, :difference, :exclusion, :hsl_hue, :hsl_saturation, :hsl_color, :hsl_luminosity
-  
+
 title:
   font:  'Noto Serif, 11'
   y:     '48mm'

cards/space-layout-3.yml

@@ -20,17 +20,22 @@ type:
   align: :right
 
 title:
-  font: 'Riesling 16'
+  font: 'Monoid Bold 8'
   #font: 'Noto Serif Display Light 10'
-  y: 48mm
-  x: 3mm
-  width: 32mm
+  y: 44mm
+  x: 4mm
+  height: 10mm
+  width: 30mm
+  font_size: 18
+  ellipsize: :autoscale
   color: '#111'
   stroke_color: '#b5ed68'
   stroke_width: 2
   stroke_strategy: :stroke_first
-  #alpha: 0.9
+  # alpha: 0.9
   align: :center
+  valign: :middle
+  hint: :red
 
 description:
   y: '8mm'

notes/img/div-cards-bg.svg

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg2"
+   viewBox="0 0 753.30914 1025.5061"
+   version="1.0"
+   y="0"
+   x="0"
+   width="753.30914"
+   height="1025.5061"
+   fill="transparent"/>
+  <defs
+     id="defs872" />
+  <metadata
+     id="metadata869">
+    <rdf:RDF>
+      <cc:Work>
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/publicdomain/" />
+        <dc:publisher>
+          <cc:Agent
+             rdf:about="http://openclipart.org/">
+            <dc:title>Openclipart</dc:title>
+          </cc:Agent>
+        </dc:publisher>
+        <dc:title></dc:title>
+        <dc:date>2009-03-24T09:31:11</dc:date>
+        <dc:description>playing card from the &quot;White&quot; set</dc:description>
+        <dc:source>http://openclipart.org/detail/23131/white-deck:-5-of-diamonds-by-nicubunu</dc:source>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>nicubunu</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:subject>
+          <rdf:Bag>
+            <rdf:li>card</rdf:li>
+            <rdf:li>cards</rdf:li>
+            <rdf:li>clip art</rdf:li>
+            <rdf:li>clipart</rdf:li>
+            <rdf:li>deck</rdf:li>
+            <rdf:li>gambling</rdf:li>
+            <rdf:li>game</rdf:li>
+            <rdf:li>image</rdf:li>
+            <rdf:li>media</rdf:li>
+            <rdf:li>play</rdf:li>
+            <rdf:li>playing cards</rdf:li>
+            <rdf:li>png</rdf:li>
+            <rdf:li>public domain</rdf:li>
+            <rdf:li>svg</rdf:li>
+            <rdf:li>white deck</rdf:li>
+          </rdf:Bag>
+        </dc:subject>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/publicdomain/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+</svg>

web/shuffle/example.css

@@ -205,125 +205,125 @@ body {
   content: "K";
 }
 .card.spades.rank1 .face {
-  background-image: url("faces/c1.png");
+  background-image: url("faces/c01.png");
 }
 .card.spades.rank2 .face {
-  background-image: url("faces/c1.png");
+  background-image: url("faces/c02.png");
 }
 .card.spades.rank3 .face {
-  background-image: url("faces/c2.png");
+  background-image: url("faces/c03.png");
 }
 .card.spades.rank4 .face {
-  background-image: url("faces/c4.png");
+  background-image: url("faces/c04.png");
 }
 .card.spades.rank5 .face {
-  background-image: url("faces/c4.png");
+  background-image: url("faces/c05.png");
 }
 .card.spades.rank6 .face {
-  background-image: url("faces/c4.png");
+  background-image: url("faces/c06.png");
 }
 .card.spades.rank7 .face {
-  background-image: url("faces/c4.png");
+  background-image: url("faces/c07.png");
 }
 .card.spades.rank8 .face {
-  background-image: url("faces/c1.png");
+  background-image: url("faces/c08.png");
 }
 .card.spades.rank9 .face {
-  background-image: url("faces/c1.png");
+  background-image: url("faces/c09.png");
 }
 .card.spades.rank10 .face {
-  background-image: url("faces/c4.png");
+  background-image: url("faces/c10.png");
 }
 .card.spades.rank11 .face {
-  background-image: url("faces/c4.png");
+  background-image: url("faces/c11.png");
 }
 .card.spades.rank12 .face {
-  background-image: url("faces/c1.png");
+  background-image: url("faces/c12.png");
 }
 .card.spades.rank13 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c13.png");
 }
 .card.spades.rank14 .face {
-  background-image: url("faces/c4.png");
+  background-image: url("faces/c14.png");
 }
 .card.spades.rank15 .face {
-  background-image: url("faces/c4.png");
+  background-image: url("faces/c15.png");
 }
 .card.spades.rank16 .face {
-  background-image: url("faces/c1.png");
+  background-image: url("faces/c16.png");
 }
 .card.spades.rank17 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c17.png");
 }
 .card.spades.rank18 .face {
-  background-image: url("faces/c1.png");
+  background-image: url("faces/c18.png");
 }
 
 
 .card.hearts.rank1 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c19.png");
 }
 .card.hearts.rank2 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c20.png");
 }
 .card.hearts.rank3 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c21.png");
 }
 .card.hearts.rank4 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c22.png");
 }
 .card.hearts.rank5 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c23.png");
 }
 .card.hearts.rank6 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c24.png");
 }
 .card.hearts.rank7 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c25.png");
 }
 .card.hearts.rank8 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c26.png");
 }
 .card.hearts.rank9 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c27.png");
 }
 .card.hearts.rank10 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c28.png");
 }
 .card.hearts.rank11 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c29.png");
 }
 .card.hearts.rank12 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c30.png");
 }
 .card.hearts.rank13 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c31.png");
 }
 .card.hearts.rank14 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c32.png");
 }
 .card.hearts.rank15 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c33.png");
 }
 .card.hearts.rank16 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c34.png");
 }
 .card.hearts.rank17 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c35.png");
 }
 }
 .card.hearts.rank18 .face {
-  background-image: url("faces/c3.png");
+  background-image: url("faces/c36.png");
 }
 
 .card.joker.rank1 .face {
-  background-image: url("faces/4_1.svg");
+  background-image: url("faces/c37.svg");
 }
 .card.joker.rank2 .face {
-  background-image: url("faces/4_2.svg");
+  background-image: url("faces/c38.svg");
 }
 .card.joker.rank3 .face {
-  background-image: url("faces/4_3.svg");
+  background-image: url("faces/c39.svg");
 }
 @media (max-width: 540px) {
   #topbar {