implement blog

1 files changed, 63 insertions, 0 deletions

diff --git a/static/style.css b/static/style.css
index 5aae4df..3542e62 100644
--- a/static/style.css
+++ b/static/style.css
@@ -124,6 +124,12 @@ main {
   align-items: flex-start;
 }
 
+.reverse {
+  flex-direction: row-reverse;
+  flex-wrap: wrap-reverse;
+  align-items: flex-end;
+}
+
 .main-content {
   flex: 12 1 0;
   min-width: 50%;
@@ -316,6 +322,63 @@ iframe {
   display: none;
 }
 
+/* blog */
+
+.blogpost {
+  font-family: Sligoil;
+}
+
+.tags {
+  display: flexbox;
+  flex-wrap: wrap;
+  gap: 0.5em;
+}
+
+.tags a {
+  margin: 0;
+}
+
+.blogpost .tag {
+  font-family: 'Go Mono';
+  margin: 0;
+}
+
+.blogpost .title {
+  font-family: 'kaeru kaeru';
+  font-size: 4em;
+  margin: 0.5em 0 0;
+}
+
+.blogpost .created-at {
+  font-family: 'Steps Mono';
+  font-size: 1em;
+  margin: 0 0 1em;
+}
+
+.blogpost .created-at a,
+.blogpost-content a {
+  padding: 0;
+  margin: 0 0.5em;
+  background-color: transparent;
+  color: #b52f6a;
+  text-decoration: underline;
+}
+
+.blogpost-content ul {
+  list-style-type: initial;
+}
+
+/* filter-tags */
+#filter-tags {
+  font-family: 'Go Mono';
+  z-index: -1;
+  background-color: #afd7ff;
+}
+
+#filter-tags h2 {
+  font-family: 'Go Mono';
+}
+
 /* branches */
 
 .branch {