summaryrefslogtreecommitdiff
path: root/docs
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2022-02-08 01:49:59 +0100
committerJules Laplace <julescarbon@gmail.com>2022-02-08 01:49:59 +0100
commit7ff2f1c7079989c4485edf2407cbfa9e265c8c00 (patch)
treebbc25d0f57fea90f142f95c27dc23ea5adb96292 /docs
parent1d2b997b0a34468edd46acf2e77a995b1881d7cd (diff)
folio
Diffstat (limited to 'docs')
-rw-r--r--docs/portfolio/index.html502
1 files changed, 282 insertions, 220 deletions
diff --git a/docs/portfolio/index.html b/docs/portfolio/index.html
index 668e2d8..47c4183 100644
--- a/docs/portfolio/index.html
+++ b/docs/portfolio/index.html
@@ -1,250 +1,312 @@
<!DOCTYPE html>
<html>
-<head>
- <meta charset="utf-8" />
- <title>Bethany Barrett</title>
- <meta name="author" content="Bethany Barrett" />
- <meta name="description" content='Bethany Barrett, composer and sound designer.' />
- <meta name="referrer" content="no-referrer" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
- <meta property="og:title" content="Bethany Barrett, composer and sound designer."/>
- <meta property="og:type" content="website"/>
- <meta property="og:image" content="https://xenavectra.com/portfolio/" />
- <meta property="og:url" content="https://xenavectra.com/portfolio/"/>
- <meta property="og:site_name" content="xenavectra.com" />
- <link rel="stylesheet" type="text/css" href="index.css" />
-</head>
-<body class='loading'>
-<div>
-<div class='content'>
- <div>
- <h1>Bethany Barrett</h1>
- <h2>Musician, composer, sound designer</h2>
+ <head>
+ <meta charset="utf-8" />
+ <title>Bethany Barrett</title>
+ <meta name="author" content="Bethany Barrett" />
+ <meta
+ name="description"
+ content="Bethany Barrett, composer and sound designer."
+ />
+ <meta name="referrer" content="no-referrer" />
+ <meta
+ name="viewport"
+ content="width=device-width, initial-scale=1.0, user-scalable=yes"
+ />
+ <meta
+ property="og:title"
+ content="Bethany Barrett, composer and sound designer."
+ />
+ <meta property="og:type" content="website" />
+ <meta property="og:image" content="https://xenavectra.com/portfolio/" />
+ <meta property="og:url" content="https://xenavectra.com/portfolio/" />
+ <meta property="og:site_name" content="xenavectra.com" />
+ <link rel="stylesheet" type="text/css" href="index.css" />
+ </head>
+ <body class="loading">
+ <div class="content">
+ <div>
+ <h1>Bethany Barrett</h1>
+ <h2>Musician, composer, sound designer</h2>
- <p>
- Hello and welcome to my portfolio! Here you will find various recordings and soundtracks
- that I have produced over the last few years. I hope you find something you enjoy. I am
- always available for new commissions and client work. Please email me at <a id="address"></a>
- to start a conversation. Thanks!
- </p>
+ <p>
+ Hello and welcome to my portfolio! Here you will find various
+ recordings and soundtracks that I have produced over the last few
+ years. I hope you find something you enjoy. I am always available for
+ new commissions and client work. Please email me at
+ <a id="address"></a>
+ to start a conversation. Thanks!
+ </p>
- <p>
- <i>🩄 Bethany</i>
- </p>
+ <p>
+ <i>🩄 Bethany</i>
+ </p>
- <h3>Fireworks</h3>
- <small>2021</small>
+ <h3>Fireworks</h3>
+ <small>2021</small>
- <div class='links'>
- <span class='link' href="media/Fireworks Part 1.mp3">
- <div class='icon audio'></div>
- Part 1: Fireworks
- </span>
- <span class='link' href="media/Fireworks Part 2 Synthwave.mp3">
- <div class='icon audio'></div>
- Part 2: The Flame
- </span>
- <span class='link' href="media/Fireworks Part 3 Techno.mp3">
- <div class='icon audio'></div>
- Part 3: The Melt (Club scene)
- </span>
- <span class='link' href="media/Fireworks Part 3 Outro.mp3">
- <div class='icon audio'></div>
- Part 3: The Melt (Outro)
- </span>
- </div>
+ <div class="links">
+ <span class="link" href="media/Fireworks Part 1.mp3">
+ <div class="icon audio"></div>
+ Part 1: Fireworks
+ </span>
+ <span class="link" href="media/Fireworks Part 2 Synthwave.mp3">
+ <div class="icon audio"></div>
+ Part 2: The Flame
+ </span>
+ <span class="link" href="media/Fireworks Part 3 Techno.mp3">
+ <div class="icon audio"></div>
+ Part 3: The Melt (Club scene)
+ </span>
+ <span class="link" href="media/Fireworks Part 3 Outro.mp3">
+ <div class="icon audio"></div>
+ Part 3: The Melt (Outro)
+ </span>
+ </div>
- <p>
- Soundtrack for a short film depicting a love story about missed connections. Shot on the <i>Xiaomi 11T Pro 5G</i>, the film was commissioned by Xiaomi to show off the cinematic potential of their new smart phone camera. The acoustic guitar theme establishes a classic movie house vibe, while the electronic tracks follow the lovers to their climax.
- </p>
+ <p>
+ Soundtrack for a short film depicting a love story about missed
+ connections. Shot on the <i>Xiaomi 11T Pro 5G</i>, the film was
+ commissioned by Xiaomi to show off the cinematic potential of their
+ new smart phone camera. The acoustic guitar theme establishes a
+ classic movie house vibe, while the electronic tracks follow the
+ lovers to their climax.
+ </p>
- <h3>Neues von Zuhause</h3>
- <small>2021</small>
+ <h3>Neues von Zuhause</h3>
+ <small>2021</small>
- <div class='links'>
- <span class='link' href="media/NVZ 1 - Trier.mp3">
- <div class='icon audio'></div>
- Trier / Isolation
- </span>
- <span class='link' href="media/NVZ 2 - Circus Corona.mp3">
- <div class='icon audio'></div>
- Circus Corona
- </span>
- <span class='link' href="media/NVZ 3 - Helicopter.mp3">
- <div class='icon audio'></div>
- News Stand / Helicopter
- </span>
- <span class='link' href="media/NVZ 4 - City Lights.mp3">
- <div class='icon audio'></div>
- Dark Streets / City Lights
- </span>
- </div>
+ <div class="links">
+ <span class="link" href="media/NVZ 1 - Trier.mp3">
+ <div class="icon audio"></div>
+ Trier / Isolation
+ </span>
+ <span class="link" href="media/NVZ 2 - Circus Corona.mp3">
+ <div class="icon audio"></div>
+ Circus Corona
+ </span>
+ <span class="link" href="media/NVZ 3 - Helicopter.mp3">
+ <div class="icon audio"></div>
+ News Stand / Helicopter
+ </span>
+ <span class="link" href="media/NVZ 4 - City Lights.mp3">
+ <div class="icon audio"></div>
+ Dark Streets / City Lights
+ </span>
+ </div>
- <p>
- I scored the feature-length documentary <i>Neues von Zuhause</i>, directed by Dominik Galizia. The film documents the first year of the Covid-19 pandemic from the viewpoint of a solitary individual, who narrated his experience as it happened through WhatsApp voice messages. Music pervades the film, at times heightening the sense of unease and isolation, while also highlighting moments of hope and humor that break through. Features rich Moog leads, pads from the Roland Alpha Juno, and haunting modular wavetable drones.
- </p>
+ <p>
+ I scored the feature-length documentary <i>Neues von Zuhause</i>,
+ directed by Dominik Galizia. The film documents the first year of the
+ Covid-19 pandemic from the viewpoint of a solitary individual, who
+ narrated his experience as it happened through WhatsApp voice
+ messages. Music pervades the film, at times heightening the sense of
+ unease and isolation, while also highlighting moments of hope and
+ humor that break through. Features rich Moog leads, pads from the
+ Roland Alpha Juno, and haunting modular wavetable drones.
+ </p>
- <h3>»click the stars« (Kunst im Unterground)</h3>
- <small>2021</small>
+ <h3>»click the stars« (Kunst im Unterground)</h3>
+ <small>2021</small>
- <div class='links'>
- <span class='link' href="media/BVG Theme Song.mp3">
- <div class='icon audio'></div>
- BVG Theme Song
- </span>
- </div>
+ <div class="links">
+ <span class="link" href="media/BVG Theme Song.mp3">
+ <div class="icon audio"></div>
+ BVG Theme Song
+ </span>
+ </div>
- <p>
- As part of <i>Kunst im Unterground 2020/2021</i>, I soundtracked an audio essay that accompanied an art intervention on the BVG. The artist, Philine Puffer, took online Google reviews of Berlin U-Bahn stations and displayed them on <i>Berliner Fenster</i>, the passenger television program on the Berlin subway. Her audio essay explains how these reviews comment on the contemporary urban environment, where neutral, functional spaces like train stations become sites for online social critique; pieces of this BVG "Theme Song" were used throughout.
- </p>
+ <p>
+ As part of <i>Kunst im Unterground 2020/2021</i>, I soundtracked an
+ audio essay that accompanied an art intervention on the BVG. The
+ artist, Philine Puffer, took online Google reviews of Berlin U-Bahn
+ stations and displayed them on <i>Berliner Fenster</i>, the passenger
+ television program on the Berlin subway. In an audio essay, she
+ observes how these reviews comment on the contemporary urban
+ environment, where neutral, functional spaces like train stations
+ become sites for online social critique; pieces of the BVG “Theme
+ Song” were used throughout her piece.
+ </p>
- <h3>SocialSim</h3>
- <small>2020</small>
+ <h3>SocialSim</h3>
+ <small>2020</small>
- <div class='links'>
- <span class='link' href="media/02 Glacial Catacomb.mp3">
- <div class='icon audio'></div>
- Glacial Catacomb
- </span>
- <span class='link' href="media/Rabbia e Tarantella full mix.mp3">
- <div class='icon audio'></div>
- Ennio Morricone - Rabbia e Tarantella
- </span>
- </div>
+ <div class="links">
+ <span class="link" href="media/02 Glacial Catacomb.mp3">
+ <div class="icon audio"></div>
+ Glacial Catacomb
+ </span>
+ <span class="link" href="media/Rabbia e Tarantella full mix.mp3">
+ <div class="icon audio"></div>
+ Ennio Morricone - Rabbia e Tarantella
+ </span>
+ </div>
- <p>
- Hito Steyerl’s 2020 installation <i>SocialSim</i> used one of my dungeon synth compositions, <i>Glacial Catacomb</i>, as the music inside an art gallery‘s “secret VIP room” full of self-evolving artworks. For the film’s credits, I arranged a rendition of Ennio Morricone's <i>Rabbia e Tarantella</i> (1974), performed using guitars, drums, and synths.
- </p>
+ <p>
+ Hito Steyerl’s 2020 installation <i>SocialSim</i> used one of my
+ dungeon synth compositions, <i>Glacial Catacomb</i>, as the music
+ inside an art gallery‘s “secret VIP room” full of self-evolving
+ artworks. For the film’s credits, I arranged a rendition of Ennio
+ Morricone's <i>Rabbia e Tarantella</i> (1974), performed using
+ guitars, drums, and synths.
+ </p>
- <h3>Drill</h3>
- <small>2019</small>
+ <h3>Drill</h3>
+ <small>2019</small>
- <div class='links'>
- <span class='link' href="media/01 Sonification of Mass Shootings (1999-2018).mp3">
- <div class='icon audio'></div>
- Mass Shootings (1999-2018)
- </span>
- <span class='link' href="media/02 AR-15 (2016-17).mp3">
- <div class='icon audio'></div>
- AR-15 (2016-17)
- </span>
- <span class='link' href="media/03 Firearms Manufactured (1986-2016).mp3">
- <div class='icon audio'></div>
- Firearms Manufactured (1986-2016)
- </span>
- <span class='link' href="media/06 Yale Marching Band - Mass Shootings (1999-2018).mp3">
- <div class='icon audio'></div>
- Yale Marching Band - Mass Shootings (1999-2018)
- </span>
- </div>
+ <div class="links">
+ <span
+ class="link"
+ href="media/01 Sonification of Mass Shootings (1999-2018).mp3"
+ >
+ <div class="icon audio"></div>
+ Mass Shootings (1999-2018)
+ </span>
+ <span class="link" href="media/02 AR-15 (2016-17).mp3">
+ <div class="icon audio"></div>
+ AR-15 (2016-17)
+ </span>
+ <span
+ class="link"
+ href="media/03 Firearms Manufactured (1986-2016).mp3"
+ >
+ <div class="icon audio"></div>
+ Firearms Manufactured (1986-2016)
+ </span>
+ <span
+ class="link"
+ href="media/06 Yale Marching Band - Mass Shootings (1999-2018).mp3"
+ >
+ <div class="icon audio"></div>
+ Yale Marching Band - Mass Shootings (1999-2018)
+ </span>
+ </div>
- <p>
- <i>Drill</i> was a film shot by Hito Steyerl at the Park Avenue Armory in New York City. The piece centered around gun violence in America, both its history with the founding of the NRA at the Armory in 1871, and the present-day condition where mass shootings happen nearly every week. These data sonifications act as timelines of gun violence, where each beat marks the passing of a month, and each note represents a tragic incident. Through this process, a dark melody naturally emerges.
- </p>
- <p>
- I scored the film using data sonifications of mass shooting data, performed using the Deepmind 12 and JX-8P synthesizers. These were later arranged and performed by the Yale University Precision Marching Band in the Park Avenue Armory Drill Hall.
- </p>
+ <p>
+ <i>Drill</i> was a film shot by Hito Steyerl at the Park Avenue Armory
+ in New York City. The piece centered around gun violence in America,
+ both its history with the founding of the NRA at the Armory in 1871,
+ and the present-day condition where mass shootings happen nearly every
+ week. These data sonifications act as timelines of gun violence, where
+ each beat marks the passing of a month, and each note represents a
+ tragic incident. Through this process, a dark melody naturally
+ emerges.
+ </p>
+ <p>
+ I scored the film using data sonifications of mass shooting data,
+ performed using the Deepmind 12 and JX-8P synthesizers. These were
+ later arranged and performed by the Yale University Precision Marching
+ Band in the Park Avenue Armory Drill Hall.
+ </p>
- <h3>This is the Future / Power Plants</h3>
- <small>2019</small>
+ <h3>This is the Future / Power Plants</h3>
+ <small>2019</small>
- <div class='links'>
- <span class='link' href="media/04 Bethany Barrett - Flowers of Inequality.mp3">
- <div class='icon audio'></div>
- Flowers of Inequality
- </span>
- <span class='link' href="media/05 Bethany Barrett - Six Days.mp3">
- <div class='icon audio'></div>
- Six Days
- </span>
- </div>
+ <div class="links">
+ <span
+ class="link"
+ href="media/04 Bethany Barrett - Flowers of Inequality.mp3"
+ >
+ <div class="icon audio"></div>
+ Flowers of Inequality
+ </span>
+ <span class="link" href="media/05 Bethany Barrett - Six Days.mp3">
+ <div class="icon audio"></div>
+ Six Days
+ </span>
+ </div>
- <p>
- Hito Steyerl's <i>This is the Future / Power Plants</i> used my drones to illustrate a garden of
- flowers with the power to cure social media addiction, hate speech and austerity propaganda.
- The film was presented in 2019 at the Venice Biennale.
- </p>
+ <p>
+ Hito Steyerl's <i>This is the Future / Power Plants</i> used my drones
+ to illustrate a garden of flowers with the power to cure social media
+ addiction, hate speech and austerity propaganda. The film was
+ presented in 2019 at the Venice Biennale.
+ </p>
- <h3>Figaros Wölfe</h3>
- <small>2017</small>
+ <h3>Figaros Wölfe</h3>
+ <small>2017</small>
- <div class='links'>
- <span class='link' href="media/01. Rooftop.mp3">
- <div class='icon audio'></div>
- Rooftop
- </span>
- <span class='link' href="media/02. The Walk - Edgars theme.mp3">
- <div class='icon audio'></div>
- The Walk / Edgar's Theme
- </span>
- <span class='link' href="media/03. Hausers Theme.mp3">
- <div class='icon audio'></div>
- Hauser's Theme
- </span>
- <span class='link' href="media/06. Gilbert & Colette.mp3">
- <div class='icon audio'></div>
- Gilbert &amp; Colette
- </span>
- <span class='link' href="media/07. Hell Theme.mp3">
- <div class='icon audio'></div>
- Hell Theme
- </span>
- <span class='link' href="media/10. Cold Sweat - Mescaline.mp3">
- <div class='icon audio'></div>
- Cold Sweat / Mescaline
- </span>
- <span class='link' href="media/12. Edgars Theme II.mp3">
- <div class='icon audio'></div>
- Edgar's Theme II
- </span>
- <span class='link' href="media/15. Time To Die.mp3">
- <div class='icon audio'></div>
- Time To Die
- </span>
- <span class='link' href="media/16. Making Peace.mp3">
- <div class='icon audio'></div>
- Making Peace
- </span>
+ <div class="links">
+ <span class="link" href="media/01. Rooftop.mp3">
+ <div class="icon audio"></div>
+ Rooftop
+ </span>
+ <span class="link" href="media/02. The Walk - Edgars theme.mp3">
+ <div class="icon audio"></div>
+ The Walk / Edgar's Theme
+ </span>
+ <span class="link" href="media/03. Hausers Theme.mp3">
+ <div class="icon audio"></div>
+ Hauser's Theme
+ </span>
+ <span class="link" href="media/06. Gilbert & Colette.mp3">
+ <div class="icon audio"></div>
+ Gilbert &amp; Colette
+ </span>
+ <span class="link" href="media/07. Hell Theme.mp3">
+ <div class="icon audio"></div>
+ Hell Theme
+ </span>
+ <span class="link" href="media/10. Cold Sweat - Mescaline.mp3">
+ <div class="icon audio"></div>
+ Cold Sweat / Mescaline
+ </span>
+ <span class="link" href="media/12. Edgars Theme II.mp3">
+ <div class="icon audio"></div>
+ Edgar's Theme II
+ </span>
+ <span class="link" href="media/15. Time To Die.mp3">
+ <div class="icon audio"></div>
+ Time To Die
+ </span>
+ <span class="link" href="media/16. Making Peace.mp3">
+ <div class="icon audio"></div>
+ Making Peace
+ </span>
+ </div>
+ <p>
+ I composed the soundtrack to Dominik Galizia's film
+ <i>Figaros Wölfe</i>, a feature-length psychological drama about a
+ woman overcoming her past trauma through the help of a friend. The
+ synth-driven score features some of my favorite instruments, including
+ the Roland JX-8P and the Moog SubPhatty. Parts of the score were later
+ used in Dominik's cult hit film <i>Heikos Welt</i> (2021).
+ </p>
+ </div>
</div>
- <p>
- I composed the soundtrack to Dominik Galizia's film <i>Figaros Wölfe</i>, a feature-length psychological drama about a woman overcoming her past trauma through the help of a friend. The synth-driven score features some of my favorite instruments, including the Roland JX-8P and the Moog SubPhatty. Parts of the score were later used in Dominik's cult hit film <i>Heikos Welt</i> (2021).
- </p>
-
- </div>
-</div>
-
-<div class='player'>
- <div class="column">
- <div class='title'></div>
- <div class='msg'></div>
- </div>
- <div class="row">
- <div class='icon'>
- <img src="img/play.svg" class='play_icon'>
- <img src="img/pause.svg" class='pause_icon'>
- </div>
- <div class='pos'>
- <div class='track'>
+ <div class="player">
+ <div class="column">
+ <div class="title"></div>
+ <div class="msg"></div>
+ </div>
+ <div class="row">
+ <div class="icon">
+ <img src="img/play.svg" class="play_icon" />
+ <img src="img/pause.svg" class="pause_icon" />
+ </div>
+ <div class="pos">
+ <div class="track"></div>
+ <div class="dot"></div>
+ </div>
+ <div class="time">0:00 / 0:00</div>
</div>
- <div class='dot'></div>
- </div>
- <div class='time'>
- 0:00 / 0:00
</div>
- </div>
-</div>
-
-</body>
-<script>
- var s = document.createElement('script');
- s.setAttribute('src', window.location.href.match('asdf') ? './index.js' : './index.js?' + Date.now());
- document.body.appendChild(s);
- (function(){
- var e = atob("eGVuYUB4ZW5hdmVjdHJhLmNvbQ==")
- address.setAttribute("href", 'mailto:' + e)
- address.innerHTML = e
- })()
-</script>
+ </body>
+ <script>
+ var s = document.createElement("script");
+ s.setAttribute(
+ "src",
+ window.location.href.match("asdf")
+ ? "./index.js"
+ : "./index.js?" + Date.now()
+ );
+ document.body.appendChild(s);
+ (function () {
+ var e = atob("eGVuYUB4ZW5hdmVjdHJhLmNvbQ==");
+ address.setAttribute("href", "mailto:" + e);
+ address.innerHTML = e;
+ })();
+ </script>
</html>