casper-modified-ghost-theme/partials/logos/logos-test.html

172 lines
4.3 KiB
HTML
Raw Normal View History

2022-01-09 14:21:04 +01:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width, initial-scale=1.0"
>
<title>Logos test</title>
<link
rel="stylesheet"
href="../../assets/css/player-logos.css"
>
<style>
body {
max-width: 900px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="player"><iframe
scrolling="no"
src="https://podcast.midline.pl/front/embed.html?type=track&amp;id=32"
width="100%"
height="160"
frameborder="no"
></iframe></div>
<div class="player">
<iframe
sandbox="allow-same-origin allow-scripts"
src="https://video.internet-czas-dzialac.pl/videos/embed/1L2juuzDN6VH5fCXmuhgGY"
allowfullscreen=""
width="100%"
height="394"
frameborder="0"
></iframe>
</div>
<div class="podcast-logos audio-logos">
<a
title="Link do naszego podcastowego RSSa"
alt="Logo RSS"
href="https://podcast.midline.pl/feed.xml"
>
<img
class="logo"
height="32"
width="32"
src="https://assets.midline.pl/logos/light/rss.svg"
/>
</a>
<a
title="Internet of Things, czy Internet of Shit? - ICD #29 w naszej instancji Funkwhale."
alt="Logo Funkwhale"
href="https://podcast.midline.pl/library/tracks/31/"
>
<img
class="logo"
style="--dark-image: url('https://assets.midline.pl/logos/dark/funkwhale.svg')"
src="https://assets.midline.pl/logos/light/funkwhale.svg"
height="32"
width="32"
/>
</a>
<a
title="Podcast 'Internet. Czas działać!' w aplikacji AntennaPod."
alt="Logo AntennaPod"
href="https://antennapod.org/"
>
<img
class="logo"
height="32"
width="32"
src="https://assets.midline.pl/logos/light/antennapod.svg"
/>
</a>
<a
title="Podcast 'Internet. Czas działać!' w aplikacji Patronite Audio."
alt="Logo Patronite Audio"
href="https://patronite.pl/patrocast/podcasts/f2eaf21a-8c3e-4e7f-93e1-c11868afa5f0/details"
>
<img
class="logo"
src="https://assets.midline.pl/logos/light/patronite-audio.svg"
height="32"
width="32"
/>
</a>
<a
title="Podcast 'Internet. Czas działać!' w serwisie Spotify."
alt="Logo Spotify"
href="https://open.spotify.com/show/2BSREI0uQcADS8W0RHrkxB"
>
<img
class="logo"
style="--dark-image: url('https://assets.midline.pl/logos/dark/spotify.svg')"
src="https://assets.midline.pl/logos/light/spotify.svg"
height="48"
/>
</a>
<a
title="Podcast 'Internet. Czas działać!' w serwisie Apple Podcasts."
alt="Logo Apple Podcasts"
href="https://podcasts.apple.com/pl/podcast/internet-czas-dzia%C5%82a%C4%87/id1536929719"
>
<img
class="logo"
src="https://assets.midline.pl/logos/light/apple-podcasts.svg"
height="48"
/>
</a>
<a
title="Podcast 'Internet. Czas działać!' w serwisie Google Podcasts."
alt="Logo Podcasty Google"
href="https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0Lm1pZGxpbmUucGwvZmVlZC54bWw?sa=X&ved=0CAUQrrcFahcKEwiYtdDr7__sAhUAAAAAHQAAAAAQAQ"
>
<img
class="logo"
src="https://assets.midline.pl/logos/light/google-podcasts.svg"
height="48"
/>
</a>
</div>
<div class="podcast-logos video-logos">
<a
title="Internet of Things, czy Internet of Shit? - ICD #29 w serwisie PeerTube."
alt="Logo PeerTube"
href="https://video.internet-czas-dzialac.pl/videos/watch/1L2juuzDN6VH5fCXmuhgGY"
>
<img
class="logo"
style="--dark-image: url('https://assets.midline.pl/logos/dark/peertube.svg')"
src="https://assets.midline.pl/logos/light/peertube.svg"
height="48"
/>
</a>
<a
title="Internet of Things, czy Internet of Shit? - ICD #29 w serwisie Odysee."
alt="Logo Odysee"
href="https://odysee.com/@internetczasdzialac:6/internet-of-things,-czy-internet-of-shit:1"
>
<img
class="logo"
src="https://assets.midline.pl/logos/light/odysee.svg"
style="--dark-image: url('https://assets.midline.pl/logos/dark/odysee.svg')"
height="48"
/>
</a>
<a
title="Internet of Things, czy Internet of Shit? - ICD #29 w serwisie YouTube."
alt="Logo YouTube"
href="https://www.youtube.com/watch?v=3MC-_83Zqik"
>
<img
class="logo"
src="https://assets.midline.pl/logos/light/youtube.svg"
style="--dark-image: url('https://assets.midline.pl/logos/dark/youtube.svg')"
height="48"
/>
</a>
</div>
</body>
</html>