einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-13 16:26:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Category fixes

Browse Source
This commit is contained in:
Dennis Reimann
2023-09-08 10:45:44 +02:00
parent e5da7d8fb1
commit 98ea53074b
5 changed files with 31 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/css/base/variables.css
View File

@@ -30,7 +30,7 @@
--color-accent: #f7931a; --color-accent: #f7931a;
--color-accent-highlight: #dd7901; --color-accent-highlight: #dd7901;
--color-derweg: #00B4CF; --color-derweg: #00B4CF;
--color-interview: #151515; --color-special: #151515;
--color-secondary: var(--color-neutral-50); --color-secondary: var(--color-neutral-50);
--space-xs: .125rem; --space-xs: .125rem;

24
src/css/sections/podcast.css
View File

@@ -4,12 +4,25 @@
flex-wrap: wrap; flex-wrap: wrap;
list-style: none; list-style: none;
margin: var(--space-l) 0 var(--space-xl); margin: var(--space-l) 0 var(--space-xl);
font-size: var(--font-size-s);
& li { & li {
margin: 0 var(--space-m) var(--space-m) 0; margin: 0 var(--space-m) var(--space-m) 0;
} }
& a { & a {
--category-accent-fg : var(--color-neutral-0);
--category-accent-bg : var(--color-accent);
&.interviews,
&.on-tour,
&.verschiedenes {
--category-accent-bg : var(--color-special);
}
&.der-weg {
--category-accent-bg : var(--color-derweg);
}
display: inline-block; display: inline-block;
text-align: center; text-align: center;
padding: var(--space-s) var(--space-l); padding: var(--space-s) var(--space-l);
@@ -20,16 +33,19 @@
&:hover { &:hover {
@media not all and (hover: none) { @media not all and (hover: none) {
color: var(--color-neutral-0); color: var(--category-accent-fg);
background-color: var(--color-secondary); border-color: var(--category-accent-bg);
background-color: var(--category-accent-bg);
text-decoration: none; text-decoration: none;
} }
} }
&.current { &.current {
color: var(--color-neutral-0); color: var(--category-accent-fg);
background-color: var(--color-secondary); border-color: var(--category-accent-bg);
background-color: var(--category-accent-bg);
text-decoration: none; text-decoration: none;
font-weight: var(--font-weight-bold);
} }
} }
} }

13
src/includes/mixins.pug
View File

@@ -4,12 +4,13 @@ mixin sprite(id)
mixin categories(current) mixin categories(current)
ul.categories ul.categories
li: a(href="/podcast/" class=(!current && 'current')) Alles li: a(href="/podcast/" class=(!current && 'current')).alles Alles
li: a(href="/podcast/news/" class=(current === 'News' && 'current')) News li: a(href="/podcast/news/" class=(current === 'News' && 'current')).news News
li: a(href="/podcast/interviews/" class=(current === 'Interviews' && 'current')) Interviews li: a(href="/podcast/interviews/" class=(current === 'Interviews' && 'current')).interviews Interviews
li: a(href="/podcast/lesestunde/" class=(current === 'Lesestunde' && 'current')) Lesestunde li: a(href="/podcast/lesestunde/" class=(current === 'Lesestunde' && 'current')).lesestunde Lesestunde
li: a(href="/podcast/der-weg/" class=(current === 'Der Weg' && 'current')) Der Weg li: a(href="/podcast/der-weg/" class=(current === 'Der Weg' && 'current')).der-weg Der Weg
li: a(href="/podcast/verschiedenes/" class=(current === 'Verschiedenes' && 'current')) Verschiedenes li: a(href="/podcast/on-tour/" class=(current === 'On Tour' && 'current')).on-tour On Tour
li: a(href="/podcast/verschiedenes/" class=(current === 'Verschiedenes' && 'current')).verschiedenes Verschiedenes
mixin member(m) mixin member(m)
li.member(id=m.name) li.member(id=m.name)

3
tasks/fetch_feed.js
View File

@@ -47,6 +47,7 @@ const parseEpisode = e => {
) || [, , , title] ) || [, , , title]
if (!number) categoryName = 'Verschiedenes' if (!number) categoryName = 'Verschiedenes'
if (categoryName === 'Der-Weg') categoryName = 'Der Weg' if (categoryName === 'Der-Weg') categoryName = 'Der Weg'
if (categoryName === 'On-Tour') categoryName = 'On Tour'
if (categoryName === 'Buchclub') categoryName = 'Lesestunde' if (categoryName === 'Buchclub') categoryName = 'Lesestunde'
const firstLine = description.split('\n')[0] const firstLine = description.split('\n')[0]
const blockMatch = firstLine.match(/Blockzeit\s(\d+)/) const blockMatch = firstLine.match(/Blockzeit\s(\d+)/)
@@ -55,7 +56,7 @@ const parseEpisode = e => {
const slug = slugify(`${categoryName} ${number || ''} ${titlePlain}`) const slug = slugify(`${categoryName} ${number || ''} ${titlePlain}`)
const date = new Date(e.pubDate) const date = new Date(e.pubDate)
const img = e['itunes:image'].__attr.href const img = e['itunes:image'].__attr.href
const image = ['interview', 'lesestunde', 'verschiedenes'].includes(category) const image = ['interview', 'lesestunde', 'on-tour', 'verschiedenes'].includes(category)
? img ? img
: `/img/cover/${category}.png` : `/img/cover/${category}.png`
const duration = e['itunes:duration'] const duration = e['itunes:duration']

1
tasks/generate_pages.js
View File

@@ -53,5 +53,6 @@ renderPage('category', 'podcast/news', { navCurrent: 'podcast', category: 'news'
renderPage('category', 'podcast/interviews', { navCurrent: 'podcast', category: 'interview', categoryName: 'Interviews', episodes: episodes.filter(e => e.category === 'interview') }) renderPage('category', 'podcast/interviews', { navCurrent: 'podcast', category: 'interview', categoryName: 'Interviews', episodes: episodes.filter(e => e.category === 'interview') })
renderPage('category', 'podcast/lesestunde', { navCurrent: 'podcast', category: 'lesestunde', categoryName: 'Lesestunde', episodes: episodes.filter(e => e.category === 'lesestunde') }) renderPage('category', 'podcast/lesestunde', { navCurrent: 'podcast', category: 'lesestunde', categoryName: 'Lesestunde', episodes: episodes.filter(e => e.category === 'lesestunde') })
renderPage('category', 'podcast/der-weg', { navCurrent: 'podcast', category: 'der-weg', categoryName: 'Der Weg', episodes: episodes.filter(e => e.category === 'der-weg') }) renderPage('category', 'podcast/der-weg', { navCurrent: 'podcast', category: 'der-weg', categoryName: 'Der Weg', episodes: episodes.filter(e => e.category === 'der-weg') })
renderPage('category', 'podcast/on-tour', { navCurrent: 'podcast', category: 'on-tour', categoryName: 'On Tour', episodes: episodes.filter(e => e.category === 'on-tour') })
renderPage('category', 'podcast/verschiedenes', { navCurrent: 'podcast', category: 'verschiedenes', categoryName: 'Verschiedenes', episodes: episodes.filter(e => e.category === 'verschiedenes') }) renderPage('category', 'podcast/verschiedenes', { navCurrent: 'podcast', category: 'verschiedenes', categoryName: 'Verschiedenes', episodes: episodes.filter(e => e.category === 'verschiedenes') })
episodes.forEach(episode => renderPage('episode', `podcast/${episode.slug}`, { navCurrent: 'podcast', episode, team })) episodes.forEach(episode => renderPage('episode', `podcast/${episode.slug}`, { navCurrent: 'podcast', episode, team }))