style: feed styling

This commit is contained in:
Ben Goldsworthy 2025-03-02 22:39:44 +01:00
parent a7c1084dc4
commit 87215650a9
Signed by: Rumperuu
SSH key fingerprint: SHA256:v3uompaUiPqV2w1/AIRWBSQOxr2dntH9Xs/y8fDnUPU
8 changed files with 68 additions and 12 deletions

View file

@ -5,7 +5,7 @@ $light: #fffff0;
// Fonts // Fonts
$default-font: "Domitian", "Palatino Linotype", "Book Antiqua", palatino, $default-font: "Domitian", "Palatino Linotype", "Book Antiqua", palatino,
garamond, serif; garamond, serif;
$code-font: "Input Mono", "Lucida Console", monaco, monospace; $code-font: "Input Mono", "Lucida Console", monaco, "Courier New", monospace;
// Breakpoints // Breakpoints
$breakpoints: ( $breakpoints: (

View file

@ -56,6 +56,7 @@ h5,
h6 { h6 {
font-weight: normal; font-weight: normal;
margin: 0; margin: 0;
font-variant-numeric: slashed-zero;
} }
a { a {

39
assets/css/feeds.scss Normal file
View file

@ -0,0 +1,39 @@
@import "abstracts/variables";
@import "abstracts/mixins";
@import "base/typography";
.feed {
padding: 10px 20px;
background-color: $light;
color: $dark;
margin: 0 auto;
max-width: 800px;
font-weight: normal;
text-align: center;
gap: 2em;
display: flex;
flex-direction: column;
}
.nav__notice {
display: block;
border: 2px solid $dark;
padding: 20px;
width: 80%;
margin-inline: auto;
}
.summary {
font-style: italic;
}
.feed__header {
padding-block-end: 1em;
margin-block-end: 1em;
border-block-end: 1px solid $dark;
}
.feed__item {
margin-block: 1em;
}

View file

@ -1,6 +1,8 @@
.organisations-table { .organisations-table {
inline-size: 80% !important; inline-size: 80% !important;
& thead { & thead {
z-index: 1;
position: sticky; position: sticky;
& th { & th {
@ -10,9 +12,15 @@
} }
} }
&__logo {
max-inline-size: 5em;
max-block-size: 5em;
fill: $dark;
}
&__items-icon { &__items-icon {
padding: 1em; padding: 1em;
font-size: 1.4em; font-size: 0.8em;
text-align: center; text-align: center;
float: inline-start; float: inline-start;
padding-inline-end: 1em; padding-inline-end: 1em;

View file

@ -102,13 +102,6 @@
} }
} }
.organisation-table {
&__logo {
max-inline-size: 5em;
max-block-size: 5em;
}
}
.timeline__legend { .timeline__legend {
inline-size: fit-content; inline-size: fit-content;
display: flex; display: flex;

View file

@ -62,6 +62,11 @@
align-content: center; align-content: center;
position: relative; position: relative;
&--fit {
background-size: contain;
padding: 1em;
}
& .attr { & .attr {
position: absolute; position: absolute;
background-color: $dark; background-color: $dark;

View file

@ -115,6 +115,12 @@
href="{{ $printStylesheet.Permalink }}" href="{{ $printStylesheet.Permalink }}"
integrity="{{ $printStylesheet.Data.Integrity | html }}" integrity="{{ $printStylesheet.Data.Integrity | html }}"
/> />
{{- $feedsStylesheet := resources.Get "css/feeds.scss" }}
{{- $feedsStylesheet := $feedsStylesheet | css.Sass }}
<link
rel="stylesheet"
href="{{ $feedsStylesheet.Permalink }}"
/>
{{- if .Param "math" -}} {{- if .Param "math" -}}
{{- partialCached "math.html" . -}} {{- partialCached "math.html" . -}}

View file

@ -11,11 +11,13 @@
{{- $pages = $pages | first $limit -}} {{- $pages = $pages | first $limit -}}
{{- end -}} {{- end -}}
{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }} {{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> {{- printf "<?xml-stylesheet href=\"/rss.xsl\" type=\"text/xsl\"?>" | safeHTML }}
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel> <channel>
<title>{{ if eq .Title .Site.Title }}{{ .Site.Title | plainify }}{{ else }}{{ with .Title }}{{ . | plainify }} on {{ end }}{{ .Site.Title | plainify }}{{ end }}</title> <title>{{ if eq .Title .Site.Title }}{{ .Site.Title | plainify }}{{ else }}{{ with .Title }}{{ . | plainify }} on {{ end }}{{ .Site.Title | plainify }}{{ end }}</title>
<link>{{ .Permalink }}</link> <link>{{ .Permalink }}</link>
<description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description> <description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
<category>{{ .FirstSection.Title }}</category>
{{ with .Site.LanguageCode }}<language>{{.}}</language>{{end}} {{ with .Site.LanguageCode }}<language>{{.}}</language>{{end}}
{{ with .Site.Params.Author.email }}<managingEditor>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</managingEditor>{{end}} {{ with .Site.Params.Author.email }}<managingEditor>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}
{{ with .Site.Params.Author.email }}<webMaster>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</webMaster>{{end}} {{ with .Site.Params.Author.email }}<webMaster>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</webMaster>{{end}}
@ -26,12 +28,14 @@
{{- end -}} {{- end -}}
{{ range $pages }} {{ range $pages }}
<item> <item>
<title>{{ .Title | plainify }}</title> <title>{{ .Title }}</title>
<link>{{ .Permalink }}</link> <link>{{ .Permalink }}</link>
{{ range .GetTerms "categories" }}<category>{{ .Title }}</category>{{ end }}
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate> <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
{{ with .Site.Params.Author.email }}<author>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</author>{{end}} {{ with .Site.Params.Author.email }}<author>{{.}}{{ with $.Site.Params.Author.name }} ({{.}}){{end}}</author>{{end}}
<guid>{{ .Permalink }}</guid> <guid>{{ .Permalink }}</guid>
<description>{{ .Summary | html }}</description> <description>{{ .Summary | htmlEscape | plainify }}</description>
<content:encoded>{{ printf "<![CDATA[%s]]>" .Content | safeHTML }}</content:encoded>
</item> </item>
{{ end }} {{ end }}
</channel> </channel>