From 78afb7006924411d0178fffa16b002170d4939d0 Mon Sep 17 00:00:00 2001
From: lens <lens@neural.garden>
Date: Fri, 5 Feb 2021 15:17:38 +0000
Subject: update index

---
 docs/index.html                            |  40 +++++++++++++--
 docs/magisphere/index.html                 |  58 +++++++++++++++++++---
 docs/magisphere/magisphere-loophole.jpg    | Bin 0 -> 455592 bytes
 docs/magisphere/magisphere-panke.jpg       | Bin 0 -> 108972 bytes
 docs/magisphere/magisphere-theta5-tape.jpg | Bin 0 -> 194102 bytes
 docs/magisphere/magisphere.css             |  76 +++++++++++++++++++++++------
 docs/pavone/index.html                     |   4 +-
 7 files changed, 147 insertions(+), 31 deletions(-)
 create mode 100644 docs/magisphere/magisphere-loophole.jpg
 create mode 100644 docs/magisphere/magisphere-panke.jpg
 create mode 100644 docs/magisphere/magisphere-theta5-tape.jpg

(limited to 'docs')

diff --git a/docs/index.html b/docs/index.html
index 56b7af0..1b34907 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -33,10 +33,10 @@
 <section id="bio">
   <h2>Biography</h2>
   <p>
-    Xena Vectra is the alter ego of synth goddess Bethany Barrett. Born in the mountains of the Black Forest, raised in sunny California, she now resides in Berlin.  Her unique style is inspired by her love of synth-heavy film soundtracks and italo disco, driven by her love of analog electronics.
+    Xena Vectra is the alter ego of synth goddess Bethany Barrett. Born in the mountains of the Black Forest, raised in sunny California, she now resides in Berlin.  Her unique style is inspired by synth-heavy film soundtracks and italo disco, driven by her love of analog electronics.
   </p>
   <p>
-    As Xena Vectra, she performs live using an all hardware setup, no laptop. She is always looking for new projects involving sound design, including film and game soundtracks, and is available for live bookings throughout Europe. She also appears as one half of synth duo Magisphere. Her soundtrack work includes scoring indie film <i>Figaros W&ouml;lfe</i> (2017) and various upcoming projects for German artist Hito Steyerl.
+  As Xena Vectra, she performs live using an all hardware setup, no laptop. She is always looking for new projects involving sound design, including film and game soundtracks, and is available for live bookings throughout Europe. She also appears as one half of synth duo Magisphere. Her soundtrack work includes scoring indie film <i>Figaros W&ouml;lfe</i> (2017) and creating <a href="https://asdf.us/sonifications/">data sonifications</a> for German artist Hito Steyerl's <i>Drill</i> (2019), <i>This is the Future</i> (2019) and <i>Power Plants</i> (2019).
   </p>
 </section>
 <section id="discography">
@@ -67,31 +67,61 @@
   <h3>Monosynths</h3>
   <ul>
     <li>Moog Subphatty</li>
+    <li>Moog Slim Phatty</li>
     <li>Korg MS-20 Mini</li>
+    <li>Korg ARP Odyssey</li>
     <li>Korg Monologue</li>
+    <li>Korg Volca Modular</li>
     <li>Arturia Microbrute</li>
+    <li>Behringer Model D</li>
+    <li>Behringer Neutron</li>
+    <li>Behringer Crave</li>
+    <li>Behringer TD-3</li>
     <li>Pittsburgh Modular Lifeforms SV-1</li>
   </ul>
   <h3>Polysynths</h3>
   <ul>
-    <li>Behringer DeepMind 12</li>
-    <li>Korg Minilogue</li>
+    <li>Sequential Prophet Rev2</li>
+    <li>Roland Alpha Juno 2</li>
     <li>Roland JX-8P</li>
     <li>Roland D-05</li>
+    <li>Korg Minilogue</li>
     <li>Korg Volca FM</li>
+    <li>Arturia Microfreak</li>
+    <li>Behringer DeepMind 12</li>
+    <li>Behringer VC340 Vocoder</li>
     <li>Kawai K1m</li>
   </ul>
   <h3>Drum machines / Sequencers / Samplers</h3>
   <ul>
-    <li>Korg DDD-1</li>
+    <li>Roland TR-707</li>
     <li>Roland TR-8</li>
+    <li>Korg Volca Kick</li>
+    <li>Korg Volca Beats</li>
+    <li>Korg Volca Sample</li>
+    <li>Korg DDD-1</li>
+    <li>Arturia Drumbrute</li>
+    <li>Behringer RD-8</li>
     <li>Elektron Digitakt</li>
     <li>Alesis Samplepad</li>
+    <li>TC Electronic Ditto x4 Looper</li>
   </ul>
   <h3>FX</h3>
   <ul>
     <li>Strymon Timeline</li>
     <li>Strymon Big Sky</li>
+    <li>Carcosa Fuzz</li>
+    <li>Digitech Obscure Altered Delay</li>
+    <li>Roland VT-4 Voice Transformer</li>
+  </ul>
+  <h3>Other instruments</h3>
+  <ul>
+    <li>Fender Jaguar</li>
+    <li>Fender Bass VI</li>
+    <li>Clarinet</li>
+    <li>Flute</li>
+    <li>Melodica</li>
+    <li>Violin</li>
   </ul>
   <i>"<span id='quote'></span>" &mdash;Cayde-6</i>
 </section> <section id="contact"> <h2>Contact</h2> <p>
diff --git a/docs/magisphere/index.html b/docs/magisphere/index.html
index 6edae78..f4bc554 100644
--- a/docs/magisphere/index.html
+++ b/docs/magisphere/index.html
@@ -1,20 +1,62 @@
 <!doctype html>
 <html>
 <head>
-<title>Xena Vectra</title>
+<title>Magisphere</title>
 <meta charset="utf-8">
 <link rel="stylesheet" href="magisphere.css" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
 </head>
 <body class='loading'>
+	<div class='bg'><img src='https://s3.amazonaws.com/i.asdf.us/im/14/imGrid_1425570589_bike_1425669497_1425669516.gif'></div>
+	<div class='bg'><img src='https://s3.amazonaws.com/i.asdf.us/im/29/imgrid_1328915738_pepper.png'></div>
+	<div class='bg'><img src='https://s3.amazonaws.com/i.asdf.us/im/37/imgrid_1326148678_pepper.png'></div>
 <div class='content'>
-  <b>MAGISPHERE</b> IS 
-    <a href="/">XENA VECTRA</a>
-    and
-    <a href="https://asdf.us/">COSMIC SANDS</a>
-    cosmic analog underwater excursion / debut and cassette release at <a href="http://panke.gallery/">panke . gallery</a> Gerichtstr. 23, Hof 5, 13347 Berlin. SATURDAY 19-01-2019.
-    descent into THETA-5 / sonar wave shadows. benthic illumination.
-    magma atrium and the chamber of glyphs. C20. Produced in 2019.
+	<br>
+<span>
+  <b>MAGISPHERE</b>:
+    a cosmic analog underwater excursion.
+</span>
+<br>
+    <br><br>
+    <a href="https://lfolobster.bandcamp.com/"><img src="magisphere-theta5-tape.jpg"></a>
+    <br><br>
+<span>
+    <a href="https://lfolobster.bandcamp.com/">"THETA-5"</a> cassette. 2019<br>
+<br>
+a1. descent into THETA-5 / sonar wave shadows.<br>
+b1. benthic illumination.<br>
+b2. magma atrium and the chamber of glyphs.<br>
+</span>
+    <br>
+<span><a href="/">BETH</a> - LEADS and BASS</span>
+&nbsp;
+<span><a href="https://asdf.us/">JULES</a> - PADS and ARPS</span>
+<br>
+<br>
+<div style='max-width: 800px;'>
+<span style='color: #b05;'>
+Magisphere presents a cosmic analog underwater excursion.  Bethany Barrett and Jules LaPlace make live cosmic music using a variety of synthesizers.  "Theta-5" is a journey to the bottom of the sea, across the abyss and beyond.
+</span>
+</div>
+<br>
+
+<span>
+    MESSAGES: <a href="https://twitter.com/lfolobster">Twitter</a></span>
+</span>
+&nbsp;
+<span>
+    TRANSMISSIONS: <a href="https://lfolobster.bandcamp.com">Bandcamp</a><br>
+</span>
+<br>
+    <br>
+    <img src="magisphere-loophole.jpg">
+    <br>
+    LOOPHOLE, Berlin, Germany. April 2019<br>
+    <br>
+    <img src="magisphere-panke.jpg">
+    <br>
+    PANKE GALLERY, Berlin, Germany. January 2019<br>
+    <br>
 </div>
 <!--     <div class="player paused">
       <div class="icon"></div>
diff --git a/docs/magisphere/magisphere-loophole.jpg b/docs/magisphere/magisphere-loophole.jpg
new file mode 100644
index 0000000..e514735
Binary files /dev/null and b/docs/magisphere/magisphere-loophole.jpg differ
diff --git a/docs/magisphere/magisphere-panke.jpg b/docs/magisphere/magisphere-panke.jpg
new file mode 100644
index 0000000..81bed7e
Binary files /dev/null and b/docs/magisphere/magisphere-panke.jpg differ
diff --git a/docs/magisphere/magisphere-theta5-tape.jpg b/docs/magisphere/magisphere-theta5-tape.jpg
new file mode 100644
index 0000000..6915ea5
Binary files /dev/null and b/docs/magisphere/magisphere-theta5-tape.jpg differ
diff --git a/docs/magisphere/magisphere.css b/docs/magisphere/magisphere.css
index 1ba88c9..63845ca 100644
--- a/docs/magisphere/magisphere.css
+++ b/docs/magisphere/magisphere.css
@@ -34,11 +34,10 @@ html, body {
   margin: 0; padding: 0; width: 100%; height: 100%;
   font-family: nhg, sans-serif;
   color: rgba(255,255,255,0.9);
-  overflow: hidden;
 }
 html {
   background-color: rgb(0,0,0);
-  background-image: linear-gradient(rgba(30, 0, 0, 1.0), rgba(30, 0, 0, 0.0));
+  background-image: linear-gradient(rgba(30, 0, 90, 1.0), rgba(30, 0, 0, 0.0));
   background-attachment: fixed;
   transition: background-color 1s;
 }
@@ -64,7 +63,6 @@ body.loading {
   background-color: rgba(0,0,0,0.9);
   background-image: linear-gradient(rgba(10,0,0,1.0), rgba(0,0,20,1.0));
   opacity: 0.4;
-  transform: skewY(3deg);
   overflow: hidden;
   pointer-events: none;
 }
@@ -74,7 +72,6 @@ body.loading {
   width: 100%; height: 80%;
   background-color: rgba(0,0,0,1.0);
   background-image: linear-gradient(rgba(0,0,0,1.0), rgba(10,0,0,1.0));
-  transform: skewY(3deg);
   overflow: hidden;
   pointer-events: none;
 }
@@ -117,21 +114,28 @@ img.cover {
   justify-content: space-between;
 }
 .content {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate3d(-50%, -50%, 0) skewY(3deg);
-  background: black;
   padding: 20px;
   font-family: 'alarmclock', monospace;
-  color: #800;
+  color: #f88;
   font-size: 32px;
-  margin: 0;
+  margin: 20px;
   letter-spacing: -2px;
-  cursor: pointer;
   opacity: 0.9;
   transition: opacity 500ms;
-  text-align: justify;
+  text-align: left;
+  text-transform: uppercase;
+}
+.content img {
+  width: 600px;
+  max-width: 100%;
+}
+.content span {
+  box-shadow: 
+    -5px -5px 0 #000, 
+    5px -5px 0 #000, 
+    -5px 5px 0 #000, 
+    5px 5px 0 #000;
+  background: #000;
 }
 .loading .content b,
 .loading .content a {
@@ -139,11 +143,11 @@ img.cover {
 }
 .content b {
   transition: color 1500ms;
-  color: red;
+  color: #f08;
 }
 .content a {
   transition: color 1500ms;
-  color: red;
+  color: #f08;
   border: 0;
   text-decoration: none;
 }
@@ -154,6 +158,45 @@ img.cover {
 .desktop h1:hover {
   opacity: 1;
 }
+.bg {
+  position: fixed;
+  bottom: 0; right: 0;
+  z-index: -1;
+  width: 60%;
+  height: 70%;
+  text-align: right;
+}
+.bg:nth-child(3n) img {
+  transform: skew(10deg, -10deg) rotate(5deg);
+  opacity: 0.09;
+}
+.bg:nth-child(3n+1) {
+  width: 100%;
+  height: 100%;
+  -webkit-filter: invert(100%);
+  opacity: 0.1;
+}
+.bg:nth-child(3n+1) img {
+  transform: skew(20deg, 10deg) rotate(-20deg);
+  opacity: 0.25;
+  width: 100%;
+}
+.bg:nth-child(3n+2) {
+  width: 100%;
+  height: 100%;
+  -webkit-filter: invert(100%);
+  opacity: 0.3;
+}
+.bg:nth-child(3n+2) img {
+  transform: rotate(10deg);
+  opacity: 0.25;
+  width: 100%;
+}
+.bg img {
+  max-width: 100%;
+  height: 100%;
+  -webkit-filter: blur(2px);
+}
 h2 {
   margin: 0;
   padding: 0 0 15px 0;
@@ -339,4 +382,5 @@ section {
     width: 36px;
     height: 36px;
   }
-}
\ No newline at end of file
+}
+
diff --git a/docs/pavone/index.html b/docs/pavone/index.html
index 1b3f59e..8070446 100644
--- a/docs/pavone/index.html
+++ b/docs/pavone/index.html
@@ -49,8 +49,8 @@ audio { -webkit-filter: invert(100%); }
 
 <section id='demos'>
 	<div>
-	<a href="pavone cristallo - approaching dawn.mp3">▶ Approaching Dawn</a><br>
-	<a href="pavone cristallo - bog zombie.mp3">▶ Bog Zombie</a><br>
+	<a href="https://s3.amazonaws.com/i.asdf.us/bucky/data/4598/Pavone%20Cristallo%20Approaching%20Dawn%20drums%20fix.mp3">▶ Approaching Dawn</a><br>
+	<a href="https://s3.amazonaws.com/i.asdf.us/bucky/data/4598/Pavone%20Cristallo%20Bog%20Zombie%20drums%202%20no%20markers.mp3">▶ Bog Zombie</a><br>
 	</div>
 </section>
 
-- 
cgit v1.2.3-70-g09d2