Basic polls display + UI work

styles/style.css

@@ -0,0 +1,91 @@
+/* Globals */
+:root {
+  --main-bg-color: rgb(48, 48, 48);
+  --secondary-bg-color: rgba(10, 10, 10, 0.7);
+  --main-fg-color: white;
+  --main-accent-color: rgb(253, 122, 0)
+}
+@supports (color: color(display-p3 1 1 1)) {
+  :root {
+    --main-accent-color: color(display-p3 0.927 0.506 0.028)
+  }
+}
+
+a:visited, a {
+  color: var(--main-accent-color);
+}
+
+a svg {
+  stroke: var(--main-accent-color);
+  width: 1.5em;
+  height: 1.5em;
+  stroke-width: 0.5em;
+}
+
+body {
+  background: var(--main-bg-color);
+  color: var(--main-fg-color);
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+/* Header */
+header {
+  display: flex;
+  align-items: center;
+  padding: 8px;
+  margin-bottom: 8px;
+  background: var(--secondary-bg-color);
+}
+
+.spacer {
+  flex-grow: 1;
+}
+
+.linklabel {
+  margin-left: 0.1em;
+}
+
+.linkcontents {
+  display: flex;
+  align-items: center;
+}
+
+.homelink {
+  margin-right: 1em;
+}
+
+/* Polls */
+.poll {
+  display: inline-block;
+}
+
+.poll .header {
+  /*display: flex;
+  align-items: center;*/
+  margin-bottom: 8px;
+}
+
+.poll .user {
+  display: flex;
+  align-items: center;
+  margin-bottom: 4px;
+}
+
+.poll .user .avatar {
+  margin-right: 8px;
+}
+
+.datewrapper {
+  display: grid;
+  grid-column-gap: 8px;
+}
+
+.created_at {
+  grid-row: 1;
+}
+.closed_at {
+  grid-row: 2;
+}
+datewrapper time {
+  grid-column: 2;
+}