simonduck.work/robotriddims.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
<!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>

  <main class="grow mt-[calc((15vh+15vw)*0.4)] z-2">
    <section
      class="grid gap-[2vh] grid-cols-2  grid-rows- portrait:grid-cols-1 pl-[7%] pr-[7%] landscape:pl-[20%] landscape:pr-[20%] text-center place-items-center m-10 mt-4">


      <div class="portrait:col-span-1 landscape:aspect-[4/3]">

        <img src="https://i.ibb.co/TBmBSSWX/468419130-10160920715307087-8812413031165981690-n.webp"
          alt="Image of Robot Riddims performing at Awamu Together Festival"
          class="object-cover rounded-[25px] align-self grid-span-1" />
      </div>
      <div class="portrait:col-span-1 landscape:aspect-[4/3]">
        <section>
          <h1 class="text-xl xl:text-2xl font-bold font-mono text-[#086375] m-2">
            Robot Riddims

          </h1>
          <p class="text-base lg:text-lg font-mono text-[#086375] m-2">
            I produce and perform music under the alias "Robot Riddims". The project is inspired in part by the re-use
            of supposedly obsolete digital equipment. My remix work has been released on record labels including Tru
            Thoughts, Dubmission and NiceUp!
          </p>
        </section>
      </div>

    </section>
    <section
      class="grid gap-[2vh] grid-cols-1 grid-rows-4  portrait:grid-cols-1 pl-[5%] pr-[5%] landscape:pl-[20%] landscape:pr-[20%]  text-center place-items-center">
      <div>
        <iframe style="border: 0; width: 40vw; height: 20vh; border-radius: 25px;"
          src="https://bandcamp.com/EmbeddedPlayer/album=2786023897/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/"
          seamless><a href="https://robotriddims.bandcamp.com/album/warning">Warning by Robot_Riddims</a></iframe>
      </div>
      <div>
        <iframe style="border: 0; width: 40vw; height: 20vh; border-radius: 25px;"
          src="https://bandcamp.com/EmbeddedPlayer/album=2484032064/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/track=3570933338/transparent=true/" seamless>
          <a href="https://pitchblack.bandcamp.com/album/one-ton-skank">One Ton Skank by Pitch Black</a></iframe>
      </div>
      <div>
        <iframe style="border: 0; width: 40vw; height: 20vh; border-radius: 25px;"
          src="https://bandcamp.com/EmbeddedPlayer/album=195020051/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/track=4219473049/transparent=true/" seamless>
          <a href="https://biggabush.bandcamp.com/album/a-different-style">A Different Style by biggabush</a></iframe>
      </div>
      <div>
        <iframe style="border: 0; width: 40vw; height: 20vh; border-radius: 25px;"
        src="https://bandcamp.com/EmbeddedPlayer/album=2236559885/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/track=3324138104/transparent=true/" seamless>
        <a href="https://originone.bandcamp.com/album/deeply-remixed-volume-2">Deeply Remixed Volume 2 by Origin One ft Tenor Youthman</a></iframe>
      </div>
      <div>
        <iframe style="border: 0; width: 40vw; height: 20vh; border-radius: 25px;"
          src="https://bandcamp.com/EmbeddedPlayer/album=1537200240/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/"
          seamless><a href="https://robotriddims.bandcamp.com/album/perfect-score-tesla-dance">Perfect Score / Tesla
            Dance by Robot_Riddims</a></iframe>
      </div>
      <div>
        <iframe style="border: 0; width: 40vw; height: 20vh; border-radius: 25px;"
          src="https://bandcamp.com/EmbeddedPlayer/track=3366943881/size=large/bgcol=333333/linkcol=0f91ff/artwork=small/transparent=true/"
          seamless><a href="https://robotriddims.bandcamp.com/track/ai-weilai">Ai Weilai by Robot_Riddims</a></iframe>
      </div>
    </section>
  </main>
  <social-footer></social-footer>
</body>


</html>