simonduck.work/soundart.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
<!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="./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-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/Kjx9CF9m/PQ-edited.webp"
          alt="Image of 'Rubbing Out Project' at the 2023 Prague Quadrennial Festival of Performance Design and Space."
         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">
            Rubbing Out Project - PQ Festival Prague, 2023
          </h1>

          <p class="text-base lg:text-lg font-mono text-[#086375] m-2">
            I collaborated with artists Andrea Carr and Gemma Riggs, and
            produced a generative soundscape to accompany the artwork
            <a class="hover:text-[#FE5F55] font-semibold" href="https://rubbingoutproject.co.uk/"
              target="_blank">Rubbing Out Project</a>
            for the 2023
            <a class="hover:text-[#FE5F55] font-semibold"
              href="https://pq.cz/prague-quadrennial-2023/projects-2023/pq-performance-rare-experiences/rubbing-out-andrea-carr-gemma-riggs/"
              target="_blank">Prague Quadrennial Festival of Performance Design and Space</a>
            at the Holešovice Market, Prague, Czechia.
          </p>
        </section>
      </div>
      <div class="portrait:col-span-1 p-[4] text-[#086375]">
        <section>
          <h1 class="text-xl xl:text-2xl font-bold font-mono text-[#086375] m-2">
            In Our Own Time
          </h1>

          <p class="text-base lg:text-lg font-mono text-[#086375] m-2">
            I composed
            <a href="https://soundcloud.com/duck/carobni-tepisi" class="hover:text-[#FE5F55] font-semibold"
              target="_blank">music</a>
            to accompany this project by visual artist
            <a href="https://gemmariggs.co.uk/In-our-Own-Time" class="hover:text-[#FE5F55] font-semibold"
              target="_blank">Gemma Riggs</a>, as part of the Creative Europe project
            <a href="https://magiccarpets.eu/residencies/gemma-riggs/" class="hover:text-[#FE5F55] font-semibold"
              target="_blank">"Magic Carpets".</a>
            The work was displayed at Superorganism, Zagreb, Croatia (May
            2019) Festival of Looking, Folkestone, UK (July 2019) Magic
            Carpets Landed / Kaunas Biennial Kaunas, Lithuania (Nov 2021 – Jan
            2023)
          </p>
        </section>
      </div>
      <div class="potrait:col-span-1 text-[#086375]">
        <img src="https://i.ibb.co/qMfwmnfz/In-our-oiwn-time-2.webp"
          alt="black and white super-8 film image of two young girls from the artwork 'In Our Own Time' by Gemma Riggs"
          class="object-cover rounded-[25px]" />
      </div>
    </section>
  </main>
</body>

<social-footer></social-footer>

</html>