JetCast/index.html at main · point2pointuk/JetCast · GitHub

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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>JetCast | Aviation Podcast</title>
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <!-- Telegraf font is not on Google Fonts. Use system fallback or add @font-face in styles.css if hosting Telegraf. -->
  <link rel="stylesheet" href="styles.css">
  <link rel="icon" type="image/png" href="/assets/images/icon.png">
  <script src="https://open.spotify.com/embed/iframe-api/v1" async></script>
</head>
<body>
  <section class="hero">
    <div class="hero-bg"></div>
    <div class="hero-content">
      <h1 class="hero-title">JetCast</h1>
      </br>
      <a href="#latest"><button class="listen-now">Listen Now</button></a>
    </div>
  </section>
  <section id="about" class="about reveal">
    <div class="container">
      <h2>About JetCast</h2>
      <p>
        Hosted by Sebastian (SB Designs) and Wafi, JetCast is an aviation-themed podcast by two aviation enthusiasts! We operate as a talkshow and podcast, discussing the
        latest aviation news, events, or even history, and the different parts that make up flying and the aviation world! Tune in to learn more about the topic of aviation!
      </p>
    </div>
  </section>
  <section id="latest" class="latest reveal">
    <div class="container">
      <h2>Latest Podcast</h2>
      <div class="latest-podcast-card" id="podcast-card"></div>
    </div>
  </section>
  <section id="platforms" class="platforms reveal">
    <div class="container">
      <h2>Listen On</h2>
      <div class="platform-icons">
        <a href="https://www.youtube.com/playlist?list=PLdo7MrTSOIPe4nSv6mzbcOonJmJQSdo5y" class="platform youtube" target="_blank">
          <img src="/assets/images/platforms/yt.svg">
        </a>
        <a href="https://music.youtube.com/playlist?list=PLdo7MrTSOIPdrpkeBTBXe7TJwO1eH-4gV" class="platform yt-music" target="_blank">
          <img src="/assets/images/platforms/ytm.svg">
        </a>
        <a href="https://open.spotify.com/show/61HCFp9EQZ0P2DJXZaacBI" class="platform spotify" target="_blank">
          <img src="/assets/images/platforms/sptfy.svg">
        </a>
        <a href="https://music.amazon.com/podcasts/dfae8282-5337-4d13-a985-86e4efb2e30a/jetcast-aviation" class="platform amazon" target="_blank">
          <img src="/assets/images/platforms/amzmus.svg">
        </a>
      </div>

      <div class="platform-icons">
        <a href="https://podcasts.apple.com/gb/podcast/jetcast-aviation/id1829793262?app=music&at=11l65W&ct=push" class="platform apple" target="_blank">
          <img src="/assets/images/platforms/applpod.svg">
        </a>
        <a href="https://overcast.fm/itunes1829793262" class="platform overcast" target="_blank">
          <img src="/assets/images/platforms/overcast.svg">
        </a>
        <a href="https://www.pandora.com/podcast/jetcast-aviation/PC:1001107425" class="platform pandora" target="_blank">
          <img src="/assets/images/platforms/pand.svg">
        </a>
        <a href="https://tunein.com/podcasts/JetCast-Aviation-p4660223" class="platform tunein" target="_blank">
          <img src="/assets/images/platforms/tunein.svg">
        </a>
        <a href="https://castbox.fm/ch/6694594" class="platform castbox" target="_blank">
          <img src="/assets/images/platforms/castbox.svg">
        </a>
        <a href="https://pca.st/9dvinbek" class="platform pocketcast" target="_blank">
          <img src="/assets/images/platforms/pcast.svg">
        </a>
        <a href="https://goodpods.com/podcasts/jetcast-aviation-702643" class="platform goodpods" target="_blank">
          <img src="/assets/images/platforms/goodpods.svg">
        </a>
      </div>
      <h3>Or Just Search for "JetCast Aviation" on Your Favourite App.</h3>
    </div>
  </section>
  <section id="memes" class="memes reveal">
    <div class="container">
      <h2>Transport Memes</h2>
      <p>
        <img src="meme/1.png" style="max-height:200px;">
        <img src="meme/2.jpg" style="max-height:200px;">
        <img src="meme/3.png" style="max-height:200px;">
        <img src="meme/4.jpg" style="max-height:200px;">
        <img src="meme/5.png" style="max-height:200px;">
        <img src="meme/6.png" style="max-height:200px;">
        <img src="meme/7.jpg" style="max-height:200px;">
        <img src="meme/8.png" style="max-height:200px;">
        <img src="meme/9.png" style="max-height:200px;">
        <img src="meme/10.png" style="max-height:200px;">
        <img src="meme/11.jpg" style="max-height:200px;">
        <img src="meme/12.jpg" style="max-height:200px;">
        <img src="meme/13.png" style="max-height:200px;">
        <img src="meme/14.jpg" style="max-height:200px;">
        <img src="meme/15.png" style="max-height:200px;">
        <img src="meme/16.jpg" style="max-height:200px;">
        <img src="meme/17.jpg" style="max-height:200px;">
        <img src="meme/18.png" style="max-height:200px;">
        <img src="meme/19.jpg" style="max-height:200px;">
        <img src="meme/20.jpg" style="max-height:200px;">
      </p>
    </div>
  </section>
  <footer>
    <div class="container footer-inner">
      <span>© Point 2 Point</span>
      <span>JetCast is part of Point 2 Point.</span>
    </div>
  </footer>
  <script src="script.js"></script>
  <script>
    window.onSpotifyIframeApiReady = (IFrameAPI) => {
      const element = document.getElementById('podcast-card');
      const options = {
          uri: 'spotify:episode:6SCJlATTBOVjVneLeQEtdm'
        };
      const callback = (EmbedController) => {};
      IFrameAPI.createController(element, options, callback);
    };
</script>
</body>
</html>