Initial commit

This is a simple streaming timer meant to be hooked up to OBS and
customized using a separate CSS file.

1 files changed, 30 insertions, 0 deletions

diff --git a/timer.css b/timer.css
new file mode 100644
index 0000000..253d895
--- /dev/null
+++ b/timer.css
@@ -0,0 +1,30 @@
+html, body {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	height: 100vh;
+	max-height: 100vh;
+}
+
+#page {
+	font-size: 85vh;
+	/* other font sizes, depending on CEF support */
+	/* font-size: min(30vmin, max(90vh, calc(100vw * 0.40))); */
+	/* font-size: clamp(10vmin, 90vh, calc(100vw * 0.40)); */
+	height: 100%;
+	line-height: 1.1;
+}
+
+#countdown {
+	color: #fc6;
+	box-sizing: border-box;
+	text-shadow: 0 0.05em 0.08em #000;
+	padding-top: 4vh;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+	margin: 0 auto;
+}