einundzwanzig/einundzwanzig.space
1
0
Fork 0
mirror of https://github.com/Einundzwanzig-Podcast/einundzwanzig.space.git synced 2025-12-14 08:46:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
Dennis Reimann
2023-10-05 09:47:49 +02:00
parent bebb5f49e4
commit 9395a399c1
14 changed files with 71 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/css/sections/meetups.css
View File

@@ -15,8 +15,7 @@
margin-top: var(--space-xl);
& img,
& .dot,
& .tooltip {
& .dot {
display: none;
}
}
@@ -80,16 +79,6 @@
animation-name: pulse;
}
}
& .tooltip {
position: absolute;
z-index: 2;
min-width: 7rem;
font-size: .65rem;
padding: var(--space-xs) var(--space-m);
background: var(--color-overlay-bg);
border-radius: var(--border-radius);
}
}
}

43
src/css/sections/team.css
View File

@@ -1,53 +1,22 @@
#team {
& .members {
display: grid;
grid-gap: var(--space-xl);
margin: 0;
list-style: none;
@media (--up_to_M) {
grid-template-columns: 1fr;
}
@media (--M_and_up) {
grid-template-columns: 1fr 1fr;
}
}
& .member {
margin: 0;
padding: var(--space-xl);
border-radius: var(--space-l);
background-color: var(--color-card-bg);
transition-property: background-color;
transition-duration: var(--transition-duration-fast);
display: flex;
flex-wrap: wrap;
gap: var(--space-l);
& img {
display: inline-block;
border-radius: 50%;
height: 100px;
width: 100px;
}
& header {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
margin-top: var(--space-l);
}
& h2 {
font-size: var(--font-size-xl);
margin: 0 var(--space-l) var(--space-l) 0;
}
& p {
margin-bottom: 0;
& .info {
flex: 1 0 17rem;
min-width: 10rem;
}
& .links {
display: flex;
margin-bottom: var(--space-l);
& a {
color: var(--color-secondary);

14
src/episode.pug
View File

@@ -26,17 +26,3 @@ block main
.content
!=episode.content
if episode.participants.length
h2 Teilnehmer
ul.partcipants
for participant in episode.participants
- const member = team[participant.toLowerCase()]
li
if member
a(href=memberUrl(member))
img.avatar(src=assetPath(member.image || "/img/avatar.svg") alt=member.name)
span= member.name
else
img.avatar(src=assetPath("/img/avatar.svg") alt=participant)
span= participant

30
src/includes/mixins.pug
View File

@@ -18,27 +18,6 @@ mixin categories(current)
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)
li.member(id=m.name)
img(src=assetPath(m.image || "/img/avatar.svg") alt=m.name loading="lazy")
header
h2=m.name
.links
if m.nostr
a(href=`https://snort.social/p/${m.nostr}` target="_blank" rel="nofollow noopener" title=`${m.name} on Nostr`)
+sprite("nostr")
if m.twitter
a(href=`https://twitter.com/${m.twitter}` target="_blank" rel="nofollow noopener" title=`${m.name} on Twitter`)
+sprite("twitter")
if m.github
a(href=`https://github.com/${m.github}` target="_blank" rel="nofollow noopener" title=`${m.name} on GitHub`)
+sprite("github")
if m.url
a(href=m.url target="_blank" rel="nofollow noopener")
+sprite("url")
if m.text
!=markdown(m.text)
mixin map(id, markers)
- const modalId = `modal-${id}`
.vectorMap(id=id)
@@ -127,16 +106,17 @@ mixin spende(d, trunc = false)
mixin participants(ps, link)
.participants
for participant in ps
- const member = team[participant.toLowerCase()]
for name in ps
- const id = name.toLowerCase()
- const member = team[id]
if member
if link
a(href=memberUrl(member))
a(href=`/team/${slugify(id)}` title=member.name)
img.avatar(src=assetPath(member.image || "/img/avatar.svg") alt=member.name)
else
img.avatar(src=assetPath(member.image || "/img/avatar.svg") alt=member.name)
else
img.avatar(src=assetPath("/img/avatar.svg") alt=participant)
img.avatar(src=assetPath("/img/avatar.svg") alt=name)
mixin episodeItem(e)
article.episodeItem&attributes(attributes)

6
src/includes/template.pug
View File

@@ -27,17 +27,17 @@ html(lang="de")
a(href="/meetups/" class=(navCurrent === 'meetups' && 'current')) Meetups
a(href="https://portal.einundzwanzig.space/de/event/overview?l=de" rel="nofollow noopener") Events
a(href="https://portal.einundzwanzig.space/de/school/city?l=de" rel="nofollow noopener") Kurse
a(href="/spenden/" class=(navCurrent === 'spenden' && 'current')) Spenden
a(href="/telegram/" class=(navCurrent === 'telegram' && 'current')) Telegram
a(href="/shops/" class=(navCurrent === 'shops' && 'current')) Shops
a(href=site.meta.youtubeUrl target="_blank" rel="nofollow noopener") YouTube
a(href=site.meta.shoutoutUrl target="_blank" rel="nofollow noopener") Shout-Out
a(href=site.meta.shoutoutUrl target="_blank" rel="nofollow noopener") Shoutout
.navItem
a(href="#" onclick="return false;") Mehr
.more
a(href="/verein/" class=(navCurrent === 'verein' && 'current')) Verein
a(href="/spenden/" class=(navCurrent === 'spenden' && 'current')) Spenden
a(href="/media/" class=(navCurrent === 'media' && 'current')) Media
a(href="/soundboard/" class=(navCurrent === 'soundboard' && 'current')) Sounds
a(href="/verein/" class=(navCurrent === 'verein' && 'current')) Verein
a(href="/kontakt/" class=(navCurrent === 'kontakt' && 'current')) Kontakt
button(type="button").theme
+sprite("theme")

6
src/index.pug
View File

@@ -79,12 +79,12 @@ block main
:markdown-it(html linkify typographer)
## 🗣 Sei laut, shout out!
Wenn du möchtest, dass wir im Podcast deinen "Shout-Out" vorlesen, dann bist du mit 21.000 Sats dabei!
Wenn du möchtest, dass wir im Podcast deinen Shoutout vorlesen, dann bist du mit 21.000 Sats dabei!
Wir sammeln alle Einnahmen bis die 1.000.000 Sats voll sind. Dann lassen wir in unserer Telegram-Gruppe
darüber abstimmen welches Bitcoin-Projekt aus Deutschland diese kostbaren Sats bekommen soll.
Wenn du also einen Shout-Out in unserem Podcast kaufst, [unterstützt](/spenden/) du damit auch ein Bitcoin Projekt.
Wenn du also einen Shoutout in unserem Podcast kaufst, [unterstützt](/spenden/) du damit auch ein Bitcoin Projekt.
a.button(href=site.meta.shoutoutUrl target="_blank" rel="nofollow noopener") Shout-Out senden
a.button(href=site.meta.shoutoutUrl target="_blank" rel="nofollow noopener") Shoutout senden
section#youtube
:markdown-it(html linkify typographer)

45
src/kurse.pug
View File

@@ -1,45 +0,0 @@
extends /template.pug
block vars
- const title = 'Bitcoin-Kurse'
- const description = 'Eine Liste von Bitcoin-Kursen und Lehrveranstaltungen im D/A/CH-Raum.'
- const filterUnmapped = (list) => list.filter(kurs => !kurs.top || !kurs.left)
- const unmapped = filterUnmapped(kurse)
- const style = m => m.top && m.left ? `top:${m.top}%;left:${m.left}%;` : null
- const clss = m => m.top && m.left ? null : 'unmapped'
- let j = 0
block main
#kurse.wrap
section
h1= title
p= description
:markdown-it(html linkify typographer)
Neue Kurse können gerne [per Pull Request](https://github.com/Einundzwanzig-Podcast/einundzwanzig.space/edit/master/content/kurse.json) hinzugefügt werden.
Hier gibt es ein [Video-Tutorial](https://www.youtube.com/watch?v=BNJc9LExEzU), wie ein neuer Pull Request erstellt werden kann.
Die Werte für `top/left` geben prozentual die Position des Ortes auf der Karte an.
Außerdem findest du hier unsere [Präsentationsvorlage](https://github.com/Einundzwanzig-Podcast/slides) mit der du eine Ausgangsbasis für deine Vorträge hast.
#map
h2 Lehrveranstaltungen im D/A/CH-Raum
ul.kurse
each m in kurse
li.official(class=clss(m) style=style(m))
a(href=m.url target="_blank" rel="nofollow noopener")
.dot(style=`animation-delay:${((j*2000) + random(3000))}ms;animation-duration:${kurse.length*2}s;`)
= m.name
- j++
img#dach(src=assetPath('/img/dach.svg') alt="DE, AT, CH")
#tooltip.tooltip(hidden)
if unmapped.length
#unmapped
h2 Weitere Kurse
ul.kurse
each m in unmapped
li(class=clss(m) style=style(m))
a(href=m.url target="_blank" rel="nofollow noopener")
= m.name

35
src/member.pug Normal file
View File

@@ -0,0 +1,35 @@
extends /template.pug
block vars
- const title = member.name
- const description = member.text
block main
#team.wrap
section
h1= title
.member
img(src=assetPath(member.image || "/img/avatar.svg") alt=member.name)
.info
if member.text
!=markdown(member.text)
.links
if member.nostr
a(href=`https://snort.social/p/${member.nostr}` target="_blank" rel="nofollow noopener" title=`${member.name} on Nostr`)
+sprite("nostr")
if member.twitter
a(href=`https://twitter.com/${member.twitter}` target="_blank" rel="nofollow noopener" title=`${member.name} on Twitter`)
+sprite("twitter")
if member.github
a(href=`https://github.com/${member.github}` target="_blank" rel="nofollow noopener" title=`${member.name} on GitHub`)
+sprite("github")
if member.url
a(href=member.url target="_blank" rel="nofollow noopener")
+sprite("url")
if episodes.length
section
h2= `Episoden mit ${member.name}`
.episodes
each e in episodes
+episodeItem(e)

2
src/spenden.pug
View File

@@ -2,7 +2,7 @@ extends /template.pug
block vars
- const title = 'Spenden'
- const description = 'Die folgenden Projekte, Initiativen und Entwickler haben wir mit den Shout-Out-Beiträgen der Community bereits unterstützt.'
- const description = 'Die folgenden Projekte, Initiativen und Entwickler haben wir mit den Shoutout-Beiträgen der Community bereits unterstützt.'
block main
#spenden.wrap