simonduck.work/index.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
<!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 rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="dns-prefetch" href="https://i.ibb.co" />
    <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">
    <nav-bar></nav-bar>

    <main class="flex grow mt-10 z-2">
      <section
        class="flex flex-col items-center grow place-content-center w-[100%] align-middle portrait:pt-[10vh] p-[2.5rem]">
        <div class="box-border items-center mt-[10vh]">
          <img
            class="mySlides"
            src="https://i.ibb.co/zVLpK1QY/P1070269.webp"
            alt="Internal picture of the MB6582 synth showing 7 of it's SID chips"
            loading="lazy" />
          <img
            class="mySlides"
            src="https://i.ibb.co/k2X4pfR3/Zagare.webp"
            style="object-position: left top"
            alt="Simon Duck delivering an electronics workshop at Zagare Fringe Festival, Lithuania"
            loading="lazy"/>
          <img class="mySlides" src="https://i.ibb.co/Kjx9CF9m/PQ-edited.webp"
          alt="Rubbing Out Project at Prague Quadrennial"
          loading="lazy" />
          <img
            class="mySlides"
            src="https://i.ibb.co/qMcy46w9/St-Mary-s-Hackathon-edited.webp"
            alt="Hackers at work at Queen Mary University's Augmented Instruments Lab for the Absurd Instruments Hackathon"
            loading="lazy" />
          <img
            class="mySlides"
            src="https://i.ibb.co/TBmBSSWX/468419130-10160920715307087-8812413031165981690-n.webp"
            alt="Simon Duck performing as Robot Riddims at Awamu Together festival"
            loading="lazy" />
          <img
            class="mySlides"
            src="https://i.ibb.co/qMfwmnfz/In-our-oiwn-time-2.webp"
            alt="Film frame from In Our Own Time, a piece by the artist Gemma Riggs, with music by Simon Duck"
            loading="lazy" />
          <img
            class="mySlides"
            src="https://i.ibb.co/ksxsH2Dw/bambam-1.webp"
            style="object-position: left top"
            alt="a promotional image of DJ duo Bam Bam Sound from PurpleRadio.com"
            loading="lazy" />
        </div>
        <div
          class="text-center p-10 portrait:pt-10 portrait:p-5 drop-shadow-md text-[#086375] landscape:text-5xl portrait:m-5 portrait:text-lg font-mono w-[60%] box-border">
          Adventures in coding, making and music
        </div>

        <script src="src/scripts/slideShow.js"></script>
      </section>
    </main>
    <social-footer></social-footer>
  </body>
</html>