aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--assets/main.css6
-rw-r--r--bin/template.eml4
2 files changed, 8 insertions, 2 deletions
diff --git a/assets/main.css b/assets/main.css
index a2d750f..2ab39d9 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -46,6 +46,12 @@ body {
background: var(--white-smoke);
}
+@media (max-width: 800px) {
+ .to-column {
+ flex-direction: column-reverse;
+ }
+}
+
.space {
z-index: -1;
position: fixed;
diff --git a/bin/template.eml b/bin/template.eml
index bd6f952..e154d75 100644
--- a/bin/template.eml
+++ b/bin/template.eml
@@ -18,11 +18,11 @@ let render (posts: Post.t list) =
<title>Sensemaking Galaxy</title>
</head>
<body style="display:flex; flex-direction:column; align-items:center;">
- <div style="display:flex;margin-top: 3rem; padding: 6px; gap: 3px; margin-bottom:
+ <div class="to-column" style="align-items:center; display:flex; margin-top: 3rem; padding: 6px; gap: 3px; margin-bottom:
3rem;">
<h1 class="intro" style="color: white; letter-spacing: .5rem;">SENSEMAKING GALAXY</h1>
<a href="/feed.xml">
- <img src="/static/rss.svg" alt="rss" style="height: 20px; margin-top: 2rem;" />
+ <img src="/static/rss.svg" alt="rss" style="height: 20px; " />
</a>
</div>
<sl-card style="margin-bottom: 4rem; min-width: 400px; max-width:400px;" class="space-intro">