diff --git a/layouts/partials/post.html b/layouts/partials/post.html
index 25b1cc5..cf48e19 100644
--- a/layouts/partials/post.html
+++ b/layouts/partials/post.html
@@ -1,18 +1,29 @@
-
- {{.Title}}
-
-
{{if .Date}}{{.Date | time.Format "Jan 02 2006"}} {{end}}
- {{ if .Params.description}}
-
{{.Params.description}}
+ {{if .Params.icon }}
+
+ {{else}}
+
{{end}}
+
+
+ {{.Title}}
+
+ {{ if .Params.description}}
+
{{.Params.description}}
+ {{end}}
+
{{if .Date}}{{.Date | time.Format "Jan 02 2006"}} {{end}}
+
+
+
+
{{.Summary}}
{{ if .GetTerms "tags" }}
-
- {{end}}
\ No newline at end of file
diff --git a/static/css/feed.xsl b/static/css/feed.xsl
index 52bff0d..6378530 100644
--- a/static/css/feed.xsl
+++ b/static/css/feed.xsl
@@ -50,16 +50,17 @@
Posts:
-
Want to make your feed look fancy?
diff --git a/static/css/theme.css b/static/css/theme.css
index 488a0fd..4771d94 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -296,23 +296,43 @@ article .highlight pre {
display: flex;
flex-direction: row;
flex-wrap: wrap;
- align-items: center;
+ align-items: flex-start;
justify-content: space-evenly;
}
.post {
- flex-direction: column;
- flex-wrap: wrap;
+ flex-direction:row;
display: flex;
- align-items: flex-start;
+ align-items: center;
+ justify-content: flex-start;
padding: 25px;
border-radius: 25px;
font-size: 18px;
- width:32rem;
-
+ margin:10px;
+ width:80%;
+ flex-wrap: nowrap;
+ background-color:rgba(118, 118, 118, 0.214);
+ aspect-ratio: 8/1;
+}
+@media screen and (orientation: portrait) {
+ .post{
+ flex-wrap: wrap;
+ justify-content: space-evenly;
+ align-items: space;
+ }
+
}
-.post>* {}
+.post>a>img {
+ min-width:5rem;
+ min-height:5rem;
+ aspect-ratio: 1/1;
+ height:100%;
+ display:flex;
+}
+.post>* {
+ margin:5px;
+}
.post h2 {
text-align: center;
@@ -330,8 +350,9 @@ article .highlight pre {
display: flex;
flex-direction: row;
flex-wrap: wrap;
- justify-content: flex-start;
- font-size: 12px;
+ justify-content: center;
+ font-size: unset;
+ font-weight: bolder;
}
.post-tags a {