init

3 files changed, 119 insertions, 0 deletions

diff --git a/static/EBGaramond-Italic-VariableFont_wght.ttf b/static/EBGaramond-Italic-VariableFont_wght.ttf
new file mode 100644
index 0000000..fa31b71
--- /dev/null
+++ b/static/EBGaramond-Italic-VariableFont_wght.ttf
diff --git a/static/EBGaramond-VariableFont_wght.ttf b/static/EBGaramond-VariableFont_wght.ttf
new file mode 100644
index 0000000..123d5dd
--- /dev/null
+++ b/static/EBGaramond-VariableFont_wght.ttf
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..6355b03
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,119 @@
+@font-face {
+	font-family: EBGaramond;
+	src: url(/static/EBGaramond-VariableFont_wght.ttf) format('woff2-variations');
+	font-style: normal;
+}
+
+@font-face {
+	font-family: EBGaramond;
+	src: url(/static/EBGaramond-Italic-VariableFont_wght.ttf) format('woff2-variations');
+	font-style: italic;
+}
+
+body {
+	background: #fdf3f3;
+	color: DarkSlateGrey;
+	font-family: EBGaramond, serif;
+}
+
+a {
+	color: #1eaedb;
+}
+
+a:hover {
+	color: #0e99c4;
+}
+
+button[type="submit"] {
+	color: DarkSlateGrey;
+}
+
+@media (max-width: 800px) {
+	.container {
+		margin-left: 0.5em;
+		margin-right: 0.5em;
+	}
+
+	.navbar {
+		margin-top: 0.5em;
+	}
+}
+@media (min-width: 800px) {
+	.container {
+		margin-left: 3em;
+		margin-right: 3em;
+	}
+
+	.navbar {
+		margin-top: 3em;
+	}
+
+	body {
+		font-size: large;
+	}
+}
+
+.row {
+	margin-bottom: 2em;
+}
+
+.verse {
+	list-style: none;
+	padding-left: 0;
+	margin: 0;
+}
+
+.verse > li {
+	margin-bottom: 0;
+}
+
+p {
+	margin-top: 0;
+}
+
+.neighbors {
+	margin-bottom: 1.5em;
+}
+
+form > div {
+	margin-bottom: 8px;
+}
+
+label {
+	margin-right: 4px;
+}
+
+.focus {
+	font-weight: bold;
+}
+
+.outline {
+	background: black;
+}
+
+.domain-name, .title {
+	letter-spacing: -1.5px;
+}
+
+input[type="text"] {
+	width: 75%;
+	max-width: 50em;
+}
+
+.nonbreaking {
+	white-space: nowrap;
+}
+
+.manage-box {
+	display: inline-block;
+	border: 1px crimson dotted;
+	padding: .5em;
+}
+
+.manage-btn {
+	margin: .5em;
+}
+
+.manage-form {
+	display: inline-block;
+}