simonduck.work/bambamsound.html at main · simon-duck/simonduck.work · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Simon Duck Personal Projects</title>
    <link href="./src/output.css" rel="stylesheet" />
    <link href="styles/hamburger.css" rel="stylesheet" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="src/scripts/footerManager.js"></script>
    <script src="src/scripts/navbarManager.js"></script>
    <script src="src/scripts/navbarContextHighlight.js"></script>
  </head>

  <body class="bg-[#F2EDE1] flex flex-col min-h-[100vh]">
    <nav-bar></nav-bar>

    <!--    END OF NAV BAR START OF MAIN CONTENT-->

    <main class="grow mt-[calc((15vh+15vw)*0.4)] z-2">
      <section
        class="grid gap-[2vh] grid-cols-2 grid-rows-1 portrait:grid-cols-1 pl-[5%] pr-[5%] landscape:pl-[20%] landscape:pr-[20%] text-center place-items-center m-10 mt-4">
        <div class="potrait:col-span-1 landscape:aspect-[4/3] text-[#086375]">
          <img
            src="https://i.ibb.co/ksxsH2Dw/bambam-1.webp"
            alt="Image of DJs Bam Bam Sound"
            border="0"
            class="object-cover rounded-[25px] align-self" />
        </div>

        <div
          class="portrait:col-span-1 p-[4] landscape:aspect-[4/3] text-[#086375]">
          <section>
            <h1
              class="text-xl xl:text-2xl font-bold font-mono text-[#086375] m-2">
              Bam Bam Sound
            </h1>

            <p class="text-base lg:text-xl font-mono text-[#086375] m-2">
              As one half of DJ duo
              <a
                href="https://www.mixcloud.com/Bam_Bam_Sound/"
                class="hover:text-[#FE5F55] font-semibold"
                >Bam Bam Sound</a
              >
              I have played at various clubs, festivals and events in the UK,
              Europe and Asia. We were resident DJs at London's Big Chill bar
              for more than a decade.
            </p>
          </section>
        </div>
      </section>
      <div class="flex gap-[2vh] flex-col justify-center items-center m-4">

        <iframe width="55%"
        height="120"
        src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&hide_artwork=1&feed=%2FBam_Bam_Sound%2Fbam-bam-sound-x-duck-ghosts-in-the-system%2F"
        frameborder="0"
        allow="encrypted-media"
        style ="border-radius: 25px" ></iframe>

        <iframe width="55%"
        height="120"
        src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&hide_artwork=1&feed=%2FBam_Bam_Sound%2Fbam-bam-sound-x-duck-new-year-garridge-2017%2F"
        frameborder="0"
        allow="encrypted-media"
        style ="border-radius: 25px" ></iframe>
        <iframe width="55%"
        height="120"
        src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&hide_artwork=1&feed=%2FBam_Bam_Sound%2Fbam-bam-sound-stumblefunk-beatherder-re-re-cord%2F"
        frameborder="0"
        allow="encrypted-media"
        style ="border-radius: 25px" ></iframe>
      <iframe
      width="55%"
      height="120"
      margin="auto"
      src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&hide_artwork=1&feed=%2Fawamuradio%2Fbam-bam-sound-closing-set-together-2019%2F"
      frameborder="0"
      allow="encrypted-media"
      style ="border-radius: 25px" ></iframe>

        <iframe
          width="55%"
          height="120"
          margin="auto"
          allow="encrypted-media"
          src="https://player-widget.mixcloud.com/widget/iframe/?hide_cover=1&hide_artwork=1&feed=%2Fawamuradio%2Fafrican-dancehall-from-uganda-and-beyond-from-duck-of-bam-bam-sound%2F"
          frameborder="0"
          allow="encrypted-media"
          style ="border-radius: 25px"></iframe>


     </div>
    </main>
    <social-footer></social-footer>
  </body>
</html>