mobile friendly

aslilac · Jan 27, 2024 · d4f0d1a · d4f0d1a
1 parent 31fc191
commit d4f0d1a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/content/resources/blog.css b/content/resources/blog.css
@@ -50,6 +50,12 @@ main {
 	max-width: 70ch;
 }
 
+@media screen and (max-width: 500px) {
+	main {
+		padding: 3em 2em;
+	}
+}
+
 main.index {
 	max-width: 50ch;
 }
@@ -170,7 +176,15 @@ footer {
 footer nav {
 	display: flex;
 	flex-direction: row;
-	gap: 12px;
+	gap: 16px;
+	align-items: center;
+}
+
+.footer-wrap {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	gap: 4px 16px;
 }
 
 .cover {

diff --git a/src/templates/index.html b/src/templates/index.html
@@ -33,19 +33,19 @@ <h1 class="main-title">{{title}}</h1>
 <article class="post-summary">
 	<a href="{{path}}"><h1>{{{title}}}</h1></a>
 	<sub>by {{author}}{{#if date}} &mdash; {{date}}{{/if}}</sub>
-	{{#if summary}}<div>{{{summary}}}</div>{{/if}}
 	<!-- <a href="{{path}}">Read more</a> -->
 </article>
 {{/each}}
 <footer>
 <nav>
 &hearts;
+<div class="footer-wrap">
 <a href="https://mckayla.dev">McKayla</a> &middot;
 <a href="https://github.com/aslilac">Git</a> &middot;
 <a href="https://twitch.tv/aslilac">Twitch</a> &middot;
 <a href="https://youtube.com/@aslilac">YouTube</a> &middot;
 <a href="/feed.xml">RSS</a>
-<!-- <img style="height: 1em; aspect-ratio: 1;" src="https://cdn.mckayla.cloud/-/58b68b5ed/rss.svg" /> -->
+</div>
 </nav>
 </footer>
 </main>