gabriel/valor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

support icons, improve feed

Browse source
This commit is contained in:
Gabriel 2024-07-27 14:48:24 -04:00
parent 9f8843073a
commit 63adca9fea
3 changed files with 58 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
layouts/partials/post.html
View file

@ -1,11 +1,21 @@
<div class="post"> <div class="post">
{{if .Params.icon }}
<a href="{{.Permalink}}"><img src="{{.Params.icon}}"></a>
{{else}}
<a href="{{.Permalink}}"><img src="/emoji/think.svg"></a>
{{end}}
<div style="flex-direction: column;min-width:30%;">
<a href="{{.Permalink}}"> <a href="{{.Permalink}}">
<h2>{{.Title}}</h2> <h2>{{.Title}}</h2>
</a> </a>
<p>{{if .Date}}<strong>{{.Date | time.Format "Jan 02 2006"}}</strong>{{end}}</p>
{{ if .Params.description}} {{ if .Params.description}}
<p>{{.Params.description}}</p> <p>{{.Params.description}}</p>
{{end}} {{end}}
<p>{{if .Date}}<strong>{{.Date | time.Format "Jan 02 2006"}}</strong>{{end}}</p>
</div>
<div style="flex-direction: column;align-items: center;justify-content: center;">
<p >{{.Summary}}</p>
{{ if .GetTerms "tags" }} {{ if .GetTerms "tags" }}
<div class="post-tags"> <div class="post-tags">
{{range .GetTerms "tags" }} {{range .GetTerms "tags" }}
@ -16,3 +26,4 @@
</div> </div>
{{end}} {{end}}
</div> </div>
</div>

7
static/css/feed.xsl
View file

@ -50,16 +50,17 @@
<hr/> <hr/>
<h3>Posts:</h3> <h3>Posts:</h3>
<ul>
<xsl:for-each select="/rss/channel/item"> <xsl:for-each select="/rss/channel/item">
<div class="post" style="flex-direction:column;align-items:center">
<a> <a>
<xsl:attribute name="href"> <xsl:attribute name="href">
<xsl:value-of select="link" /> <xsl:value-of select="link" />
</xsl:attribute> </xsl:attribute>
<li style="margin-bottom:0.5rem;"><xsl:value-of select="title" /></li> <h2 style="margin-bottom:0.5rem;"><xsl:value-of select="title" /></h2>
</a> </a>
<p style="width:unset;"><strong>Date: </strong><xsl:value-of select="substring(pubDate,0,17)" /></p>
</div>
</xsl:for-each> </xsl:for-each>
</ul>
</article> </article>
<footer style="flex-direction:column;"> <footer style="flex-direction:column;">
<h2>Want to make your feed look fancy?</h2> <h2>Want to make your feed look fancy?</h2>

37
static/css/theme.css
View file

@ -296,23 +296,43 @@ article .highlight pre {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: flex-start;
justify-content: space-evenly; justify-content: space-evenly;
} }
.post { .post {
flex-direction: column; flex-direction:row;
flex-wrap: wrap;
display: flex; display: flex;
align-items: flex-start; align-items: center;
justify-content: flex-start;
padding: 25px; padding: 25px;
border-radius: 25px; border-radius: 25px;
font-size: 18px; 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 { .post h2 {
text-align: center; text-align: center;
@ -330,8 +350,9 @@ article .highlight pre {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: center;
font-size: 12px; font-size: unset;
font-weight: bolder;
} }
.post-tags a { .post-tags a {