suroh
/
work.suroh.tk
0
0
Fork 0
Code Pull Requests Actions Activity

Updated tracking on all pages.

This commit is contained in:
suroh 2019-03-23 14:47:58 +01:00
parent 48162f426e
commit 6b62eb27a4
8 changed files with 476 additions and 251 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

231
cv.html
View File

@ -1,140 +1,165 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>wkflw : cv</title> <title>wkflw : cv</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print"> <link rel="stylesheet" type="text/css" href="css/print.css" media="print">
<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/styles.css" media="screen">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.suroh.tk/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head> </head>
<body id="cv"> <body id="cv">
<section id="me"> <section id="me">
<h2>Max Franklin</h2> <h2>Max Franklin</h2>
<em>max.e.franklin@gmail.com</em><br> <em>max.e.franklin@gmail.com</em><br>
<em>+33 (0) 7 66 14 33 99</em> <em>+33 (0) 7 66 14 33 99</em>
</section> </section>
<section id="edu"> <section id="edu">
<h3>Education</h3> <h3>Education</h3>
<p><em>Piet Zwart Institute</em><br> <p><em>Piet Zwart Institute</em><br>
2016 - 2018 // Rotterdam, NL<br> 2016 - 2018 // Rotterdam, NL<br>
Master's in Media Design : Experimental Publishing</p> Master's in Media Design : Experimental Publishing</p>
<p><em>Conservatorium of Sydney (University of Sydney)</em><br> <p><em>Conservatorium of Sydney (University of Sydney)</em><br>
2009 // Sydney, AU<br> 2009 // Sydney, AU<br>
Bachelor Jazz Performance (Saxophone) &amp; Creative Sound Engineering</p> Bachelor Jazz Performance (Saxophone) &amp; Creative Sound Engineering</p>
</section> </section>
<section id="things"> <section id="things">
<h3>Things</h3> <h3>Things</h3>
<p><em>Thresholds of the Algorithmic</em><br> <p><em>Thresholds of the Algorithmic</em><br>
Algorithms that Matter<br> Algorithms that Matter<br>
2018 // Bergen, NO<br> 2018 // Bergen, NO<br>
Workshop-in-Exposition is a hybrid format that places the workshop inside an exhibition context, where the exposed works and artefacts form the basis of the workshop’s activity.</p> Workshop-in-Exposition is a hybrid format that places the workshop inside an exhibition context, where the exposed works and artefacts form the basis of the workshop’s activity.</p>
<p><em>Get a Room Residency</em><br> <p><em>Get a Room Residency</em><br>
Frontyard<br> Frontyard<br>
2018 // Sydney, AU<br> 2018 // Sydney, AU<br>
Research residency around Master's research on Software and Improvisation.</p> Research residency around Master's research on Software and Improvisation.</p>
<p><em>Autonomous Archive</em><br> <p><em>Autonomous Archive</em><br>
Het Nieuw Instituut<br> Het Nieuw Instituut<br>
2017 // Rotterdam, NL<br> 2017 // Rotterdam, NL<br>
Archival machine, installation and research project centred around autonomous living and archival practices. Presented alongside the Architecture of Apropriation exhibition.</p> Archival machine, installation and research project centred around autonomous living and archival practices. Presented alongside the Architecture of Apropriation exhibition.</p>
<p><em>TGC#3 : Euclid</em><br> <p><em>TGC#3 : Euclid</em><br>
De Player<br> De Player<br>
2017 // Rotterdam, NL<br> 2017 // Rotterdam, NL<br>
Experimental sound publication object and performative instrument. Collaborative project between De Player and the Piet Zwart Experimental Publishing unit.</p> Experimental sound publication object and performative instrument. Collaborative project between De Player and the Piet Zwart Experimental Publishing unit.</p>
<p><em>LowTechLabLondon2016</em><br> <p><em>LowTechLabLondon2016</em><br>
Saatchi Gallery<br> Saatchi Gallery<br>
2016 // London, UK<br> 2016 // London, UK<br>
International art lab organised by Raul Marroquin around the theme of Low Tech.</p> International art lab organised by Raul Marroquin around the theme of Low Tech.</p>
<p><em>Festival de Projets Scolaires</em><br> <p><em>Festival de Projets Scolaires</em><br>
La Gaîté lyrique<br> La Gaîté lyrique<br>
2016 // Paris, FR<br> 2016 // Paris, FR<br>
Partnership workshop show with Paris College of Art students and faculty.</p> Partnership workshop show with Paris College of Art students and faculty.</p>
<p><em>IDENTITE REVE(L)EE</em><br> <p><em>IDENTITE REVE(L)EE</em><br>
*Mi Gallery<br> *Mi Gallery<br>
Paris Digital Week<br> Paris Digital Week<br>
2015 // Paris, FR<br> 2015 // Paris, FR<br>
Collaborative piece prestented at *Mi Gallery as part of Paris Digital Week.</p> Collaborative piece prestented at *Mi Gallery as part of Paris Digital Week.</p>
<p><em>Barcu Art Fair</em><br> <p><em>Barcu Art Fair</em><br>
2015 // Bogota, CO<br> 2015 // Bogota, CO<br>
Presentation via Skype on Collaborative Art, Interactivity and Improvisation.</p> Presentation via Skype on Collaborative Art, Interactivity and Improvisation.</p>
</section> </section>
<section id="music"> <section id="music">
<h3>Music</h3> <h3>Music</h3>
<p><em>Solo</em><br> <p><em>Solo</em><br>
2018 - active<br> 2018 - active<br>
Solo act employing custom open source software insturments and improvised saxophone.<br> Solo act employing custom open source software insturments and improvised saxophone.<br>
<ul> <ul>
<em>Presented :</em> <em>Presented :</em>
<li><em>North Sea Jazz Around Town</em><br> <li><em>North Sea Jazz Around Town</em><br>
VARIA<br> VARIA<br>
2018 // Rotterdam, NL</li> 2018 // Rotterdam, NL</li>
<li><em>E-ARTHHA</em><br> <li><em>E-ARTHHA</em><br>
DePlayer<br> DePlayer<br>
2018 // Rotterdam, NL</li> 2018 // Rotterdam, NL</li>
</ul> </ul>
</p> </p>
<p><em>Post Toast</em><br> <p><em>Post Toast</em><br>
2018 - active<br> 2018 - active<br>
Electronic duo currently playing a live meld of improvised electronica, techno, hip-hop neo-classical music and down-tempo dystopian futurism.<br> Electronic duo currently playing a live meld of improvised electronica, techno, hip-hop neo-classical music and down-tempo dystopian futurism.<br>
<ul> <ul>
<em>Presented :</em> <em>Presented :</em>
<li><em>POST TOAST on Red Light Radio</em><br> <li><em>POST TOAST on Red Light Radio</em><br>
Redlight Radio<br> Redlight Radio<br>
2018 // Amsterdam, NL</li> 2018 // Amsterdam, NL</li>
</ul> </ul>
</p> </p>
<p><em>Shaolin Afronauts</em><br> <p><em>Shaolin Afronauts</em><br>
2012 – 2014 // Australia<br> 2012 – 2014 // Australia<br>
Sideman on “Quest under Capricorn” and “Follow the Path”</p> Sideman on “Quest under Capricorn” and “Follow the Path”</p>
<p><em>Debonair Gentlemen</em><br> <p><em>Debonair Gentlemen</em><br>
2009 – 2012 // Australia<br> 2009 – 2012 // Australia<br>
Leftfield jazz trio</p> Leftfield jazz trio</p>
</section> </section>
<section id="prof"> <section id="prof">
<h3>Professional Experience</h3> <h3>Professional Experience</h3>
<p><em>Paris College of Art</em><br> <p><em>Paris College of Art</em><br>
2014 - current // Paris, FR<br> 2014 - current // Paris, FR<br>
Faculty Member in Communication Design and Master's in Transdisciplinary New Media departments</p> Faculty Member in Communication Design and Master's in Transdisciplinary New Media departments</p>
<p style="text-transform: capitalize;"><em>école européenne des métiers <br><span style="text-transform: none;">de l'</span>Internet</em><br> <p style="text-transform: capitalize;"><em>école européenne des métiers <br><span style="text-transform: none;">de l'</span>Internet</em><br>
2018 - current // Paris, FR<br> 2018 - current // Paris, FR<br>
Faculty Member in Graphic Design department</p> Faculty Member in Graphic Design department</p>
<p><em>Willem de Kooning Academie</em><br> <p><em>Willem de Kooning Academie</em><br>
2018 // Rotterdam, NL<br> 2018 // Rotterdam, NL<br>
Publication Station teaching and technical assistant</p> Publication Station teaching and technical assistant</p>
<p><em>Freelance Graphic Designer</em><br> <p><em>Freelance Graphic Designer</em><br>
2009 – 2014 // Sydney, AU<br> 2009 – 2014 // Sydney, AU<br>
Web-design, poster and album design</p> Web-design, poster and album design</p>
<p><em>Linear Recording</em><br> <p><em>Linear Recording</em><br>
2009 – 2010 // Sydney, AU<br> 2009 – 2010 // Sydney, AU<br>
Assistant Sound Engineer</p> Assistant Sound Engineer</p>
</section> </section>
</body> </body>
</html> </html>

143
index.html
View File

@ -1,64 +1,107 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<title>wkflw</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/styles.css"> <head>
<title>wkflw</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/styles.css">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.suroh.tk/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head> </head>
<body> <body>
<header> <header>
<h1>max<br>franklin</h1> <h1>max<br>franklin</h1>
</header> </header>
<nav> <nav>
<ul> <ul>
<li style="color: #FF670F;">wrk : </li> <li style="color: #FF670F;">wrk : </li>
<a href="#" id="audioButton"><li>audio</li></a> <a href="#" id="audioButton">
<a href="#" id="otherButton"><li>other</li></a> <li>audio</li>
<a href="https://git.suroh.tk/" target="_blank"><li>code</li></a> </a>
</ul> <a href="#" id="otherButton">
</nav> <li>other</li>
</a>
<a href="https://git.suroh.tk/" target="_blank">
<li>code</li>
</a>
</ul>
</nav>
<section class="work" id="audioSection"> <section class="work" id="audioSection">
<h1>AUDIO</h1> <h1>AUDIO</h1>
<ul> <ul>
<a href="work/soloWork.html"><li id="soloWork" style="background:url('assets/audio/solo/thumb-_DSC5654.jpg');"> <a href="work/soloWork.html">
<h3>Solo</h3> <li id="soloWork" style="background:url('assets/audio/solo/thumb-_DSC5654.jpg');">
<p>Solo improvised performance practice employing custom open source software instruments and saxophone.</p> <h3>Solo</h3>
</li></a> <p>Solo improvised performance practice employing custom open source software instruments and saxophone.</p>
<a href="work/postoastWork.html"><li id="postoastWork" style="background: url('assets/audio/postoast/thumb-pgxpublaunch.jpg');"> </li>
<h3>POST TOAST</h3> </a>
<p>Electronic duo currently playing a live meld of improvised electronica, techno, hip-hop neo-classical music and down-tempo dystopian futurism.</p> <a href="work/postoastWork.html">
</li></a> <li id="postoastWork" style="background: url('assets/audio/postoast/thumb-pgxpublaunch.jpg');">
</ul> <h3>POST TOAST</h3>
</section> <p>Electronic duo currently playing a live meld of improvised electronica, techno, hip-hop neo-classical music and down-tempo dystopian futurism.</p>
</li>
</a>
</ul>
</section>
<section class="work" id="otherSection"> <section class="work" id="otherSection">
<h1>OTHER</h1> <h1>OTHER</h1>
<ul> <ul>
<a href="work/fragileMasteryWork.html"><li id="fragileMasteryWork" style="background:url('assets/other/fragileMastery/thumb-gradInstallation.jpg');"> <a href="work/fragileMasteryWork.html">
<h3>Fragile Mastery</h3> <li id="fragileMasteryWork" style="background:url('assets/other/fragileMastery/thumb-gradInstallation.jpg');">
<p>Research on improvisation, open source software and their combined ability to question our attributions of value and mastery.</p> <h3>Fragile Mastery</h3>
</li></a> <p>Research on improvisation, open source software and their combined ability to question our attributions of value and mastery.</p>
<a href="work/euclidWork.html"><li id="euclidWork" style="background:url('assets/other/tetra/thumb-tetra2.jpg');"> </li>
<h3>EUCLID</h3> </a>
<p>Interactive improvisationa "article" for Tetra Gama Circulaire #3. Collaboration between DePlayer and the Experimental Publishing Master.</p> <a href="work/euclidWork.html">
</li></a> <li id="euclidWork" style="background:url('assets/other/tetra/thumb-tetra2.jpg');">
<a href="work/autonomousArchiveWork.html"><li id="autonomousArchiveWork" style="background:url('assets/other/autonomousArchive/buildingLightbox.jpg');"> <h3>EUCLID</h3>
<h3>Autonomous Archive</h3> <p>Interactive improvisationa "article" for Tetra Gama Circulaire #3. Collaboration between DePlayer and the Experimental Publishing Master.</p>
<p>Collaborative project to build an activated archive of a 30 year old living community in Rotterdam.</p> </li>
</li></a> </a>
<a href="work/chagrinWork.html"><li id="chagrinWork" style="background:url('assets/other/chagrin/thumb-chagrin1.jpg');"> <a href="work/autonomousArchiveWork.html">
<h3>Adelaïde</h3> <li id="autonomousArchiveWork" style="background:url('assets/other/autonomousArchive/buildingLightbox.jpg');">
<p>Reactive music video made during a 24hr music video challenge. Music by Requin Chagrin.</p> <h3>Autonomous Archive</h3>
</li></a> <p>Collaborative project to build an activated archive of a 30 year old living community in Rotterdam.</p>
</ul> </li>
</section> </a>
<a href="work/chagrinWork.html">
<li id="chagrinWork" style="background:url('assets/other/chagrin/thumb-chagrin1.jpg');">
<h3>Adelaïde</h3>
<p>Reactive music video made during a 24hr music video challenge. Music by Requin Chagrin.</p>
</li>
</a>
</ul>
</section>
<script type="text/javascript" src="js/menu.js"></script> <script type="text/javascript" src="js/menu.js"></script>
</body> </body>
</html> </html>

103
work/autonomousArchiveWork.html
View File

@ -1,71 +1,102 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>wkflw : autonomousArchive</title> <title>wkflw : autonomousArchive</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../css/styles.css"> <link rel="stylesheet" type="text/css" href="../css/styles.css">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.suroh.tk/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head> </head>
<body> <body>
<header> <header>
<h1>max franklin</h1> <h1>max franklin</h1>
</header> </header>
<a href="https://work.suroh.tk/" id="home"><< home</a> <a href="https://work.suroh.tk/" id="home">
<< home</a> <div class="imgFeat"><img src="../assets/other/autonomousArchive/pgbwstreet.jpg"></div>
<div class="imgFeat"><img src="../assets/other/autonomousArchive/pgbwstreet.jpg"></div> <section class="work text">
<h1>AutonomousArchive</h1>
<section class="work text"> <p>The Autonomous Archive was a collaborative project with Giulia de Giovanelli and Franc Gonzalez. Its goal was to build a local “archival-machine” for the historical living-community Vereniging Poortgebouw, based in Rotterdam. By
<h1>AutonomousArchive</h1> converting the already extensive paper archive onto a digital system, we aimed to encourage further collaborative collection of materials to maps the legality of the Poortgebouw past, present and future.</p>
<p>The Autonomous Archive was a collaborative project with Giulia de Giovanelli and Franc Gonzalez. Its goal was to build a local “archival-machine” for the historical living-community Vereniging Poortgebouw, based in Rotterdam. By converting the already extensive paper archive onto a digital system, we aimed to encourage further collaborative collection of materials to maps the legality of the Poortgebouw past, present and future.</p> <p>The Autonomous Archive is built upon open source software and designed in a way to allow people to interact with the archive and re-activate the documents held within it. It is designed to allow for new interactions and understandings of
the archival material, and to develop further outputs.</p>
<p>The Autonomous Archive is built upon open source software and designed in a way to allow people to interact with the archive and re-activate the documents held within it. It is designed to allow for new interactions and understandings of the archival material, and to develop further outputs.</p> <p>The final form of this project manifested in a custom built server using parts sourced from within the community, custom build software to add to the archive, as well as a possible example of the how to re-activate its contents. The
server is a Linux system running Debian which hosts a Mediawiki which serves as an interface to the documents in the archive only accessible within the Poortgebouw. Documents are entered into the archive through a command line interface on
the server itself, which asks the archivist questions about the document being added, such as categoies, themes, players involved, and the date. The Autonomous Archive then scans the document, and through Optical Character Recognition
(OCR) translates the grpahic into editable text, translates it from dutch to english and uploads it onto the wiki in its various new formats.</p>
<p>The final form of this project manifested in a custom built server using parts sourced from within the community, custom build software to add to the archive, as well as a possible example of the how to re-activate its contents. The server is a Linux system running Debian which hosts a Mediawiki which serves as an interface to the documents in the archive only accessible within the Poortgebouw. Documents are entered into the archive through a command line interface on the server itself, which asks the archivist questions about the document being added, such as categoies, themes, players involved, and the date. The Autonomous Archive then scans the document, and through Optical Character Recognition (OCR) translates the grpahic into editable text, translates it from dutch to english and uploads it onto the wiki in its various new formats.</p> <p>As an example of a possible re-activation of the archive, we also developed a way to print a booklet which includes all the content of the wiki. As the Autonomous Archive is only accessible from within the living community, this generated
document acted as a way we were able to distribute our ideologies and methodologies employed within the creation and application of the Autonomous Archive.</p>
<p>As an example of a possible re-activation of the archive, we also developed a way to print a booklet which includes all the content of the wiki. As the Autonomous Archive is only accessible from within the living community, this generated document acted as a way we were able to distribute our ideologies and methodologies employed within the creation and application of the Autonomous Archive.</p> <p>This project is still alive today, and has since manifested in a Master's project within the Experimental Publishing pathway at the Piet Zwart institute in their 4th Special Issue, and presented again within the Temporary Autonomous
Bureau in 2018 at TENT gallery in Rotterdam.</p>
<p>This project is still alive today, and has since manifested in a Master's project within the Experimental Publishing pathway at the Piet Zwart institute in their 4th Special Issue, and presented again within the Temporary Autonomous Bureau in 2018 at TENT gallery in Rotterdam.</p> <img src="../assets/other/autonomousArchive/aa1-web.jpg" style="float: right; width: 50%; height: auto;">
<img src="../assets/other/autonomousArchive/aa1-web.jpg" style="float: right; width: 50%; height: auto;"> <img src="../assets/other/autonomousArchive/aa7-web.jpg" style="margin-top: 10px;">
<img src="../assets/other/autonomousArchive/aa7-web.jpg" style="margin-top: 10px;"> <img src="../assets/other/autonomousArchive/aa8-web.jpg" style="margin-top: 10px;">
<img src="../assets/other/autonomousArchive/aa8-web.jpg" style="margin-top: 10px;"> <img src="../assets/other/autonomousArchive/aa12-web.jpg" style="margin-top: 10px;">
<img src="../assets/other/autonomousArchive/aa12-web.jpg" style="margin-top: 10px;"> <img src="../assets/other/autonomousArchive/aa13-web.jpg" style="margin-top: 10px;">
<img src="../assets/other/autonomousArchive/aa13-web.jpg" style="margin-top: 10px;"> <img src="../assets/other/autonomousArchive/aa14-web.jpg" style="margin-top: 10px;">
<img src="../assets/other/autonomousArchive/aa14-web.jpg" style="margin-top: 10px;"> <img src="../assets/other/autonomousArchive/aa17-web.jpg" style="margin-top: 10px;">
<img src="../assets/other/autonomousArchive/aa17-web.jpg" style="margin-top: 10px;"> <img src="../assets/other/autonomousArchive/aa19-web.jpg" style="margin-top: 10px;">
<img src="../assets/other/autonomousArchive/aa19-web.jpg" style="margin-top: 10px;"> <img src="../assets/other/autonomousArchive/aa20-web.jpg" style="margin-top: 10px;">
<img src="../assets/other/autonomousArchive/aa20-web.jpg" style="margin-top: 10px;"> <img src="../assets/other/autonomousArchive/aa4-web.jpg" style="margin-top: 10px; width: 50%; height: auto;">
<img src="../assets/other/autonomousArchive/aa4-web.jpg" style="margin-top: 10px; width: 50%; height: auto;"> </section>
</section> <section class="work imgs">
<img src="../assets/other/autonomousArchive/20171110_0061.jpg">
<section class="work imgs"> <img src="../assets/other/autonomousArchive/Print1.jpg">
<img src="../assets/other/autonomousArchive/20171110_0061.jpg">
<img src="../assets/other/autonomousArchive/Print1.jpg"> <img src="../assets/other/autonomousArchive/Files-terminal.png">
<img src="../assets/other/autonomousArchive/Files-terminal.png"> <img src="../assets/other/autonomousArchive/web-2.jpg">
<img src="../assets/other/autonomousArchive/web-2.jpg"> <img src="../assets/other/autonomousArchive/web-4.jpg">
<img src="../assets/other/autonomousArchive/web-4.jpg"> <img src="../assets/other/autonomousArchive/web-15.jpg">
<img src="../assets/other/autonomousArchive/web-15.jpg"> <img src="../assets/other/autonomousArchive/20171110_0057.jpg">
</section>
<img src="../assets/other/autonomousArchive/20171110_0057.jpg">
</section>
</body> </body>
</html> </html>

65
work/chagrinWork.html
View File

@ -1,44 +1,71 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>wkflw : adelaïde</title> <title>wkflw : adelaïde</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../css/styles.css"> <link rel="stylesheet" type="text/css" href="../css/styles.css">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.suroh.tk/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head> </head>
<body> <body>
<div class="imgFeat"> <div class="imgFeat">
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/154641685?color=ffffff&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> <div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/154641685?color=ffffff&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" webkitallowfullscreen
</div> mozallowfullscreen allowfullscreen></iframe></div>
<script src="https://player.vimeo.com/api/player.js"></script>
</div>
<header> <header>
<h1>max franklin</h1> <h1>max franklin</h1>
</header> </header>
<a href="https://work.suroh.tk/" id="home"><< home</a> <a href="https://work.suroh.tk/" id="home">
<< home</a> <section class="work text">
<section class="work text">
<h1>Adelaïde</h1> <h1>Adelaïde</h1>
<p>Adelaïde is a reactive music video developed in Processing in 24hrs. It was part of a 24 hour music video challenge in collaboration with Le Gaité Lyrique, and french band Requin Chagrin.</p> <p>Adelaïde is a reactive music video developed in Processing in 24hrs. It was part of a 24 hour music video challenge in collaboration with Le Gaité Lyrique, and french band Requin Chagrin.</p>
<p>The work was done in collaboration with Sanet Stegmann. The visual style was inspired by the Memphis group of artists and designers from the 1960s. All the forms and patterns were generated in processing and were designed to be animated for the video as well as printed.</p> <p>The work was done in collaboration with Sanet Stegmann. The visual style was inspired by the Memphis group of artists and designers from the 1960s. All the forms and patterns were generated in processing and were designed to be animated for
the video as well as printed.</p>
<img src="../assets/other/memphis/memphis1.png" style="width: 30%; height: auto; display: inline;"> <img src="../assets/other/memphis/memphis1.png" style="width: 30%; height: auto; display: inline;">
<img src="../assets/other/memphis/memphis2.png" style="width: 30%; height: auto; display: inline;"> <img src="../assets/other/memphis/memphis2.png" style="width: 30%; height: auto; display: inline;">
<img src="../assets/other/memphis/memphis3.png" style="width: 30%; height: auto; display: inline;"> <img src="../assets/other/memphis/memphis3.png" style="width: 30%; height: auto; display: inline;">
</section> </section>
<section class="work imgs"> <section class="work imgs">
<img src="../assets/other/chagrin/chagrin1.png"> <img src="../assets/other/chagrin/chagrin1.png">
<img src="../assets/other/chagrin/chagrin2.png"> <img src="../assets/other/chagrin/chagrin2.png">
<img src="../assets/other/chagrin/chagrin3.png"> <img src="../assets/other/chagrin/chagrin3.png">
</section> </section>
</body> </body>
</html> </html>

22
work/euclidWork.html
View File

@ -8,6 +8,28 @@
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print"> <link rel="stylesheet" type="text/css" href="../css/print.css" media="print">
<link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen"> <link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.suroh.tk/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head> </head>
<body> <body>

66
work/fragileMasteryWork.html
View File

@ -1,44 +1,70 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>wkflw : fragile mastery</title> <title>wkflw : fragile mastery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print"> <link rel="stylesheet" type="text/css" href="../css/print.css" media="print">
<link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen"> <link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.suroh.tk/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head> </head>
<body> <body>
<div class="imgFeat"> <div class="imgFeat">
<img src="../assets/other/fragileMastery/POD_Cover.sm.png" alt=""> <img src="../assets/other/fragileMastery/POD_Cover.sm.png" alt="">
</div> </div>
<header> <header>
<h1>max franklin</h1> <h1>max franklin</h1>
</header> </header>
<a href="https://work.suroh.tk/" id="home"><< home</a> <a href="https://work.suroh.tk/" id="home">
<< home</a> <section class="work text">
<section class="work text">
<h1>fragile mastery</h1> <h1>fragile mastery</h1>
<p>Fragile Mastery is structured around conversations I had with my peers who are improvising musicians, supported by research on software, improvisation, and collective practices. These bodies of research are applied to my own works and my improvisational practice involving software and music. My interest in software and improvisation has lead me to ask, how can improvisation augment my practice involving music and software?</p> <p>Fragile Mastery is structured around conversations I had with my peers who are improvising musicians, supported by research on software, improvisation, and collective practices. These bodies of research are applied to my own works and my
improvisational practice involving software and music. My interest in software and improvisation has lead me to ask, how can improvisation augment my practice involving music and software?</p>
<p>Fragile Mastery is the title of my master's thesis which now forms the basis of my work outside of a performance practice. Manifestations of this research have taken the form of printed material, digital intrusions into music performance tools and spaces, installations, and sound recordings. It also heavily influences my pedagogical pursuits where I try and re-consider implications of mastery and value within the insitutions of a university, classroom, workshop or residency.</p> <p>Fragile Mastery is the title of my master's thesis which now forms the basis of my work outside of a performance practice. Manifestations of this research have taken the form of printed material, digital intrusions into music performance
tools and spaces, installations, and sound recordings. It also heavily influences my pedagogical pursuits where I try and re-consider implications of mastery and value within the insitutions of a university, classroom, workshop or residency.</p>
<p>My thesis is freely available ony my <a href="https://git.suroh.tk/" target="_blank">git repository</a>. It was designed for print using all open source tools, and generated using custom scripts which can also be found on my git.</p> <p>My thesis is freely available ony my <a href="https://git.suroh.tk/" target="_blank">git repository</a>. It was designed for print using all open source tools, and generated using custom scripts which can also be found on my git.</p>
</section> </section>
<section class="work imgs"> <section class="work imgs">
<img src="../assets/other/fragileMastery/thumb-gradInstallation.jpg"> <img src="../assets/other/fragileMastery/thumb-gradInstallation.jpg">
<!-- <object data="../assets/imgs/headhunter.svg" type="image/svg+xml"></object> <!-- <object data="../assets/imgs/headhunter.svg" type="image/svg+xml"></object>
<object data="../assets/imgs/theKing.svg" type="image/svg+xml"></object> --> <object data="../assets/imgs/theKing.svg" type="image/svg+xml"></object> -->
</section> </section>
</body> </body>
</html> </html>

22
work/postoastWork.html
View File

@ -8,6 +8,28 @@
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print"> <link rel="stylesheet" type="text/css" href="../css/print.css" media="print">
<link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen"> <link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.suroh.tk/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head> </head>
<body> <body>

71
work/soloWork.html
View File

@ -1,47 +1,76 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>wkflw : solo</title> <title>wkflw : solo</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../css/print.css" media="print"> <link rel="stylesheet" type="text/css" href="../css/print.css" media="print">
<link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen"> <link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen">
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u = "//analytics.suroh.tk/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '1']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.type = 'text/javascript';
g.async = true;
g.defer = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<!-- End Matomo Code -->
</head> </head>
<body> <body>
<div class="imgFeat"> <div class="imgFeat">
<img src="../assets/audio/solo/thumb-_DSC5695.png"> <img src="../assets/audio/solo/thumb-_DSC5695.png">
</div> </div>
<header> <header>
<h1>max franklin</h1> <h1>max franklin</h1>
</header> </header>
<a href="https://work.suroh.tk/" id="home"><< home</a> <a href="https://work.suroh.tk/" id="home">
<< home</a> <section class="work text">
<section class="work text">
<h1>Solo</h1> <h1>Solo</h1>
<p>My solo practice embraces the unstable nature of improvisation in software and in music. I aim to examine the agency that improvisation can provide in the context of creative software and performance. I build custom software that acts both as an instrument and collaborator which I perform alongside with a combination of digital hardware and traditional musical instruments. Through the employment of these tools I challenge my ingrained jazz improvisational training, and examine creative relationships we can have with machines.</p> <p>My solo practice embraces the unstable nature of improvisation in software and in music. I aim to examine the agency that improvisation can provide in the context of creative software and performance. I build custom software that acts both
as an instrument and collaborator which I perform alongside with a combination of digital hardware and traditional musical instruments. Through the employment of these tools I challenge my ingrained jazz improvisational training, and examine
creative relationships we can have with machines.</p>
<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/471930894&color=%23333333&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe> <iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/471930894&color=%23333333&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe>
<p>My improvisations to date have included hacking MIDI controllers and playing with audio analysis. Such approaches deconstruct my traditional musical training on the saxophone as I find myself attempting to embody routines as defined by software. It is either the programming of my years of formal music training, or a conceived imposition by the "perfection" of technology that makes me question my agency, and even my role as an interactor.</p> <p>My improvisations to date have included hacking MIDI controllers and playing with audio analysis. Such approaches deconstruct my traditional musical training on the saxophone as I find myself attempting to embody routines as defined by
software. It is either the programming of my years of formal music training, or a conceived imposition by the "perfection" of technology that makes me question my agency, and even my role as an interactor.</p>
<p>My performance practice is coupled with research that takes many other forms, where I engage in discussion around agencies a wider adoption of improvisation could provide. Building these instruments is an extension of my improvisational method, which acts as a form of liberation against the standardisation of both musical practices and software development. By employing improvisation towards the development of my tools, I expose the agencies that it might afford us in realms outside of creative practices, and how they might be used to combat outdated structures of hierarchy and value.</p> <p>My performance practice is coupled with research that takes many other forms, where I engage in discussion around agencies a wider adoption of improvisation could provide. Building these instruments is an extension of my improvisational
method, which acts as a form of liberation against the standardisation of both musical practices and software development. By employing improvisation towards the development of my tools, I expose the agencies that it might afford us in
realms outside of creative practices, and how they might be used to combat outdated structures of hierarchy and value.</p>
<p>All of the code is freely accessible on my git repository here : <a href="https://git.suroh.tk">git.suroh.tk</a>.</p> <p>All of the code is freely accessible on my git repository here : <a href="https://git.suroh.tk">git.suroh.tk</a>.</p>
<iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/476223060&color=%23333333&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true"></iframe> <iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/476223060&color=%23333333&auto_play=false&hide_related=true&show_comments=false&show_user=true&show_reposts=false&show_teaser=true"></iframe>
</section> </section>
<section class="work imgs"> <section class="work imgs">
<img src="../assets/audio/solo/patch.png"> <img src="../assets/audio/solo/patch.png">
<img src="../assets/audio/solo/thumb-_DSC5654.png"> <img src="../assets/audio/solo/thumb-_DSC5654.png">
</section> </section>
</body> </body>
</html> </html>