summaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
authorSteph Enders <steph@senders.io>2023-06-21 22:56:23 -0400
committerSteph Enders <steph@senders.io>2023-06-21 22:56:23 -0400
commit06bd3d7999501ee178826190fbd3b4a9e28cb6fa (patch)
tree86b181a3162581df70269439793df0810ac463ed /static
parent80c1478e5af73f22cd26b667a371d4fb182647f7 (diff)
Create simple template script for deployment
Diffstat (limited to 'static')
-rw-r--r--static/favicon.icobin0 -> 4286 bytes
-rw-r--r--static/index.css68
2 files changed, 68 insertions, 0 deletions
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..e3b5bab
--- /dev/null
+++ b/static/favicon.ico
Binary files differ
diff --git a/static/index.css b/static/index.css
new file mode 100644
index 0000000..961d7df
--- /dev/null
+++ b/static/index.css
@@ -0,0 +1,68 @@
+:root {
+ --twhite: #fff;
+ --tblue: #4ac2fe;
+ --tpink: #ef95ae;
+ --flagheight: 60px;
+ --flagwidth: 90px;
+ --bgcolor: #e4e4ff;
+ --page-width: 50em;
+}
+html, body {
+ margin: 16px;
+ line-height: 1.5em;
+ background-color: var(--bgcolor);
+}
+p { margin: 0; }
+header {
+ text-align: center;
+}
+nav {
+ text-align: center;
+ margin: 32px 0;
+}
+nav ul {
+ list-style-type: none;
+ padding-left: 0;
+}
+nav ul li {
+ display: inline-block;
+ padding: 4px;
+}
+footer {
+ display: flex;
+ justify-content: center;
+ font-size: 0.9em;
+}
+article {
+ background-color: white;
+ padding: 16px;
+}
+main article {
+ margin: auto auto;
+ max-width: var(--page-width);
+ border-radius: 8px;
+ margin-bottom: 32px;
+}
+main article:last-child {
+ margin-bottom: none;
+}
+.transflag {
+ width: var(--flagwidth);
+ height: var(--flagheight);
+ margin: 16px auto;
+}
+.transflag .blue {
+ width: 100%;
+ min-height: calc(var(--flagheight) / 5);
+ background-color: var(--tblue);
+}
+.transflag .pink {
+ width: 100%;
+ min-height: calc(var(--flagheight) / 5);
+ background-color: var(--tpink);
+}
+.transflag .white {
+ width: 100%;
+ min-height: calc(var(--flagheight) / 5);
+ background-color: var(--twhite);
+}