3 files changed, 59 insertions, 0 deletions
diff --git a/public/images/rally-the-troops.png b/public/images/rally-the-troops.png
new file mode 100644
index 0000000..c792857
--- /dev/null
+++ b/public/images/rally-the-troops.png
diff --git a/public/images/rally-the-troops.svg b/public/images/rally-the-troops.svg
new file mode 100644
index 0000000..da7b407
--- /dev/null
+++ b/public/images/rally-the-troops.svg
@@ -0,0 +1 @@
+<svg style="height: 512px; width: 512px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g class="" style="" transform="translate(0,0)"><path d="M462.9 19.12c-9.6 0-17.2 7.59-17.2 17.19 0 9.61 7.6 17.19 17.2 17.19s17.2-7.58 17.2-17.19c0-9.6-7.6-17.19-17.2-17.19zm-80.3 21.82c-160.3.8-218.1 217.46-362.93 96.26 3.25 36.8 88.43 78.4 88.43 78.4-26.03 20-34.78 24.7-71.99 25.5 104.09 86.7 338.69-99.8 408.39 40.1l-2.3-38.4-45.4-46.5 42.7.6-.6-10.2-50.7-32.2 48.4-7.2-.7-11.1-50-27.3 47.9-8.8-.6-10.69L381 66.66l50.5-5.85-.8-13.9c-17.1-4.2-33-6.05-48.1-5.97zm70.8 29.97l20.2 423.99 18.7-.9-20.2-423c-6.3 1.54-12.7 1.5-18.7-.1zM360 292.9l-43.6 70 21.3 25L322 493h18.9l15.2-102.3 28-20.2c-8.1-25.9-16.1-51.8-24.1-77.6zm-156.7 17.9l-28.8 69.8 20.5 20.2 2.2 92.2h18.7l-2.2-93 19.6-19.9-30-69.3zm-158.16 5l-16.4 61.9 17.65 13.2L61.24 493h18.87L64.89 388.3l13.22-17.6-32.93-54.9zm85.96 7.4l-28.2 57.5 15.1 17-6.7 95.3H130l6.8-95.3 15.9-14.2-21.6-60.3zM268 355.5l-19.5 68.4 19.4 15.2 5.8 53.9h18.9l-5.9-54.3 16.8-21.6c-11.9-20.5-23.7-41-35.5-61.6zm143.6.1l-18.9 68.6 20.3 15.5 6.2 53.3H438l-6.4-55.2 16-20.9z" fill="#000000" fill-opacity="1"></path></g></svg>
+\ No newline at end of file
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000..dfd7754
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,58 @@
+button, select {
+	font-family: "Source Sans", "Verdana", "Dingbats", "Noto Emoji", sans-serif;
+	font-size: 16px;
+}
+html, input {
+	font-family: "Source Serif", "Georgia", "Dingbats", "Noto Emoji", serif;
+	font-size: 16px;
+}
+html, body { margin: 0; }
+h1 { margin-left: -2px; }
+h2 { margin-left: -1px; }
+.header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	border-bottom: 2px solid brown;
+	padding-right: 1em;
+}
+.header img { display: block; margin: 4px 0 -2px 2px; }
+.header span { margin: 0 1em; }
+.header a { color: black; }
+.main { margin: 2em; }
+.main p { max-width: 50rem; }
+.main hr { max-width: 50rem; margin-right: auto; margin-left: 0; }
+.main hr { border: none; border-top: 2px dotted brown; }
+.main hr + p { font-style: italic; }
+table.wide { min-width: 50rem; }
+.error { color: brown; font-style: italic; white-space: pre-wrap; }
+.logo { float: left; margin: 0 20px 5px 0; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5); }
+table { border-collapse: collapse; }
+th { text-align: left; background-color: gainsboro; }
+th, td { border: 1px solid black; }
+th, td { padding: 3px 1ex; }
+label { user-select: none; }
+button, input, select { font-size: 1rem; margin: 5px 0; }
+input[type="text"], input[type="password"] { padding: 5px; }
+select { padding-right: 20px; }
+form { display: inline; }
+.nowrap { white-space: nowrap; }
+.your_turn { background-color: lemonchiffon; }
+button, select {
+	margin: 5px 10px 5px 0;
+	padding: 1px 10px;
+	background-color: gainsboro;
+}
+button:disabled {
+	color: gray;
+	border: 2px solid gainsboro;
+	outline: 1px solid gray;
+}
+button:enabled, select {
+	border: 2px outset white;
+	outline: 1px solid black;
+}
+button:enabled:active:hover, select:active {
+	border: 2px inset white;
+	padding: 2px 9px 0px 11px;
+}