-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathlinktree.astro
74 lines (63 loc) · 3.52 KB
/
linktree.astro
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
---
import { Image } from "astro:assets";
import Footer from '../components/Footer.astro';
import MainHead from '../components/MainHead.astro';
import Nav from '../components/Nav.astro';
import PodcastEpisodeListing from '../components/PodcastEpisodeListing.astro';
// Header image
import headerImageAndyWolfiLounge from "../images/headers/andy-grunwald-wolfgang-gassler-lounge.jpg";
let title = 'Das Engineering Kiosk';
let description = 'Alle Episoden vom deutschsprachigen Software-Engineering-Podcast mit Wolfgang Gassler und Andy Grunwald über die Themen Engineering-Kultur, Open Source und Technologie.';
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
import podcastInfo from '../data/podcast-info.json';
const platforms = [
{ "name": "Apple", "image": "/images/brands/apple.svg", "href": podcastInfo.platformLinks.appleMusic },
{ "name": "Spotify", "image": "/images/brands/spotify.svg", "href": podcastInfo.platformLinks.spotify },
{ "name": "Amazon", "image": "/images/brands/amazonmusic_black.svg", "href": podcastInfo.platformLinks.amazonMusic },
{ "name": "YouTube", "image": "/images/brands/youtube.svg", "href": podcastInfo.platformLinks.youTube },
{ "name": podcastInfo.socials.tiktok.name, "image": podcastInfo.socials.tiktok.icon, "href": podcastInfo.socials.tiktok.link },
{ "name": podcastInfo.socials.instagram.name, "image": podcastInfo.socials.instagram.icon, "href": podcastInfo.socials.instagram.link },
{ "name": "RSS", "image": "/images/brands/rss.svg", "href": podcastInfo.platformLinks.rss },
]
// List of Slugs of episodes we want to show on this linktree site
const episodesToShow = [
"latest-2",
"131-equity-in-tech-startups-mehr-als-nur-gehalt-mit-philipp-pip-klöckner",
"106-ci-continuous-integration-in-der-praxis-mit-michael-lihs-von-thoughtworks",
"95-effiziente-knowledge-sharing-formate-wissen-teilen-und-begeistern",
"94-die-realität-des-freelancings-zwischen-selbstbestimmung-und-unsicherheit-mit-index-out-of-bounds",
"51-was-ist-das-staff-engineer-level",
"127-imposter-syndrom-peter-prinzip-mit-dr-fanny-jimenez",
"46-welches-problem-löst-docker",
"28-o1-olog-n-on2-ist-die-komplexität-von-algorithmen-im-entwickler-alltag-relevant"
];
---
<html lang="de">
<head>
<MainHead title={title} description={description} image="/images/logos/pocast-episode-logo-cover.jpg" {canonicalURL} />
</head>
<body class="antialiased bg-body text-body font-body">
<div>
<Nav title={title} />
<section class="relative bg-white overflow-hidden" style="background-image: url('/images/elements/pattern-white.svg'); background-position: center;">
<div class="py-12 md:py-28">
<div class="container px-4 mx-auto text-center">
<h1 class="text-3xl md:text-5xl lg:text-5xl 2xl:text-6xl leading-tight font-bold tracking-tight">Der Engineering Kiosk Podcast</h1>
<Image class="inline-block m-4 w-1/2 md:w-1/3 rounded-7xl mt-8" src={headerImageAndyWolfiLounge} alt="Die Podcast-Hosts Andy Grunwald und Wolfgang Gassler" title="Die Podcast-Hosts Andy Grunwald und Wolfgang Gassler" />
</div>
<div class="text-center mt-4">
{
platforms.map((platform) => (
<a class="inline-block" href={platform.href} title={`Engineering Kiosk bei ${platform.name}`}>
<img class="m-2 h-8 grayscale" src={platform.image} alt={`Engineering Kiosk bei ${platform.name}`} title={`Engineering Kiosk bei ${platform.name}`} />
</a>
))
}
</div>
</div>
</section>
<PodcastEpisodeListing episodes={episodesToShow} />
<Footer />
</div>
</body>
</html>