simonduck.work/electronics.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
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!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>
 <nav-bar></nav-bar>
<body class="bg-[#F2EDE1] flex flex-col min-h-[100vh]">


  <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-[3%] pr-[3%] landscape:pl-[20%] landscape:pr-[20%] text-center place-items-center m-10 mt-4">


      <!-- ZAGARE FESTIVAL -->


      <div class="potrait:col-span-1  text-[#086375] ">
        <img src="https://i.ibb.co/k2X4pfR3/Zagare.webp"
          alt="Simon Duck delivering an electronics workshop at the Žagarė Fringe Festival"
          class="object-cover rounded-[25px] align-self" />
      </div>

      <div class="col-span-[6fr] portrait:col-span-1 p-[4] ">
        <section>
          <h1 class="text-xl xl:text-2xl font-bold font-mono text-[#086375] m-2">
           Electronics Workshop at Žagarė Fringe Festival
          </h1>

          <p class="text-base lg:text-lg font-mono text-[#086375] m-2 ">
            I delivered a workshop explaining how to build a rudimentary
            synthesier with basic electronic components to a mixed age group
            of local participants.
            <a href="http://www.zagarefringe.com/" target="_blank" class="hover:text-[#FE5F55] font-semibold">Žagarė
              Fringe Festival</a>
            was established in 2015 as a biennial Fringe Arts Festival that takes
            place in the northern Lithuanian town of Žagarė.
          </p>
        </section>
      </div>

      <!-- Absurd Instruments Hackathon-->

      <div class="col-span-[6fr] portrait:col-span-1 p-[4]">
        <section>
          <h1 class="text-xl xl:text-2xl font-bold font-mono text-[#086375] m-2">


            Absurd Instruments Hackathon
          </h1>

          <p class="text-base lg:text-lg font-mono text-[#086375] m-2">
            I was selected to take part in this weekend long <a
              href="https://blog.bela.io/absurd-instruments-hackathon/" target="_blank"
              class="hover:text-[#FE5F55] font-semibold">Hackathon</a> at Queen Mary's University, London.
              Participants were asked to take part in " Making absurd, surreal and silly musical propositions.
              Composing unconventional artefacts challenging current music technology. Subverting the ways we use
              musical tools to reveal unstated assumptions and explore alternatives." </p>
        </section>
      </div>
      <div class="potrait:col-span-1  text-[#086375] align-items-center">
        <img src="https://i.ibb.co/qMcy46w9/St-Mary-s-Hackathon-edited.webp"
          alt="Group of electronics hackers at St Mary's University, London during the Absurd Instruments Hackathon"
          class="object-cover rounded-[25px] " />
      </div>

      <!-- MIDI CONTROLLER -->


      <div class="potrait:col-span-1  text-[#086375]">
        <img src="https://i.ibb.co/dJX7qnfW/mixing-desk.webp"
          alt="White custom MIDI controller with LED buttons in the style of a mixing desk. Case cut from White acrylic."
          class="object-cover rounded-[25px] align-self" />
      </div>

      <div class="col-span-[6fr] portrait:col-span-1 p-[4] ">
        <section>
          <h1 class="text-xl xl:text-2xl font-bold font-mono text-[#086375] m-2">
            Custom MIDI Controller
          </h1>

          <p class="text-base lg:text-lg font-mono text-[#086375] m-2">
            I designed, prototyped, programmed and built this <a href="https://www.pjrc.com/teensy/" target="_blank"
              class="hover:text-[#FE5F55] font-semibold">Teensy</a> driven midi controller for use in my live
            performances. In total ten faders, forty-three buttons and twenty-two potentiometers give control of the software Ableton Live for live "dub mixing" of audio tracks.  The code can be found <a href="https://github.com/simon-duck/Robot-Riddims-Mixing-Desk"
              target="_blank" class="hover:text-[#FE5F55] font-semibold">here</a>


          </p>
        </section>
      </div>

      <!-- MB6582 SID Synth-->

      <div class="col-span-[6fr] portrait:col-span-1 p-[4] ">
        <section>
          <h1 class="text-xl xl:text-2xl font-bold font-mono text-[#086375] m-2">


            MB6582 SID Synth
          </h1>

          <p class="text-base lg:text-lg font-mono text-[#086375] m-2"> I took on the challenge of
            building an MB6582 SID synth. The MB6582 is a fully featured synthesizer, built on the MIDIbox platform and
            leveraging the power of eight SID chips - originally used in the Commodore 64. The project is open source
            and the documentation can be found <a href="https://www.midibox.org/dokuwiki/doku.php?id=mb6582:start"
              target="_blank" class="hover:text-[#FE5F55] font-semibold">here</a>.


          </p>
        </section>
      </div>
      <div class="potrait:col-span-1  text-[#086375] align-items-center">
        <img src="https://i.ibb.co/zVLpK1QY/P1070269.webp"
          alt="Internal picture of the MB6582 synth showing 7 of it's SID chips"
          class="object-cover rounded-[25px] " />
      </div>

      <!-- Onassis Stegi Hackathon -->

      <div class="potrait:col-span-1  text-[#086375]">
        <img src="https://i.ibb.co/wFPpGCNW/Onassis.webp" alt="Hacking session at Onassis Stegi, Athens" class="object-cover rounded-[25px] align-self" />
      </div>

      <div class="col-span-[6fr] portrait:col-span-1 p-[4]">
        <section>
          <h1 class="text-xl xl:text-2xl font-bold font-mono text-[#086375] m-2">

            DIY Instrument Making & Hacking Weekend
          </h1>

          <p class="text-base lg:text-xl font-mono text-[#086375] m-2">
            I was selected to take part in and perform at this Hackathon event at Onassis Stegi Cultural centre in
            Athens, Greece. The event invited artists, musicians, sound engineers, designers and programmers in a
            three-day hackathon to collaboratively create new instruments and sounds, and explore new ways to make
            music, and was part of the part of the <a href="https://www.onassis.org/onassis-stegi/networks/interfaces"> Interfaces</a> project co-funded by the Creative Europe program of the
            European Union
          </p>
        </section>
      </div>
    </section>
    </div>
    </section>
  </main>
  <social-footer></social-footer>
</body>


</html>