summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2024-10-27 10:21:29 +0100
committerTor Andersson <tor@ccxvii.net>2024-10-27 16:24:33 +0100
commit071612221465ec4bf05cf855043278230636f966 (patch)
tree9552f49760b06d063724bf27a21ee1e69284845c
parent4b0adc2ac27e905913e5c3a2f08ebf3d80f20d82 (diff)
download1989-dawn-of-freedom-071612221465ec4bf05cf855043278230636f966.tar.gz
New power card image numbering.
-rw-r--r--data.js107
-rw-r--r--info/cards.html336
-rw-r--r--play.css334
-rw-r--r--play.js2
4 files changed, 394 insertions, 385 deletions
diff --git a/data.js b/data.js
index 17291e8..dceeca1 100644
--- a/data.js
+++ b/data.js
@@ -1275,6 +1275,7 @@ const spaces = [
        ascii_name: "Sliven",
},
]
+
const cards = [
null,
{number: 1, period: 1, side: 'C', name: 'Legacy of Martial Law*', ops: 2, remove: 1, playable: true, red: false},
@@ -1390,59 +1391,59 @@ const cards = [
]
const power_cards = [
-null,
-{number: 1, name: 'Rally in the Square', value: 1, socio: 0},
-{number: 2, name: 'Rally in the Square', value: 1, socio: 0},
-{number: 3, name: 'Rally in the Square', value: 1, socio: 0},
-{number: 4, name: 'Rally in the Square', value: 1, socio: 0},
-{number: 5, name: 'Rally in the Square', value: 1, socio: 0},
-{number: 6, name: 'Rally in the Square', value: 1, socio: 0},
-{number: 7, name: 'Strike', value: 6, socio: 0},
-{number: 8, name: 'Strike', value: 6, socio: 0},
-{number: 9, name: 'Strike', value: 5, socio: 0},
-{number: 10, name: 'Strike', value: 5, socio: 0},
-{number: 11, name: 'Strike', value: 4, socio: 0},
-{number: 12, name: 'Strike', value: 4, socio: 0},
-{number: 13, name: 'Strike', value: 4, socio: 0},
-{number: 14, name: 'Strike', value: 3, socio: 0},
-{number: 15, name: 'Strike', value: 3, socio: 0},
-{number: 16, name: 'Strike', value: 3, socio: 0},
-{number: 17, name: 'Strike', value: 3, socio: 0},
-{number: 18, name: 'Strike', value: 4, socio: 0},
-{number: 19, name: 'March', value: 6, socio: 0},
-{number: 20, name: 'March', value: 6, socio: 0},
-{number: 21, name: 'March', value: 5, socio: 0},
-{number: 22, name: 'March', value: 5, socio: 0},
-{number: 23, name: 'March', value: 4, socio: 0},
-{number: 24, name: 'March', value: 4, socio: 0},
-{number: 25, name: 'March', value: 4, socio: 0},
-{number: 26, name: 'March', value: 4, socio: 0},
-{number: 27, name: 'March', value: 3, socio: 0},
-{number: 28, name: 'March', value: 3, socio: 0},
-{number: 29, name: 'March', value: 3, socio: 0},
-{number: 30, name: 'March', value: 3, socio: 0},
-{number: 31, name: 'Petition', value: 6, socio: 0},
-{number: 32, name: 'Petition', value: 6, socio: 0},
-{number: 33, name: 'Petition', value: 6, socio: 0},
-{number: 34, name: 'Petition', value: 5, socio: 0},
-{number: 35, name: 'Petition', value: 5, socio: 0},
-{number: 36, name: 'Petition', value: 5, socio: 0},
-{number: 37, name: 'Intellectual Leader', value: 3, socio: 5},
-{number: 38, name: 'Intellectual Leader', value: 3, socio: 5},
-{number: 39, name: 'Intellectual Leader', value: 3, socio: 5},
-{number: 40, name: 'Intellectual Leader', value: 3, socio: 5},
-{number: 41, name: 'Elite Leader', value: 3, socio: 1},
-{number: 42, name: 'Elite Leader', value: 3, socio: 1},
-{number: 43, name: 'Elite Leader', value: 3, socio: 1},
-{number: 44, name: 'Elite Leader', value: 3, socio: 1},
-{number: 45, name: 'Worker Leader', value: 3, socio: 4},
-{number: 46, name: 'Worker Leader', value: 3, socio: 4},
-{number: 47, name: 'Student Leader', value: 3, socio: 6},
-{number: 48, name: 'Church Leader', value: 3, socio: 7},
-{number: 49, name: 'Support Falters', value: '', socio: 0},
-{number: 50, name: 'Support Surges', value: '', socio: 0},
-{number: 51, name: 'Scare Tactics', value: '', socio: 0},
-{number: 52, name: 'Tactic Fails', value: '', socio: 0},
+ null,
+ { number: 1, name: "Rally in the Square", value: 1, socio: 0 },
+ { number: 2, name: "Rally in the Square", value: 1, socio: 0 },
+ { number: 3, name: "Rally in the Square", value: 1, socio: 0 },
+ { number: 4, name: "Rally in the Square", value: 1, socio: 0 },
+ { number: 5, name: "Rally in the Square", value: 1, socio: 0 },
+ { number: 6, name: "Rally in the Square", value: 1, socio: 0 },
+ { number: 7, name: "Strike", value: 6, socio: 0 },
+ { number: 8, name: "Strike", value: 6, socio: 0 },
+ { number: 9, name: "Strike", value: 5, socio: 0 },
+ { number: 10, name: "Strike", value: 5, socio: 0 },
+ { number: 11, name: "Strike", value: 4, socio: 0 },
+ { number: 12, name: "Strike", value: 4, socio: 0 },
+ { number: 13, name: "Strike", value: 4, socio: 0 },
+ { number: 18, name: "Strike", value: 4, socio: 0 },
+ { number: 14, name: "Strike", value: 3, socio: 0 },
+ { number: 15, name: "Strike", value: 3, socio: 0 },
+ { number: 16, name: "Strike", value: 3, socio: 0 },
+ { number: 17, name: "Strike", value: 3, socio: 0 },
+ { number: 19, name: "March", value: 6, socio: 0 },
+ { number: 20, name: "March", value: 6, socio: 0 },
+ { number: 21, name: "March", value: 5, socio: 0 },
+ { number: 22, name: "March", value: 5, socio: 0 },
+ { number: 23, name: "March", value: 4, socio: 0 },
+ { number: 24, name: "March", value: 4, socio: 0 },
+ { number: 25, name: "March", value: 4, socio: 0 },
+ { number: 26, name: "March", value: 4, socio: 0 },
+ { number: 27, name: "March", value: 3, socio: 0 },
+ { number: 28, name: "March", value: 3, socio: 0 },
+ { number: 29, name: "March", value: 3, socio: 0 },
+ { number: 30, name: "March", value: 3, socio: 0 },
+ { number: 31, name: "Petition", value: 6, socio: 0 },
+ { number: 32, name: "Petition", value: 6, socio: 0 },
+ { number: 33, name: "Petition", value: 6, socio: 0 },
+ { number: 34, name: "Petition", value: 5, socio: 0 },
+ { number: 35, name: "Petition", value: 5, socio: 0 },
+ { number: 36, name: "Petition", value: 5, socio: 0 },
+ { number: 37, name: "Intellectual Leader", value: 3, socio: 5 },
+ { number: 38, name: "Intellectual Leader", value: 3, socio: 5 },
+ { number: 39, name: "Intellectual Leader", value: 3, socio: 5 },
+ { number: 40, name: "Intellectual Leader", value: 3, socio: 5 },
+ { number: 41, name: "Elite Leader", value: 3, socio: 1 },
+ { number: 42, name: "Elite Leader", value: 3, socio: 1 },
+ { number: 43, name: "Elite Leader", value: 3, socio: 1 },
+ { number: 44, name: "Elite Leader", value: 3, socio: 1 },
+ { number: 45, name: "Worker Leader", value: 3, socio: 4 },
+ { number: 46, name: "Worker Leader", value: 3, socio: 4 },
+ { number: 47, name: "Student Leader", value: 3, socio: 6 },
+ { number: 48, name: "Church Leader", value: 3, socio: 7 },
+ { number: 49, name: "Support Falters", value: 0, socio: 0 },
+ { number: 50, name: "Support Surges", value: 0, socio: 0 },
+ { number: 51, name: "Scare Tactics", value: 0, socio: 0 },
+ { number: 52, name: "Tactic Fails", value: 0, socio: 0 },
]
if (typeof module !== 'undefined') module.exports = { spaces, cards, power_cards }
diff --git a/info/cards.html b/info/cards.html
index 479867d..8498d00 100644
--- a/info/cards.html
+++ b/info/cards.html
@@ -21,173 +21,181 @@ img {
<body>
<div class="list">
-<img src="../cards100/event_back.webp">
-<img src="../cards100/event_1.webp">
-<img src="../cards100/event_2.webp">
-<img src="../cards100/event_3.webp">
-<img src="../cards100/event_4.webp">
-<img src="../cards100/event_5.webp">
-<img src="../cards100/event_6.webp">
-<img src="../cards100/event_7.webp">
-<img src="../cards100/event_8.webp">
-<img src="../cards100/event_9.webp">
-<img src="../cards100/event_10.webp">
-<img src="../cards100/event_11.webp">
-<img src="../cards100/event_12.webp">
-<img src="../cards100/event_13.webp">
-<img src="../cards100/event_14.webp">
-<img src="../cards100/event_15.webp">
-<img src="../cards100/event_16.webp">
-<img src="../cards100/event_17.webp">
-<img src="../cards100/event_18.webp">
-<img src="../cards100/event_19.webp">
-<img src="../cards100/event_20.webp">
-<img src="../cards100/event_21.webp">
-<img src="../cards100/event_22.webp">
-<img src="../cards100/event_23.webp">
-<img src="../cards100/event_24.webp">
-<img src="../cards100/event_25.webp">
-<img src="../cards100/event_26.webp">
-<img src="../cards100/event_27.webp">
-<img src="../cards100/event_28.webp">
-<img src="../cards100/event_29.webp">
-<img src="../cards100/event_30.webp">
-<img src="../cards100/event_31.webp">
-<img src="../cards100/event_32.webp">
-<img src="../cards100/event_33.webp">
-<img src="../cards100/event_34.webp">
-<img src="../cards100/event_35.webp">
-<img src="../cards100/event_36.webp">
-<img src="../cards100/event_37.webp">
-<img src="../cards100/event_38.webp">
-<img src="../cards100/event_39.webp">
-<img src="../cards100/event_40.webp">
-<img src="../cards100/event_41.webp">
-<img src="../cards100/event_42.webp">
-<img src="../cards100/event_43.webp">
-<img src="../cards100/event_44.webp">
-<img src="../cards100/event_45.webp">
-<img src="../cards100/event_46.webp">
-<img src="../cards100/event_47.webp">
-<img src="../cards100/event_48.webp">
-<img src="../cards100/event_49.webp">
-<img src="../cards100/event_50.webp">
-<img src="../cards100/event_51.webp">
-<img src="../cards100/event_52.webp">
-<img src="../cards100/event_53.webp">
-<img src="../cards100/event_54.webp">
-<img src="../cards100/event_55.webp">
-<img src="../cards100/event_56.webp">
-<img src="../cards100/event_57.webp">
-<img src="../cards100/event_58.webp">
-<img src="../cards100/event_59.webp">
-<img src="../cards100/event_60.webp">
-<img src="../cards100/event_61.webp">
-<img src="../cards100/event_62.webp">
-<img src="../cards100/event_63.webp">
-<img src="../cards100/event_64.webp">
-<img src="../cards100/event_65.webp">
-<img src="../cards100/event_66.webp">
-<img src="../cards100/event_67.webp">
-<img src="../cards100/event_68.webp">
-<img src="../cards100/event_69.webp">
-<img src="../cards100/event_70.webp">
-<img src="../cards100/event_71.webp">
-<img src="../cards100/event_72.webp">
-<img src="../cards100/event_73.webp">
-<img src="../cards100/event_74.webp">
-<img src="../cards100/event_75.webp">
-<img src="../cards100/event_76.webp">
-<img src="../cards100/event_77.webp">
-<img src="../cards100/event_78.webp">
-<img src="../cards100/event_79.webp">
-<img src="../cards100/event_80.webp">
-<img src="../cards100/event_81.webp">
-<img src="../cards100/event_82.webp">
-<img src="../cards100/event_83.webp">
-<img src="../cards100/event_84.webp">
-<img src="../cards100/event_85.webp">
-<img src="../cards100/event_86.webp">
-<img src="../cards100/event_87.webp">
-<img src="../cards100/event_88.webp">
-<img src="../cards100/event_89.webp">
-<img src="../cards100/event_90.webp">
-<img src="../cards100/event_91.webp">
-<img src="../cards100/event_92.webp">
-<img src="../cards100/event_93.webp">
-<img src="../cards100/event_94.webp">
-<img src="../cards100/event_95.webp">
-<img src="../cards100/event_96.webp">
-<img src="../cards100/event_97.webp">
-<img src="../cards100/event_98.webp">
-<img src="../cards100/event_99.webp">
-<img src="../cards100/event_100.webp">
-<img src="../cards100/event_101.webp">
-<img src="../cards100/event_102.webp">
-<img src="../cards100/event_103.webp">
-<img src="../cards100/event_104.webp">
-<img src="../cards100/event_105.webp">
-<img src="../cards100/event_106.webp">
-<img src="../cards100/event_107.webp">
-<img src="../cards100/event_108.webp">
-<img src="../cards100/event_109.webp">
-<img src="../cards100/event_110.webp">
+<img src="../cards100/event_back.avif">
+<img src="../cards100/event_1.avif">
+<img src="../cards100/event_2.avif">
+<img src="../cards100/event_3.avif">
+<img src="../cards100/event_4.avif">
+<img src="../cards100/event_5.avif">
+<img src="../cards100/event_6.avif">
+<img src="../cards100/event_7.avif">
+<img src="../cards100/event_8.avif">
+<img src="../cards100/event_9.avif">
+<img src="../cards100/event_10.avif">
+<img src="../cards100/event_11.avif">
+<img src="../cards100/event_12.avif">
+<img src="../cards100/event_13.avif">
+<img src="../cards100/event_14.avif">
+<img src="../cards100/event_15.avif">
+<img src="../cards100/event_16.avif">
+<img src="../cards100/event_17.avif">
+<img src="../cards100/event_18.avif">
+<img src="../cards100/event_19.avif">
+<img src="../cards100/event_20.avif">
+<img src="../cards100/event_21.avif">
+<img src="../cards100/event_22.avif">
+<img src="../cards100/event_23.avif">
+<img src="../cards100/event_24.avif">
+<img src="../cards100/event_25.avif">
+<img src="../cards100/event_26.avif">
+<img src="../cards100/event_27.avif">
+<img src="../cards100/event_28.avif">
+<img src="../cards100/event_29.avif">
+<img src="../cards100/event_30.avif">
+<img src="../cards100/event_31.avif">
+<img src="../cards100/event_32.avif">
+<img src="../cards100/event_33.avif">
+<img src="../cards100/event_34.avif">
+<img src="../cards100/event_35.avif">
+<img src="../cards100/event_36.avif">
+<img src="../cards100/event_37.avif">
+<img src="../cards100/event_38.avif">
+<img src="../cards100/event_39.avif">
+<img src="../cards100/event_40.avif">
</div>
<div class="list">
-<img src="../cards100/power_back.webp">
-<img src="../cards100/power_1.webp">
-<img src="../cards100/power_2.webp">
-<img src="../cards100/power_3.webp">
-<img src="../cards100/power_4.webp">
-<img src="../cards100/power_5.webp">
-<img src="../cards100/power_6.webp">
-<img src="../cards100/power_7.webp">
-<img src="../cards100/power_8.webp">
-<img src="../cards100/power_9.webp">
-<img src="../cards100/power_10.webp">
-<img src="../cards100/power_11.webp">
-<img src="../cards100/power_12.webp">
-<img src="../cards100/power_13.webp">
-<img src="../cards100/power_14.webp">
-<img src="../cards100/power_15.webp">
-<img src="../cards100/power_16.webp">
-<img src="../cards100/power_17.webp">
-<img src="../cards100/power_18.webp">
-<img src="../cards100/power_19.webp">
-<img src="../cards100/power_20.webp">
-<img src="../cards100/power_21.webp">
-<img src="../cards100/power_22.webp">
-<img src="../cards100/power_23.webp">
-<img src="../cards100/power_24.webp">
-<img src="../cards100/power_25.webp">
-<img src="../cards100/power_26.webp">
-<img src="../cards100/power_27.webp">
-<img src="../cards100/power_28.webp">
-<img src="../cards100/power_29.webp">
-<img src="../cards100/power_30.webp">
-<img src="../cards100/power_31.webp">
-<img src="../cards100/power_32.webp">
-<img src="../cards100/power_33.webp">
-<img src="../cards100/power_34.webp">
-<img src="../cards100/power_35.webp">
-<img src="../cards100/power_36.webp">
-<img src="../cards100/power_37.webp">
-<img src="../cards100/power_38.webp">
-<img src="../cards100/power_39.webp">
-<img src="../cards100/power_40.webp">
-<img src="../cards100/power_41.webp">
-<img src="../cards100/power_42.webp">
-<img src="../cards100/power_43.webp">
-<img src="../cards100/power_44.webp">
-<img src="../cards100/power_45.webp">
-<img src="../cards100/power_46.webp">
-<img src="../cards100/power_47.webp">
-<img src="../cards100/power_48.webp">
-<img src="../cards100/power_49.webp">
-<img src="../cards100/power_50.webp">
-<img src="../cards100/power_51.webp">
-<img src="../cards100/power_52.webp">
+<img src="../cards100/event_back.avif">
+<img src="../cards100/event_41.avif">
+<img src="../cards100/event_42.avif">
+<img src="../cards100/event_43.avif">
+<img src="../cards100/event_44.avif">
+<img src="../cards100/event_45.avif">
+<img src="../cards100/event_46.avif">
+<img src="../cards100/event_47.avif">
+<img src="../cards100/event_48.avif">
+<img src="../cards100/event_49.avif">
+<img src="../cards100/event_50.avif">
+<img src="../cards100/event_51.avif">
+<img src="../cards100/event_52.avif">
+<img src="../cards100/event_53.avif">
+<img src="../cards100/event_54.avif">
+<img src="../cards100/event_55.avif">
+<img src="../cards100/event_56.avif">
+<img src="../cards100/event_57.avif">
+<img src="../cards100/event_58.avif">
+<img src="../cards100/event_59.avif">
+<img src="../cards100/event_60.avif">
+<img src="../cards100/event_61.avif">
+<img src="../cards100/event_62.avif">
+<img src="../cards100/event_63.avif">
+<img src="../cards100/event_64.avif">
+<img src="../cards100/event_65.avif">
+<img src="../cards100/event_66.avif">
+<img src="../cards100/event_67.avif">
+<img src="../cards100/event_68.avif">
+<img src="../cards100/event_69.avif">
+<img src="../cards100/event_70.avif">
+<img src="../cards100/event_71.avif">
+<img src="../cards100/event_72.avif">
+<img src="../cards100/event_73.avif">
+<img src="../cards100/event_74.avif">
+<img src="../cards100/event_75.avif">
+<img src="../cards100/event_76.avif">
+<img src="../cards100/event_77.avif">
+<img src="../cards100/event_78.avif">
+<img src="../cards100/event_79.avif">
+<img src="../cards100/event_80.avif">
+<img src="../cards100/event_81.avif">
+</div>
+
+<div class="list">
+<img src="../cards100/event_back.avif">
+<img src="../cards100/event_82.avif">
+<img src="../cards100/event_83.avif">
+<img src="../cards100/event_84.avif">
+<img src="../cards100/event_85.avif">
+<img src="../cards100/event_86.avif">
+<img src="../cards100/event_87.avif">
+<img src="../cards100/event_88.avif">
+<img src="../cards100/event_89.avif">
+<img src="../cards100/event_90.avif">
+<img src="../cards100/event_91.avif">
+<img src="../cards100/event_92.avif">
+<img src="../cards100/event_93.avif">
+<img src="../cards100/event_94.avif">
+<img src="../cards100/event_95.avif">
+<img src="../cards100/event_96.avif">
+<img src="../cards100/event_97.avif">
+<img src="../cards100/event_98.avif">
+<img src="../cards100/event_99.avif">
+<img src="../cards100/event_100.avif">
+<img src="../cards100/event_101.avif">
+<img src="../cards100/event_102.avif">
+<img src="../cards100/event_103.avif">
+<img src="../cards100/event_104.avif">
+<img src="../cards100/event_105.avif">
+<img src="../cards100/event_106.avif">
+<img src="../cards100/event_107.avif">
+<img src="../cards100/event_108.avif">
+<img src="../cards100/event_109.avif">
+<img src="../cards100/event_110.avif">
+</div>
+
+<div class="list">
+<img src="../cards100/power_back.avif">
+<img src="../cards100/power_1_6.avif">
+<img src="../cards100/power_1_6.avif">
+<img src="../cards100/power_1_6.avif">
+<img src="../cards100/power_1_6.avif">
+<img src="../cards100/power_1_6.avif">
+<img src="../cards100/power_1_6.avif">
+<img src="../cards100/power_7_8.avif">
+<img src="../cards100/power_7_8.avif">
+<img src="../cards100/power_9_10.avif">
+<img src="../cards100/power_9_10.avif">
+<img src="../cards100/power_11_14.avif">
+<img src="../cards100/power_11_14.avif">
+<img src="../cards100/power_11_14.avif">
+<img src="../cards100/power_11_14.avif">
+<img src="../cards100/power_15_18.avif">
+<img src="../cards100/power_15_18.avif">
+<img src="../cards100/power_15_18.avif">
+<img src="../cards100/power_15_18.avif">
+<img src="../cards100/power_19_20.avif">
+<img src="../cards100/power_19_20.avif">
+<img src="../cards100/power_21_22.avif">
+<img src="../cards100/power_21_22.avif">
+<img src="../cards100/power_23_26.avif">
+<img src="../cards100/power_23_26.avif">
+<img src="../cards100/power_23_26.avif">
+<img src="../cards100/power_23_26.avif">
+<img src="../cards100/power_27_30.avif">
+<img src="../cards100/power_27_30.avif">
+<img src="../cards100/power_27_30.avif">
+<img src="../cards100/power_27_30.avif">
+<img src="../cards100/power_31_33.avif">
+<img src="../cards100/power_31_33.avif">
+<img src="../cards100/power_31_33.avif">
+<img src="../cards100/power_34_36.avif">
+<img src="../cards100/power_34_36.avif">
+<img src="../cards100/power_34_36.avif">
+<img src="../cards100/power_37.avif">
+<img src="../cards100/power_38.avif">
+<img src="../cards100/power_39.avif">
+<img src="../cards100/power_40.avif">
+<img src="../cards100/power_41.avif">
+<img src="../cards100/power_42.avif">
+<img src="../cards100/power_43.avif">
+<img src="../cards100/power_44.avif">
+<img src="../cards100/power_45.avif">
+<img src="../cards100/power_46.avif">
+<img src="../cards100/power_47.avif">
+<img src="../cards100/power_48.avif">
+<img src="../cards100/power_49.avif">
+<img src="../cards100/power_50.avif">
+<img src="../cards100/power_51.avif">
+<img src="../cards100/power_52.avif">
</div>
</body>
diff --git a/play.css b/play.css
index ec93266..90a5a57 100644
--- a/play.css
+++ b/play.css
@@ -64,9 +64,9 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
box-shadow: 0px 1px 10px #0008;
}
-#map { background-image: url("map75.jpg") }
+#map { background-image: url("map75.avif") }
@media (min-resolution: 97dpi) {
- #map { background-image: url("map150.jpg") }
+ #map { background-image: url("map150.avif") }
}
/* SPACES */
@@ -265,168 +265,168 @@ body.Communist header.your_turn { background-color: hsl(355, 70%, 75%); }
box-shadow: 0 0 0 1px #444, 0 0 0 4px yellow;
}
-.card.event_0 { background-image: url(cards100/event_back.webp) }
-.card.event_1 { background-image: url(cards100/event_1.webp) }
-.card.event_2 { background-image: url(cards100/event_2.webp) }
-.card.event_3 { background-image: url(cards100/event_3.webp) }
-.card.event_4 { background-image: url(cards100/event_4.webp) }
-.card.event_5 { background-image: url(cards100/event_5.webp) }
-.card.event_6 { background-image: url(cards100/event_6.webp) }
-.card.event_7 { background-image: url(cards100/event_7.webp) }
-.card.event_8 { background-image: url(cards100/event_8.webp) }
-.card.event_9 { background-image: url(cards100/event_9.webp) }
-.card.event_10 { background-image: url(cards100/event_10.webp) }
-.card.event_11 { background-image: url(cards100/event_11.webp) }
-.card.event_12 { background-image: url(cards100/event_12.webp) }
-.card.event_13 { background-image: url(cards100/event_13.webp) }
-.card.event_14 { background-image: url(cards100/event_14.webp) }
-.card.event_15 { background-image: url(cards100/event_15.webp) }
-.card.event_16 { background-image: url(cards100/event_16.webp) }
-.card.event_17 { background-image: url(cards100/event_17.webp) }
-.card.event_18 { background-image: url(cards100/event_18.webp) }
-.card.event_19 { background-image: url(cards100/event_19.webp) }
-.card.event_20 { background-image: url(cards100/event_20.webp) }
-.card.event_21 { background-image: url(cards100/event_21.webp) }
-.card.event_22 { background-image: url(cards100/event_22.webp) }
-.card.event_23 { background-image: url(cards100/event_23.webp) }
-.card.event_24 { background-image: url(cards100/event_24.webp) }
-.card.event_25 { background-image: url(cards100/event_25.webp) }
-.card.event_26 { background-image: url(cards100/event_26.webp) }
-.card.event_27 { background-image: url(cards100/event_27.webp) }
-.card.event_28 { background-image: url(cards100/event_28.webp) }
-.card.event_29 { background-image: url(cards100/event_29.webp) }
-.card.event_30 { background-image: url(cards100/event_30.webp) }
-.card.event_31 { background-image: url(cards100/event_31.webp) }
-.card.event_32 { background-image: url(cards100/event_32.webp) }
-.card.event_33 { background-image: url(cards100/event_33.webp) }
-.card.event_34 { background-image: url(cards100/event_34.webp) }
-.card.event_35 { background-image: url(cards100/event_35.webp) }
-.card.event_36 { background-image: url(cards100/event_36.webp) }
-.card.event_37 { background-image: url(cards100/event_37.webp) }
-.card.event_38 { background-image: url(cards100/event_38.webp) }
-.card.event_39 { background-image: url(cards100/event_39.webp) }
-.card.event_40 { background-image: url(cards100/event_40.webp) }
-.card.event_41 { background-image: url(cards100/event_41.webp) }
-.card.event_42 { background-image: url(cards100/event_42.webp) }
-.card.event_43 { background-image: url(cards100/event_43.webp) }
-.card.event_44 { background-image: url(cards100/event_44.webp) }
-.card.event_45 { background-image: url(cards100/event_45.webp) }
-.card.event_46 { background-image: url(cards100/event_46.webp) }
-.card.event_47 { background-image: url(cards100/event_47.webp) }
-.card.event_48 { background-image: url(cards100/event_48.webp) }
-.card.event_49 { background-image: url(cards100/event_49.webp) }
-.card.event_50 { background-image: url(cards100/event_50.webp) }
-.card.event_51 { background-image: url(cards100/event_51.webp) }
-.card.event_52 { background-image: url(cards100/event_52.webp) }
-.card.event_53 { background-image: url(cards100/event_53.webp) }
-.card.event_54 { background-image: url(cards100/event_54.webp) }
-.card.event_55 { background-image: url(cards100/event_55.webp) }
-.card.event_56 { background-image: url(cards100/event_56.webp) }
-.card.event_57 { background-image: url(cards100/event_57.webp) }
-.card.event_58 { background-image: url(cards100/event_58.webp) }
-.card.event_59 { background-image: url(cards100/event_59.webp) }
-.card.event_60 { background-image: url(cards100/event_60.webp) }
-.card.event_61 { background-image: url(cards100/event_61.webp) }
-.card.event_62 { background-image: url(cards100/event_62.webp) }
-.card.event_63 { background-image: url(cards100/event_63.webp) }
-.card.event_64 { background-image: url(cards100/event_64.webp) }
-.card.event_65 { background-image: url(cards100/event_65.webp) }
-.card.event_66 { background-image: url(cards100/event_66.webp) }
-.card.event_67 { background-image: url(cards100/event_67.webp) }
-.card.event_68 { background-image: url(cards100/event_68.webp) }
-.card.event_69 { background-image: url(cards100/event_69.webp) }
-.card.event_70 { background-image: url(cards100/event_70.webp) }
-.card.event_71 { background-image: url(cards100/event_71.webp) }
-.card.event_72 { background-image: url(cards100/event_72.webp) }
-.card.event_73 { background-image: url(cards100/event_73.webp) }
-.card.event_74 { background-image: url(cards100/event_74.webp) }
-.card.event_75 { background-image: url(cards100/event_75.webp) }
-.card.event_76 { background-image: url(cards100/event_76.webp) }
-.card.event_77 { background-image: url(cards100/event_77.webp) }
-.card.event_78 { background-image: url(cards100/event_78.webp) }
-.card.event_79 { background-image: url(cards100/event_79.webp) }
-.card.event_80 { background-image: url(cards100/event_80.webp) }
-.card.event_81 { background-image: url(cards100/event_81.webp) }
-.card.event_82 { background-image: url(cards100/event_82.webp) }
-.card.event_83 { background-image: url(cards100/event_83.webp) }
-.card.event_84 { background-image: url(cards100/event_84.webp) }
-.card.event_85 { background-image: url(cards100/event_85.webp) }
-.card.event_86 { background-image: url(cards100/event_86.webp) }
-.card.event_87 { background-image: url(cards100/event_87.webp) }
-.card.event_88 { background-image: url(cards100/event_88.webp) }
-.card.event_89 { background-image: url(cards100/event_89.webp) }
-.card.event_90 { background-image: url(cards100/event_90.webp) }
-.card.event_91 { background-image: url(cards100/event_91.webp) }
-.card.event_92 { background-image: url(cards100/event_92.webp) }
-.card.event_93 { background-image: url(cards100/event_93.webp) }
-.card.event_94 { background-image: url(cards100/event_94.webp) }
-.card.event_95 { background-image: url(cards100/event_95.webp) }
-.card.event_96 { background-image: url(cards100/event_96.webp) }
-.card.event_97 { background-image: url(cards100/event_97.webp) }
-.card.event_98 { background-image: url(cards100/event_98.webp) }
-.card.event_99 { background-image: url(cards100/event_99.webp) }
-.card.event_100 { background-image: url(cards100/event_100.webp) }
-.card.event_101 { background-image: url(cards100/event_101.webp) }
-.card.event_102 { background-image: url(cards100/event_102.webp) }
-.card.event_103 { background-image: url(cards100/event_103.webp) }
-.card.event_104 { background-image: url(cards100/event_104.webp) }
-.card.event_105 { background-image: url(cards100/event_105.webp) }
-.card.event_106 { background-image: url(cards100/event_106.webp) }
-.card.event_107 { background-image: url(cards100/event_107.webp) }
-.card.event_108 { background-image: url(cards100/event_108.webp) }
-.card.event_109 { background-image: url(cards100/event_109.webp) }
-.card.event_110 { background-image: url(cards100/event_110.webp) }
-
-.card.power_0 { background-image: url(cards100/power_back.webp) }
-.card.power_1 { background-image: url(cards100/power_1.webp) }
-.card.power_2 { background-image: url(cards100/power_2.webp) }
-.card.power_3 { background-image: url(cards100/power_3.webp) }
-.card.power_4 { background-image: url(cards100/power_4.webp) }
-.card.power_5 { background-image: url(cards100/power_5.webp) }
-.card.power_6 { background-image: url(cards100/power_6.webp) }
-.card.power_7 { background-image: url(cards100/power_7.webp) }
-.card.power_8 { background-image: url(cards100/power_8.webp) }
-.card.power_9 { background-image: url(cards100/power_9.webp) }
-.card.power_10 { background-image: url(cards100/power_10.webp) }
-.card.power_11 { background-image: url(cards100/power_11.webp) }
-.card.power_12 { background-image: url(cards100/power_12.webp) }
-.card.power_13 { background-image: url(cards100/power_13.webp) }
-.card.power_14 { background-image: url(cards100/power_18.webp) }
-.card.power_15 { background-image: url(cards100/power_15.webp) }
-.card.power_16 { background-image: url(cards100/power_16.webp) }
-.card.power_17 { background-image: url(cards100/power_17.webp) }
-.card.power_18 { background-image: url(cards100/power_14.webp) }
-.card.power_19 { background-image: url(cards100/power_19.webp) }
-.card.power_20 { background-image: url(cards100/power_20.webp) }
-.card.power_21 { background-image: url(cards100/power_21.webp) }
-.card.power_22 { background-image: url(cards100/power_22.webp) }
-.card.power_23 { background-image: url(cards100/power_23.webp) }
-.card.power_24 { background-image: url(cards100/power_24.webp) }
-.card.power_25 { background-image: url(cards100/power_25.webp) }
-.card.power_26 { background-image: url(cards100/power_26.webp) }
-.card.power_27 { background-image: url(cards100/power_27.webp) }
-.card.power_28 { background-image: url(cards100/power_28.webp) }
-.card.power_29 { background-image: url(cards100/power_29.webp) }
-.card.power_30 { background-image: url(cards100/power_30.webp) }
-.card.power_31 { background-image: url(cards100/power_31.webp) }
-.card.power_32 { background-image: url(cards100/power_32.webp) }
-.card.power_33 { background-image: url(cards100/power_33.webp) }
-.card.power_34 { background-image: url(cards100/power_34.webp) }
-.card.power_35 { background-image: url(cards100/power_35.webp) }
-.card.power_36 { background-image: url(cards100/power_36.webp) }
-.card.power_37 { background-image: url(cards100/power_37.webp) }
-.card.power_38 { background-image: url(cards100/power_38.webp) }
-.card.power_39 { background-image: url(cards100/power_39.webp) }
-.card.power_40 { background-image: url(cards100/power_40.webp) }
-.card.power_41 { background-image: url(cards100/power_41.webp) }
-.card.power_42 { background-image: url(cards100/power_42.webp) }
-.card.power_43 { background-image: url(cards100/power_43.webp) }
-.card.power_44 { background-image: url(cards100/power_44.webp) }
-.card.power_45 { background-image: url(cards100/power_45.webp) }
-.card.power_46 { background-image: url(cards100/power_46.webp) }
-.card.power_47 { background-image: url(cards100/power_47.webp) }
-.card.power_48 { background-image: url(cards100/power_48.webp) }
-.card.power_49 { background-image: url(cards100/power_49.webp) }
-.card.power_50 { background-image: url(cards100/power_50.webp) }
-.card.power_51 { background-image: url(cards100/power_51.webp) }
-.card.power_52 { background-image: url(cards100/power_52.webp) }
+.card.event_0 { background-image: url(cards100/event_back.avif) }
+.card.event_1 { background-image: url(cards100/event_1.avif) }
+.card.event_2 { background-image: url(cards100/event_2.avif) }
+.card.event_3 { background-image: url(cards100/event_3.avif) }
+.card.event_4 { background-image: url(cards100/event_4.avif) }
+.card.event_5 { background-image: url(cards100/event_5.avif) }
+.card.event_6 { background-image: url(cards100/event_6.avif) }
+.card.event_7 { background-image: url(cards100/event_7.avif) }
+.card.event_8 { background-image: url(cards100/event_8.avif) }
+.card.event_9 { background-image: url(cards100/event_9.avif) }
+.card.event_10 { background-image: url(cards100/event_10.avif) }
+.card.event_11 { background-image: url(cards100/event_11.avif) }
+.card.event_12 { background-image: url(cards100/event_12.avif) }
+.card.event_13 { background-image: url(cards100/event_13.avif) }
+.card.event_14 { background-image: url(cards100/event_14.avif) }
+.card.event_15 { background-image: url(cards100/event_15.avif) }
+.card.event_16 { background-image: url(cards100/event_16.avif) }
+.card.event_17 { background-image: url(cards100/event_17.avif) }
+.card.event_18 { background-image: url(cards100/event_18.avif) }
+.card.event_19 { background-image: url(cards100/event_19.avif) }
+.card.event_20 { background-image: url(cards100/event_20.avif) }
+.card.event_21 { background-image: url(cards100/event_21.avif) }
+.card.event_22 { background-image: url(cards100/event_22.avif) }
+.card.event_23 { background-image: url(cards100/event_23.avif) }
+.card.event_24 { background-image: url(cards100/event_24.avif) }
+.card.event_25 { background-image: url(cards100/event_25.avif) }
+.card.event_26 { background-image: url(cards100/event_26.avif) }
+.card.event_27 { background-image: url(cards100/event_27.avif) }
+.card.event_28 { background-image: url(cards100/event_28.avif) }
+.card.event_29 { background-image: url(cards100/event_29.avif) }
+.card.event_30 { background-image: url(cards100/event_30.avif) }
+.card.event_31 { background-image: url(cards100/event_31.avif) }
+.card.event_32 { background-image: url(cards100/event_32.avif) }
+.card.event_33 { background-image: url(cards100/event_33.avif) }
+.card.event_34 { background-image: url(cards100/event_34.avif) }
+.card.event_35 { background-image: url(cards100/event_35.avif) }
+.card.event_36 { background-image: url(cards100/event_36.avif) }
+.card.event_37 { background-image: url(cards100/event_37.avif) }
+.card.event_38 { background-image: url(cards100/event_38.avif) }
+.card.event_39 { background-image: url(cards100/event_39.avif) }
+.card.event_40 { background-image: url(cards100/event_40.avif) }
+.card.event_41 { background-image: url(cards100/event_41.avif) }
+.card.event_42 { background-image: url(cards100/event_42.avif) }
+.card.event_43 { background-image: url(cards100/event_43.avif) }
+.card.event_44 { background-image: url(cards100/event_44.avif) }
+.card.event_45 { background-image: url(cards100/event_45.avif) }
+.card.event_46 { background-image: url(cards100/event_46.avif) }
+.card.event_47 { background-image: url(cards100/event_47.avif) }
+.card.event_48 { background-image: url(cards100/event_48.avif) }
+.card.event_49 { background-image: url(cards100/event_49.avif) }
+.card.event_50 { background-image: url(cards100/event_50.avif) }
+.card.event_51 { background-image: url(cards100/event_51.avif) }
+.card.event_52 { background-image: url(cards100/event_52.avif) }
+.card.event_53 { background-image: url(cards100/event_53.avif) }
+.card.event_54 { background-image: url(cards100/event_54.avif) }
+.card.event_55 { background-image: url(cards100/event_55.avif) }
+.card.event_56 { background-image: url(cards100/event_56.avif) }
+.card.event_57 { background-image: url(cards100/event_57.avif) }
+.card.event_58 { background-image: url(cards100/event_58.avif) }
+.card.event_59 { background-image: url(cards100/event_59.avif) }
+.card.event_60 { background-image: url(cards100/event_60.avif) }
+.card.event_61 { background-image: url(cards100/event_61.avif) }
+.card.event_62 { background-image: url(cards100/event_62.avif) }
+.card.event_63 { background-image: url(cards100/event_63.avif) }
+.card.event_64 { background-image: url(cards100/event_64.avif) }
+.card.event_65 { background-image: url(cards100/event_65.avif) }
+.card.event_66 { background-image: url(cards100/event_66.avif) }
+.card.event_67 { background-image: url(cards100/event_67.avif) }
+.card.event_68 { background-image: url(cards100/event_68.avif) }
+.card.event_69 { background-image: url(cards100/event_69.avif) }
+.card.event_70 { background-image: url(cards100/event_70.avif) }
+.card.event_71 { background-image: url(cards100/event_71.avif) }
+.card.event_72 { background-image: url(cards100/event_72.avif) }
+.card.event_73 { background-image: url(cards100/event_73.avif) }
+.card.event_74 { background-image: url(cards100/event_74.avif) }
+.card.event_75 { background-image: url(cards100/event_75.avif) }
+.card.event_76 { background-image: url(cards100/event_76.avif) }
+.card.event_77 { background-image: url(cards100/event_77.avif) }
+.card.event_78 { background-image: url(cards100/event_78.avif) }
+.card.event_79 { background-image: url(cards100/event_79.avif) }
+.card.event_80 { background-image: url(cards100/event_80.avif) }
+.card.event_81 { background-image: url(cards100/event_81.avif) }
+.card.event_82 { background-image: url(cards100/event_82.avif) }
+.card.event_83 { background-image: url(cards100/event_83.avif) }
+.card.event_84 { background-image: url(cards100/event_84.avif) }
+.card.event_85 { background-image: url(cards100/event_85.avif) }
+.card.event_86 { background-image: url(cards100/event_86.avif) }
+.card.event_87 { background-image: url(cards100/event_87.avif) }
+.card.event_88 { background-image: url(cards100/event_88.avif) }
+.card.event_89 { background-image: url(cards100/event_89.avif) }
+.card.event_90 { background-image: url(cards100/event_90.avif) }
+.card.event_91 { background-image: url(cards100/event_91.avif) }
+.card.event_92 { background-image: url(cards100/event_92.avif) }
+.card.event_93 { background-image: url(cards100/event_93.avif) }
+.card.event_94 { background-image: url(cards100/event_94.avif) }
+.card.event_95 { background-image: url(cards100/event_95.avif) }
+.card.event_96 { background-image: url(cards100/event_96.avif) }
+.card.event_97 { background-image: url(cards100/event_97.avif) }
+.card.event_98 { background-image: url(cards100/event_98.avif) }
+.card.event_99 { background-image: url(cards100/event_99.avif) }
+.card.event_100 { background-image: url(cards100/event_100.avif) }
+.card.event_101 { background-image: url(cards100/event_101.avif) }
+.card.event_102 { background-image: url(cards100/event_102.avif) }
+.card.event_103 { background-image: url(cards100/event_103.avif) }
+.card.event_104 { background-image: url(cards100/event_104.avif) }
+.card.event_105 { background-image: url(cards100/event_105.avif) }
+.card.event_106 { background-image: url(cards100/event_106.avif) }
+.card.event_107 { background-image: url(cards100/event_107.avif) }
+.card.event_108 { background-image: url(cards100/event_108.avif) }
+.card.event_109 { background-image: url(cards100/event_109.avif) }
+.card.event_110 { background-image: url(cards100/event_110.avif) }
+
+.card.power_0 { background-image: url(cards100/power_back.avif) }
+.card.power_1 { background-image: url(cards100/power_1_6.avif) }
+.card.power_2 { background-image: url(cards100/power_1_6.avif) }
+.card.power_3 { background-image: url(cards100/power_1_6.avif) }
+.card.power_4 { background-image: url(cards100/power_1_6.avif) }
+.card.power_5 { background-image: url(cards100/power_1_6.avif) }
+.card.power_6 { background-image: url(cards100/power_1_6.avif) }
+.card.power_7 { background-image: url(cards100/power_7_8.avif) }
+.card.power_8 { background-image: url(cards100/power_7_8.avif) }
+.card.power_9 { background-image: url(cards100/power_9_10.avif) }
+.card.power_10 { background-image: url(cards100/power_9_10.avif) }
+.card.power_11 { background-image: url(cards100/power_11_14.avif) }
+.card.power_12 { background-image: url(cards100/power_11_14.avif) }
+.card.power_13 { background-image: url(cards100/power_11_14.avif) }
+.card.power_14 { background-image: url(cards100/power_11_14.avif) }
+.card.power_15 { background-image: url(cards100/power_15_18.avif) }
+.card.power_16 { background-image: url(cards100/power_15_18.avif) }
+.card.power_17 { background-image: url(cards100/power_15_18.avif) }
+.card.power_18 { background-image: url(cards100/power_15_18.avif) }
+.card.power_19 { background-image: url(cards100/power_19_20.avif) }
+.card.power_20 { background-image: url(cards100/power_19_20.avif) }
+.card.power_21 { background-image: url(cards100/power_21_22.avif) }
+.card.power_22 { background-image: url(cards100/power_21_22.avif) }
+.card.power_23 { background-image: url(cards100/power_23_26.avif) }
+.card.power_24 { background-image: url(cards100/power_23_26.avif) }
+.card.power_25 { background-image: url(cards100/power_23_26.avif) }
+.card.power_26 { background-image: url(cards100/power_23_26.avif) }
+.card.power_27 { background-image: url(cards100/power_27_30.avif) }
+.card.power_28 { background-image: url(cards100/power_27_30.avif) }
+.card.power_29 { background-image: url(cards100/power_27_30.avif) }
+.card.power_30 { background-image: url(cards100/power_27_30.avif) }
+.card.power_31 { background-image: url(cards100/power_31_33.avif) }
+.card.power_32 { background-image: url(cards100/power_31_33.avif) }
+.card.power_33 { background-image: url(cards100/power_31_33.avif) }
+.card.power_34 { background-image: url(cards100/power_34_36.avif) }
+.card.power_35 { background-image: url(cards100/power_34_36.avif) }
+.card.power_36 { background-image: url(cards100/power_34_36.avif) }
+.card.power_37 { background-image: url(cards100/power_37.avif) }
+.card.power_38 { background-image: url(cards100/power_38.avif) }
+.card.power_39 { background-image: url(cards100/power_39.avif) }
+.card.power_40 { background-image: url(cards100/power_40.avif) }
+.card.power_41 { background-image: url(cards100/power_41.avif) }
+.card.power_42 { background-image: url(cards100/power_42.avif) }
+.card.power_43 { background-image: url(cards100/power_43.avif) }
+.card.power_44 { background-image: url(cards100/power_44.avif) }
+.card.power_45 { background-image: url(cards100/power_45.avif) }
+.card.power_46 { background-image: url(cards100/power_46.avif) }
+.card.power_47 { background-image: url(cards100/power_47.avif) }
+.card.power_48 { background-image: url(cards100/power_48.avif) }
+.card.power_49 { background-image: url(cards100/power_49.avif) }
+.card.power_50 { background-image: url(cards100/power_50.avif) }
+.card.power_51 { background-image: url(cards100/power_51.avif) }
+.card.power_52 { background-image: url(cards100/power_52.avif) }
diff --git a/play.js b/play.js
index cf78f62..3c6b1af 100644
--- a/play.js
+++ b/play.js
@@ -329,7 +329,7 @@ function on_click_action(evt) {
const last_space = 74
const last_card = 110
-const last_power_card = 54
+const last_power_card = 52
const board_events = [
C_SOLIDARITY_LEGALIZED,