html: add script generating hoverable card links with image previews

4 files changed, 54 insertions, 65 deletions

diff --git a/html/Makefile b/html/Makefile
index 6df8a547..e4c09aab 100644
--- a/html/Makefile
+++ b/html/Makefile
@@ -9,7 +9,7 @@ MAKEFILE_PATH := $(abspath $(lastword $(MAKEFILE_LIST)))
 MAKEFILE_DIR := $(dir $(MAKEFILE_PATH))
 
 HTML_ROOT := $(MAKEFILE_DIR)
-GAME_ROOT := $(MAKEFILE_DIR)/../
+GAME_ROOT := $(MAKEFILE_DIR)..
 RULES_ROOT := $(GAME_ROOT)/rules
 MAPS_ROOT := $(GAME_ROOT)/maps
 DATA_ROOT := $(GAME_ROOT)/data
@@ -17,13 +17,15 @@ CARDS_YML_DIR := $(DATA_ROOT)/cards
 LATEX_ROOT := $(GAME_ROOT)/latex
 LATEX_BUILDDIR := $(LATEX_ROOT)/build
 
-GENERATE_CARD := $(GAME_ROOT)scripts/generate_card.py
+GENERATE_CARD := $(GAME_ROOT)/scripts/generate_card.py
 GENERATE_CARD_ARGS := --format markdown
 
+GENERATE_HOVER_LINKS := $(GAME_ROOT)/scripts/generate_card_hover_links.py
+
 SETS := $(shell find $(CARDS_YML_DIR) -mindepth 1 -type d -printf "%f\n")
 SETS_SOURCEDIRS := $(foreach set, $(SETS), $(addprefix $(CARDS_YML_DIR)/, $(set)))
 
-BUILDDIR := $(MAKEFILE_DIR)/build
+BUILDDIR := $(MAKEFILE_DIR)build
 
 RULE_FILES := rules.md tiles.md ai.md
 DE_RULES := $(addprefix $(RULES_ROOT)/de/,$(RULE_FILES))
@@ -51,8 +53,15 @@ CARDS_YAML := $(foreach dir,$(SETS_SOURCEDIRS),$(wildcard $(dir)/*.yml))
 
 MAKEFILE_LIST := Makefile
 
-.PHONY: all clean maps
-all: $(HTML) $(RULES_HTML) maps $(BUILDDIR)/latex-build $(BUILDDIR)/cards-data $(BLOG_POSTS_HTML)
+.PHONY: all clean maps misc
+all: $(HTML) $(RULES_HTML) maps misc $(BLOG_POSTS_HTML)
+
+misc: $(BUILDDIR)/latex-build $(BUILDDIR)/cards-data $(BUILDDIR)/hover-placeholder.png
+
+$(BUILDDIR)/hover-placeholder.png: hover-placeholder.png
+	@echo "copying		$@"
+	@if test \( ! \( -d $(@D) \) \) ;then mkdir -p $(@D);fi
+	$(VERBOSE) cp $< $@
 
 clean:
 	rm -rf $(BUILDDIR)
@@ -101,12 +110,12 @@ $(eval $(call generateCardsListing, $(BUILDDIR)/de,de))
 $(eval $(call generateCardsListing, $(BUILDDIR)/en,en))
 
 define generateHtml
-$(1)/%.html: %.md $(MAKEFILE_LIST) $(HTML_TEMPLATE)
+$(1)/%.html: %.md $(MAKEFILE_LIST) $(HTML_TEMPLATE) $(GENERATE_HOVER_LINKS)
 	@echo "building		$$@"
 	@if test \( ! \( -d $$(@D) \) \) ;then mkdir -p $$(@D);fi
 	$(VERBOSE) if [[ $$$$(cat $$< | wc -l) -gt 80 ]]; \
-		then pandoc --toc $(PANDOC_FLAGS) $(2) $$< -o $$@; \
-		else pandoc $(PANDOC_FLAGS) $(2) $$< -o $$@; fi
+		then $(GENERATE_HOVER_LINKS) $$< | pandoc --toc $(PANDOC_FLAGS) $(2) -o $$@; \
+		else $(GENERATE_HOVER_LINKS) $$< | pandoc $(PANDOC_FLAGS) $(2) -o $$@; fi
 endef
 
 $(eval $(call generateHtml, $(BUILDDIR),))
diff --git a/html/blog/eco-piece-comparision.md b/html/blog/eco-piece-comparision.md
index 6ec00af8..a0f9cabf 100644
--- a/html/blog/eco-piece-comparision.md
+++ b/html/blog/eco-piece-comparision.md
@@ -8,20 +8,20 @@ can repeatedly create resource.
 
 ## Basic pieces
 
-The first economy pieces I designed and the most basic ones are: [Ritual!], [Tax Collector] and [Relic].
+The first economy pieces I designed and the most basic ones are: {{Ritual!}} {{Tax Collector}} and {{Relic}}.
 
 ### Ritual!
 
 ![](build/latex-build/en/magic/ritual!.png){#id .class width=355 height=532}  
-[Ritual!] is the most basic of the three.
+{{Ritual!}} is the most basic of the three.
 It is a spell you have to draw which nets you without any shenanigans 2 resource
 when played. 
 Gaining two every turn is the strongest of the three economy pieces.
 Ritual! gets worse when you don't see it every turn.
-It has spell synergies for example with [catalyst] and the only real
-interaction from the opponent is [no!] or increasing your deck size with [wormtongue]
+It has spell synergies for example with {{Catalyst}} and the only real
+interaction from the opponent is {{No!}} or increasing your deck size with {{Wormtongue}}
 for example.
-Due to its buy cost of 7 [Ritual!] is usable at the earlist on turn 3 (considering a base income of 5 and a 3 cards start deck).
+Due to its buy cost of 7 {{Ritual!}} is usable at the earlist on turn 3 (considering a base income of 5 and a 3 cards start deck).
 
 	T1, 0 R: Gain 5, Draw 3, Discard 2 -> Gain 1
 	T2, 6 R: Gain 5, Draw 2, Discard 2 -> Gain 1, Buy Ritual!
@@ -31,20 +31,20 @@ Due to its buy cost of 7 [Ritual!] is usable at the earlist on turn 3 (consideri
 ### Tax Collector
 
 ![](build/latex-build/en/base/tax_collector.png){#id .class width=355 height=532}  
-[Tax Collector] is the economy piece of choice for unit decks and decks
+{{Tax Collector}} is the economy piece of choice for unit decks and decks
 looking for a steady income in the late game if decks contain more cards.
-If not threatened it nets one resource per turn and is thus slower than one [Ritual!]
+If not threatened it nets one resource per turn and is thus slower than one {{Ritual!}}
 per turn.
 But in contrary to the spell it is also board presence which may have benefits when
 interacting with the map but it is also weaker to enemy units and removal spells.
-Because [Tax Collector] only costs 5 to buy it is most of the time one turn earlier playable than
-[Ritual!].
+Because {{Tax Collector}} only costs 5 to buy it is most of the time one turn earlier playable than
+{{Ritual!}}.
 
 	T1, 0 R: Gain 5, Draw 3, Discard 2 -> Gain 1, Buy Tax Collector
 	T2, 1 R: Gain 5, Draw 2 (hopefully containing Tax Collector)
 
-But the most common play pattern for any deck using [Tax Collector] with a start
-deck containing [Farmer] will probably be:
+But the most common play pattern for any deck using {{Tax Collector}} with a start
+deck containing {{Farmer}} will probably be:
 
 	T1, 0 R: Gain 5, Draw 3, Discard 2 -> Gain 1, Play Farmer, Buy Tax Collector
 	T2, 0 R: Gain 5, Draw 3, Play Tax Collector, ...
@@ -53,10 +53,10 @@ deck containing [Farmer] will probably be:
 ### Relic
 
 ![](build/latex-build/en/equipments/relic.png){#id .class width=355 height=532}  
-[Relic] is the weirdest of the basic economy cards.
+{{Relic}} is the weirdest of the basic economy cards.
 And I am not quite sure what to do with it.
 It is usable for more shenanigans since it is an artifact.
-[Smith] can clone it; [Tinkerer] may loop [Standard] and [Relic].
+{{Smith}} can clone it; {{Tinkerer}} may loop {{Standard}} and {{Relic}}.
 But it may has to be rebalanced to be playable.
 Stay tuned ...
 
@@ -65,40 +65,26 @@ Stay tuned ...
 ### Power To The People!
 
 ![](build/latex-build/en/exp1/power_to_the_people!.png){#id .class width=355 height=532}  
-[Power To The People!] is slower than the basic economy pieces and need some board setup
+{{Power To The People!}} is slower than the basic economy pieces and need some board setup
 to be usable. But the resource gain is not limited and scales with the number of units you
 control.
 I imagine it a really strong economy piece if combined with any token generator
-such as [Recruiter], [Illusionist], or [Tinkerer] looping [Standard]
+such as {{Recruiter}}, {{Illusionist}}, or {{Tinkerer}} looping {{Standard}}
 
 ### Cash or Trash!
 
 ![](build/latex-build/en/equipments/cash_or_trash!.png){#id .class width=355 height=532}  
-Similar to [Power To The People!] [Cash or Trash!] is slow and synergy based.
+Similar to {{Power To The People!}}, {{Cash or Trash!}} is slow and synergy based.
 I have not figured out a good way to use it.
 But I am sure that it could be a powerful part of an artifact deck using
-[Smith] and or [Tinkerer].
+{{Smith}} and or {{Tinkerer}}.
 
 ## Engines
 
 ### Relic & Smith
 
-In muhq's magical Christmasland if you have a not pressured Smith sitting somewhere
-on the board freely cloning Relics, this will quickly get out of hand and
+In muhq's magical Christmasland if you have a not pressured {{Smith}} sitting somewhere
+on the board freely cloning {{Relic}}, this will quickly get out of hand and
 will generate huge amount of resource.
 
 Further engines have to be found (or designed).
-
-
-[Ritual!]: ../en/cards_listing.html#ritual
-[Tax Collector]: ../en/cards_listing.html#tax-collector
-[Relic]: ../en/cards_listing.html#relic
-[catalyst]: ../en/cards_listing.html#catalyst
-[no!]: ../en/cards_listing.html#no
-[wormtongue]: ../en/cards_listing.html#wormtongue
-[Farmer]: ../en/cards_listing.html#farmer
-[Power To The People!]: ../en/cards_listing.html#power-to-the-people
-[Recruiter]: ../en/cards_listing.html#recruiter
-[Illusionist]: ../en/cards_listing.html#illusionist
-[Tinkerer]: ../en/cards_listing.html#tinkerer
-[Standard]: ../en/cards_listing.html#standard
diff --git a/html/decks.md b/html/decks.md
index 94b26875..13bd0532 100644
--- a/html/decks.md
+++ b/html/decks.md
@@ -8,29 +8,23 @@ is also fun.
 
 ### Decks by muhq
 
-* [Approach](latex-build/en/decks/approach.pdf) - A combo deck winning with [*Approach Supremancy!*][approach]
-  * Gain infinite resource using two [*Recycle!*][recycle] and [*Ritual!*][ritual] plus [*Catalyst*][catalyst] or have enough units plus [*Power To The People!*][pttp]
-  * Play [*Approach Supremancy!*][approach] three times to win the game
-* [Recruiter Rush](latex-build/en/decks/recruiter_rush.pdf) - Overwhelm you opponent with [*recruits*][recruit]
-  * Create a lot of [*Recruits*][recruit] using either [*Recruiter*][recruiter] or [*Backup!*][backup]
-  * Quickly kill your opponents king with more [*Recruits*][recruit] than the opponent can deal with
-  * Or push with your army of [*Recruits*][recruit] onto the opponents spawn
-  * Disrupt the opponents game plan with taxing cards like [*Depression Monument*][monument] or [*Stasis Orb*][orb]
+* [Approach](latex-build/en/decks/approach.pdf) - A combo deck winning with {{Approach Supremancy!}}
+  * Gain infinite resource using two {{Recycle!}} and {{Ritual!}} plus {{Catalyst}} or have enough units plus {{Power To The People!}}
+  * Play {{Approach Supremancy!}} three times to win the game
+* [Recruiter Rush](latex-build/en/decks/recruiter_rush.pdf) - Overwhelm you opponent with {{Recruit}} tokens
+  * Create a lot of {{Recruit}} tokens using either {{Recruiter}} or {{Backup!}}
+  * Quickly kill your opponents king with more {{Recruit}} tokens than the opponent can deal with
+  * Or push with your army of {{Recruit}} tokens onto the opponents spawn
+  * Disrupt the opponents game plan with taxing cards like {{Depression Monument}} or {{Stasis Orb}}
 * [Spell Slinger](latex-build/en/decks/spell_slinger.pdf) - Control the game with a lot of cheap spells
-  * Discount your spells using [*Catalyst*][catalyst]
+  * Discount your spells using {{Catalyst}}
   * Play a lot of spells and draw a lot of cards
-  * Finally win with the [*Appear!*][appear] + [*Fighter*][fighter] + [*Attack!*][attack] combo
-
-[approach]: en/cards_listing.html#approach-supremancy
-[recycle]: en/cards_listing.html#retrieve
-[ritual]: en/cards_listing.html#ritual
-[catalyst]: en/cards_listing.html#catalyst
-[pttp]: en/cards_listing.html#power-to-the-people
-[recruit]: en/cards_listing.html#recruit
-[recruiter]: en/cards_listing.html#recruiter
-[backup]: en/cards_listing.html#backup
-[monument]: en/cards_listing.html#depression-monument
-[orb]: en/cards_listing.html#stasis-orb
-[appear]: en/cards_listing.html#appear
-[fighter]: en/cards_listing.html#fighter
-[attack]: en/cards_listing.html#attack
+  * Finally win with the {{Appear!}} + {{Fighter}} + {{Attack!}} combo
+* [Good Stuff](latex-build/en/decks/good_stuff.pdf) - Play strong cards win games
+  * Play strong cards like {{Recruiter}} and {{Cavalry Archer}}
+  * Disrupt your opponent game plan with {{Diplomat}} and {{Wormtongue}}
+  * Ride your strong cards to victory
+* [Potions](latex-build/en/decks/potions.pdf) - Use the synergies and value provided by potions
+  * Play all strong artifact/potions support units {{Alchemist}}, {{Courier}}, {{Smith}} and {{Vial Smasher}}
+  * Build a strong economy using {{Smith}}, {{Tinkerer}}, {{Relic}} and {{Cash or Trash!}}
+  * Provide our agressive units like {{Hoarder}} with utility potions using {{Courier}}
diff --git a/html/hover-placeholder.png b/html/hover-placeholder.png
new file mode 100644
index 00000000..5bf97551
--- /dev/null
+++ b/html/hover-placeholder.png