fix feed layout

3 years ago · 550fe42cfb
parent d57858f3df
commit 550fe42cfb
3 changed files with 34 additions and 14 deletions
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -2,9 +2,10 @@
 <html lang="en">
 <head>
 	<meta charset="utf-8">
-	<title>{{ site.title }}</title>
+
 	<link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}">
 	<link rel="stylesheet" href="{{ 'assets/fonts/oleoscript.css' | relative_url }}">
+
 	<link rel="alternate" type="application/atom+xml" title="Atom feed" href="{{ '/feed.xml' | relative_url }}">

 	{% seo %}
@ -30,7 +31,7 @@
 		<div><p>{{ site.description }}</p></div>
 		<div>
 			<p>
-			Email: <a href="mailto:owo@fef.moe">owo@fef.moe</a>
+			Email: <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
 			<br>

 			Fediverse:
--- a/_sass/style.scss
+++ b/_sass/style.scss
@ -17,9 +17,6 @@ body {

 footer {
 	padding: 20px 0;
-}
-
-footer {
 	border-top: thin solid $color-primary;
 }

@ -34,6 +31,30 @@ header h1 {
 	font-family: "OleoScript", sans-serif;
 }

+main {
+	max-width: $content-width;
+	margin: 0 auto;
+	padding: 0 20px;
+}
+
+article.feed-item {
+	margin: 0 0 20px;
+	padding: 0 0 20px;
+	border-bottom: thin solid rgba(255, 255, 255, 0.2);
+
+	:last-child {
+		margin-bottom: 0;
+	}
+}
+
+article.feed-item:first-child {
+	margin-top: 40px;
+}
+
+article.feed-item:last-child {
+	border-bottom: 0;
+}
+
 a {
 	color: $color-primary;
 }
--- a/index.html
+++ b/index.html
@ -2,12 +2,10 @@
 layout: default
 ---

-<ul id="feed">
-	{% for post in site.posts %}
-		<li>
-			<small class="date">{{ post.date | date: "%Y年%m月%d日" }}</small>
-			<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
-			{{ post.excerpt }}
-		</li>
-	{% endfor %}
-</ul>
+{% for post in site.posts %}
+	<article class="feed-item">
+		<small class="date">{{ post.date | date: "%Y-%m-%d" }}</small>
+		<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
+		{{ post.excerpt }}
+	</article>
+{% endfor %}