summaryrefslogtreecommitdiff
path: root/play.html
diff options
context:
space:
mode:
authorTor Andersson <tor@ccxvii.net>2021-06-12 16:36:07 +0200
committerTor Andersson <tor@ccxvii.net>2023-02-18 12:12:42 +0100
commitbf3242f00c38a9958866bffde4cde6b7e6829f19 (patch)
tree3b7cd10cc1e37f04f56e3d8063be2422fd8cf272 /play.html
parentf481d263508bdf25d8dedb4e98e3ba3d80817eec (diff)
downloadshores-of-tripoli-bf3242f00c38a9958866bffde4cde6b7e6829f19.tar.gz
tripoli: Remove "Harbor" suffix from city/harbor spaces.
Diffstat (limited to 'play.html')
-rw-r--r--play.html52
1 files changed, 29 insertions, 23 deletions
diff --git a/play.html b/play.html
index c8e4a7f..ce8e6ac 100644
--- a/play.html
+++ b/play.html
@@ -35,11 +35,21 @@
font-family: "Source Serif SmText";
}
+/* XXX: Work around z-stacking drawing glitch in Firefox 90 on Linux */
+#status { min-height: 1px; }
+#status:empty { background-color: slategray; }
+
.hand {
min-height: 300px;
justify-content: left;
}
+.hand_separator {
+ color: gainsboro;
+ border-bottom: 2px dotted gainsboro;
+ text-align: center;
+}
+
.card {
width: 250px;
height: 350px;
@@ -57,13 +67,6 @@
border-radius: 5px;
}
-.card_separator {
- margin-top: 130px;
- user-select: none;
- font-size: 48px;
- color: aliceblue;
-}
-
.card_info .card:hover {
transform: scale(2) translateY(-30px);
}
@@ -339,15 +342,15 @@
<path class="patrol_zone" d="M879 113.5a136 136 0 00-136 136 136 136 0 009.45 49.746c.019.017.033.036.05.054 2.1 2 3.6 2.5 7.6 2.5 6.3.1 10.3.8 15 2.8 3.2 1.4 4 1.4 6.5.1 1.6-.8 4.199-2.7 5.699-4.2 2.228-2.228 3.107-2.635 6.176-2.204A92.27 92.27 0 01883.5 225.73a92.27 92.27 0 0183.928 54.151c.461-.22.86-.38 1.073-.38 1 0 1.799-1.6 5.499-9.7 1.2-2.7 2.6-5.1 3.2-5.4 2.6-1.6 19.8-2.4 22-1 1.3.8 2.3.8 3.6-.1 1.1-.6 3.8-.9 6.4-.6 2.986.365 4.169.353 5.17-.606a136 136 0 00.63-12.594 136 136 0 00-136-136z" id="algiers_patrol_zone"/>
<path class="patrol_zone" d="M1275.5 86a136 136 0 00-136 136 136 136 0 003.915 31.739 92.27 92.27 0 0188.835-67.76 92.27 92.27 0 0192.27 92.271 92.27 92.27 0 01-45.858 79.638A136 136 0 001411.5 222a136 136 0 00-136-136z" id="tunis_patrol_zone"/>
<path class="patrol_zone" d="M1514.121 309.44a243 243 0 00-232.214 171.452c.44.816.461 1.972.293 4.108-.1 2.4.5 7.7 1.4 11.7 1.4 5.9 1.5 7.7.5 9.9-1.3 3-.7 4.4 1.1 2.6 1.9-1.9 2.5-1.5 6.3 4.3 2.1 3 4.1 5.5 4.7 5.5.5 0 2.2 1.4 3.8 3.2 2.3 2.5 3.2 2.9 4.3 2 1.1-1 2-.8 4 .8 1.4 1.1 3.3 2 4.2 2 .376 0 .983.2 1.68.517a127.92 127.92 0 01101.91-50.79 127.92 127.92 0 01119.673 83.173c.745-.355 1.238-.383 1.238 0 0 .6.599 1.1 1.299 1.1.6 0 2.3.9 3.7 2 1.5 1.2 4.1 2 6.4 2 4.2 0 7.6 2.2 7.6 5 0 1-1.1 3.4-2.5 5.5l-2.6 3.7 2.1 4.4c1.2 2.4 3.1 4.6 4.3 5 3.5 1 5.7 3.5 5.7 6.3.1 1.4.7 3.7 1.5 5.1 2 3.5 1.8 6.4-.5 8.5-1.1 1-2 2.9-2 4.2 0 2.8 3.2 9.4 5.5 11.3 3 2.5 4.5 6.8 5.1 15.4.5 5.8 1.2 9 2.2 9.8 1.3 1.1 1.4.8.7-3.2-.4-2.5-.8-7.4-1-11-.3-7.6-1.7-13.2-4.4-17.7-1.7-2.7-1.8-3.4-.6-5 1.3-1.7 1.4-1.7 3.9.6 1.4 1.3 3.1 4.5 3.9 6.9.9 3.3 2.1 5 4.2 6.2 2.8 1.6 3 2.1 3.1 8.1.1 8.5.1 8.7 2.4 9.9 1.5.8 4.9.7 12.7-.4 11.4-1.6 12.9-1.3 16.9 2.9 1.8 1.9 3.1 2.3 9 2.3 3.9 0 8.1-.6 9.6-1.4 2.3-1.2 2.9-1.2 4.2.2.9.8 1.6 2.3 1.6 3.3 0 2.4-1.7 11.1-2.6 13.5-.6 1.6-.4 1.8 2.2 1.3 7.5-1.5 9.2-2.1 12.7-4.9 4.2-3.3 6.7-3.1 6.7.6s2.9 6.3 10.5 9.2c7.3 2.7 8.9 3 14.2 1.9 3-.7 3.4-.4 6.3 4.1 1.6 2.6 3 5.4 3 6.1 0 .7.5 1.3 1 1.3.6 0 1-1 1-2.3 0-1.2 1.3-4.2 3-6.7 2.6-3.9 2.8-4.6 1.5-6-.8-.9-1.5-2.1-1.5-2.6 0-1.7 5.5-6.4 7.4-6.4.9 0 3-1.4 4.6-3.1 2.5-2.8 3.2-3.1 6.5-2.5 3 .6 3.9 1.4 5.7 5.1 1.2 2.4 2.8 4.7 3.6 5 .9.346 1.918.18 2.867-.31a243 243 0 006.885-14.25c-.886-1.077-1.551-2.136-1.551-2.54 0-.762 2.217-2.868 4.513-4.644a243 243 0 0017.607-90.317 243 243 0 00-243-243z" id="tripoli_patrol_zone"/>
-<circle class="harbor" id="tangier_harbor" r="92" cy="426" cx="296.5"/>
-<circle class="harbor" id="gibraltar_harbor" r="92" cy="216" cx="374.25"/>
-<circle class="harbor" id="algiers_harbor" r="92" cy="318" cx="883.5"/>
-<circle class="harbor" id="tunis_harbor" r="92" cy="278.25" cx="1232.25"/>
-<circle class="harbor" id="malta_harbor" r="92" cy="189.5" cx="1592.5"/>
-<circle class="harbor" id="derne_harbor" r="92" cy="437.25" cx="2030.5"/>
-<circle class="harbor" id="benghazi_harbor" r="92" cy="583" cx="1877"/>
-<circle class="harbor" id="alexandria_harbor" r="92" cy="454.5" cx="2335.5"/>
-<circle class="harbor" id="tripoli_harbor" r="128" cy="604.5" cx="1416"/>
+<circle class="harbor" id="tangier" r="92" cy="426" cx="296.5"/>
+<circle class="harbor" id="gibraltar" r="92" cy="216" cx="374.25"/>
+<circle class="harbor" id="algiers" r="92" cy="318" cx="883.5"/>
+<circle class="harbor" id="tunis" r="92" cy="278.25" cx="1232.25"/>
+<circle class="harbor" id="malta" r="92" cy="189.5" cx="1592.5"/>
+<circle class="harbor" id="derne" r="92" cy="437.25" cx="2030.5"/>
+<circle class="harbor" id="benghazi" r="92" cy="583" cx="1877"/>
+<circle class="harbor" id="alexandria" r="92" cy="454.5" cx="2335.5"/>
+<circle class="harbor" id="tripoli" r="128" cy="604.5" cx="1416"/>
<g id="markers" fill="#444" stroke="black" stroke-width="2">
<circle id="year" r="26" cx="175" cy="728"/>
<circle id="season" r="26" cx="893" cy="728"/>
@@ -423,13 +426,7 @@
</g>
</svg>
-<div id="core" class="hand">
-<div id="tr_card_1" class="show card tr_card_1"></div>
-<div id="tr_card_2" class="show card tr_card_2"></div>
-<div id="tr_card_3" class="show card tr_card_3"></div>
-<div id="us_card_1" class="show card us_card_1"></div>
-<div id="us_card_2" class="show card us_card_2"></div>
-<div id="us_card_3" class="show card us_card_3"></div>
+<div id="hand_cards" class="hand">
<div id="tr_card_4" class="card tr_card_4"></div>
<div id="tr_card_5" class="card tr_card_5"></div>
<div id="tr_card_6" class="card tr_card_6"></div>
@@ -479,6 +476,15 @@
<div id="us_card_26" class="card us_card_26"></div>
<div id="us_card_27" class="card us_card_27"></div>
</div>
+<div class="hand_separator"></div>
+<div id="core_cards" class="hand">
+<div id="tr_card_1" class="show card tr_card_1"></div>
+<div id="tr_card_2" class="show card tr_card_2"></div>
+<div id="tr_card_3" class="show card tr_card_3"></div>
+<div id="us_card_1" class="show card us_card_1"></div>
+<div id="us_card_2" class="show card us_card_2"></div>
+<div id="us_card_3" class="show card us_card_3"></div>
+</div>
<div id="popup" onmouseleave="hide_popup_menu()">
<div id="menu_card_event" onclick="on_card_event()">Play Event</div>