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

changes for forecast submission. todo: check they are not site breaking before push

This commit is contained in:
suroh 2019-03-15 12:53:24 +01:00
parent dc2a4084ea
commit 48162f426e
8 changed files with 255 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/audio/postoast/ww_topDown.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 298 KiB

103
css/print.css
View File

@ -0,0 +1,103 @@
@import url('https://fontlibrary.org/face/hk-grotesk');
body {
grid-gap: 15px;
margin: 0px;
padding: 0px;
width: 100%;
font-family: 'HankenGroteskLight', sans-serif;
font-weight: 400;
font-size: 12pt;
color: #000;
}
@page {
size: A4;
margin: 10mm 20mm 15mm;
}
header {
display: none;
visibility: hidden;
}
img { max-width: 100%; }
/* WORK INPAGE */
a#home {
display: none;
visibility: hidden;
}
.work.text {
width: 63%;
float: right;
}
.work.text>h1 {
transform: rotate(0);
font-size: 4em;
left: -75px;
top: -100px;
margin: 0;
padding: 0;
color: #FF670F;
}
.work.imgs {
width: 35%;
display: block;
float: left;
}
.work.imgs img {
max-width: 100%;
height:auto;
}
div.imgFeat {
position: relative;
}
.imgFeat>img {
max-width: 100%;
}
iframe {
display: none;
visibility: hidden;
}
object {
display: none;
visibility: hidden;
}
/* CV */
#me {
margin: 10mm 0mm;
width: 75%;
}
#me h2 {
font-size: 3em;
margin: 0 0 0mm;
}
#edu, #prof, #things, #music {
margin: 10mm 10mm 0mm;
}
#cv ul, #cv ul li, #cv p {
break-inside: avoid;
}
#cv ul li {
list-style: none;
margin-bottom: 1em;
}
#cv ul>em:first-child {
position: relative;
left: -20px;
}

47
css/styles.css
View File

@ -211,3 +211,50 @@ div.imgFeat {
.imgFeat > img { .imgFeat > img {
max-width: 100%; max-width: 100%;
} }
/* CV */
#me {
padding: 5px;
grid-column: 2 / 5;
grid-row: 1 / 2;
}
#me h2 {
font-size: 3em;
margin: 0;
}
#edu {
padding: 5px;
grid-column: 2 / span 2;
grid-row: 3;
}
#prof {
padding: 5px;
grid-column: 2 / span 2;
grid-row: 4;
}
#things {
padding: 5px;
grid-column: 4 / span 3;
grid-row: 3 / 7;
}
#music {
padding: 5px;
grid-column: 7 / span 3;
grid-row: 3 / 5;
}
#cv ul li {
list-style: none;
margin-bottom: 1em;
}
#cv ul > em:first-child {
position: relative;
left: -20px;
}

61
cv.html
View File

@ -1,25 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>wkflw : about</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"> <link rel="stylesheet" type="text/css" href="css/styles.css" media="screen">
</head> </head>
<body> <body id="cv">
<section> <section id="me">
<h2>Max Franklin</h2> <h2>Max Franklin</h2>
<div id="me"> <em>max.e.franklin@gmail.com</em><br>
<em>max.e.franklin@gmail.com</em> <em>+33 (0) 7 66 14 33 99</em>
<p>Currently based in the Paris, France teaching and performing improvised software publications.</p>
<img id="myface" src="assets/cv/Max small.png">
</div>
</section> </section>
<section id="edu"> <section id="edu">
@ -34,26 +29,6 @@
Bachelor Jazz Performance (Saxophone) &amp; Creative Sound Engineering</p> Bachelor Jazz Performance (Saxophone) &amp; Creative Sound Engineering</p>
</section> </section>
<section id="prof">
<h3>Professional Experience</h3>
<p><em>Paris College of Art</em><br>
2014 - current // Paris, FR<br>
Faculty Member in Foundation, Communication Design and Master's in Transdisciplinary New Media Departments</p>
<p><em>Willem de Kooning Academie</em><br>
2018 // Rotterdam, NL<br>
Publication Station teaching and technical assistant</p>
<p><em>Freelance Graphic Designer</em><br>
2009 – 2014 // Sydney, AU<br>
Web-design, poster and album design</p>
<p><em>Linear Recording</em><br>
2009 – 2010 // Sydney, AU<br>
Assistant Sound Engineer</p>
</section>
<section id="things"> <section id="things">
<h3>Things</h3> <h3>Things</h3>
@ -137,5 +112,29 @@
Leftfield jazz trio</p> Leftfield jazz trio</p>
</section> </section>
<section id="prof">
<h3>Professional Experience</h3>
<p><em>Paris College of Art</em><br>
2014 - current // Paris, FR<br>
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>
2018 - current // Paris, FR<br>
Faculty Member in Graphic Design department</p>
<p><em>Willem de Kooning Academie</em><br>
2018 // Rotterdam, NL<br>
Publication Station teaching and technical assistant</p>
<p><em>Freelance Graphic Designer</em><br>
2009 – 2014 // Sydney, AU<br>
Web-design, poster and album design</p>
<p><em>Linear Recording</em><br>
2009 – 2010 // Sydney, AU<br>
Assistant Sound Engineer</p>
</section>
</body> </body>
</html> </html>

24
work/euclidWork.html
View File

@ -1,25 +1,28 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>wkflw : euclid</title> <title>wkflw : euclid</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/print.css" media="print">
<link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen">
</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/213907704?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/213907704?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> -->
<img src="../assets/other/tetra/playingTetra.jpg" style="margin-top: 20mm;">
</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>Euclid</h1> <h1>Euclid</h1>
<p>Tetra Gamma Circulaire 3 was a collaborative work between De Player and the Experimental Publishing Master's path at the Piet Zwart Institute.</p> <p>Tetra Gamma Circulaire 3 was a collaborative work between De Player and the Experimental Publishing Master's path at the Piet Zwart Institute.</p>
@ -30,9 +33,13 @@
<object data="../assets/other/tetra/euclid.svg" type="image/svg+xml"></object> <object data="../assets/other/tetra/euclid.svg" type="image/svg+xml"></object>
<p>My piece, Euclid, is an improvisational instrument that aims to explore musical improvisational exploration. It is designed to allow the player to explore its musical possibilities, while requiring active experimentation to master its interface. The music produced by Euclid are based upon Euclidian rhythms, a mathematical system that generates traditional rhythmic patterns. Rather than a noise instrument, the musicality encourages continuous compositional exploration and creates a dialogue between performer and instrument.</p> <p>My piece, Euclid, is an improvisational instrument that aims to explore musical improvisational exploration. It is designed to allow the player to explore its musical possibilities, while requiring active experimentation to master its
interface. The music produced by Euclid are based upon Euclidian rhythms, a mathematical system that generates traditional rhythmic patterns. Rather than a noise instrument, the musicality encourages continuous compositional exploration and
creates a dialogue between performer and instrument.</p>
<p>The instrument is controlled via a series of touch conductive points. These points work very differently depending on the environmental, and individual conductivity of the player. The instrument therefore has been designed to adjust and learn from the player as the performance progresses. In turn the performer must learn the unique situationally affected intricacies of the instrument, as well as their own affects, allowing for very different performances of the instrument each time.</p> <p>The instrument is controlled via a series of touch conductive points. These points work very differently depending on the environmental, and individual conductivity of the player. The instrument therefore has been designed to adjust and
learn from the player as the performance progresses. In turn the performer must learn the unique situationally affected intricacies of the instrument, as well as their own affects, allowing for very different performances of the instrument
each time.</p>
<p>The end result was an interactive, improvisational, chaotic music machine. Its score, a mash of software and numbers, humanly unintelligible, and musically irreproducible.</p> <p>The end result was an interactive, improvisational, chaotic music machine. Its score, a mash of software and numbers, humanly unintelligible, and musically irreproducible.</p>
@ -42,11 +49,10 @@
<section class="work imgs"> <section class="work imgs">
<img src="../assets/other/tetra/tetra.jpg"> <img src="../assets/other/tetra/tetra.jpg">
<img src="../assets/other/tetra/playingTetra.jpg">
<img src="../assets/other/tetra/euclidianGenerator_mk2.png"> <img src="../assets/other/tetra/euclidianGenerator_mk2.png">
</section> </section>
</body> </body>
</html> </html>

14
work/fragileMasteryWork.html
View File

@ -5,11 +5,14 @@
<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/print.css" media="print">
<link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen">
</head> </head>
<body> <body>
<div class="imgFeat" style="background:url('../assets/other/fragileMastery/POD_Cover.sm.png'); background-repeat: none; background-position: center; height: 500px;"></div> <div class="imgFeat">
<img src="../assets/other/fragileMastery/POD_Cover.sm.png" alt="">
</div>
<header> <header>
<h1>max franklin</h1> <h1>max franklin</h1>
@ -26,13 +29,14 @@
<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>
<img src="../assets/other/fragileMastery/thumb-gradInstallation.jpg">
</section> </section>
<section class="work imgs"> <section class="work imgs">
<object data="../assets/imgs/headhunter.svg" type="image/svg+xml"></object> <img src="../assets/other/fragileMastery/thumb-gradInstallation.jpg">
<object data="../assets/imgs/theKing.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> -->
</section> </section>

23
work/postoastWork.html
View File

@ -1,21 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>wkflw : poastoast</title> <title>wkflw : poastoast</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/print.css" media="print">
<link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen">
</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">
<div class="imgFeat">
<img src="../assets/audio/postoast/thumb-FOMORADIO_PostToast.png"> <img src="../assets/audio/postoast/thumb-FOMORADIO_PostToast.png">
</div> </div>
@ -24,17 +26,24 @@
<iframe width="100%" height="120" src="https://www.mixcloud.com/widget/iframe/?hide_cover=1&light=1&feed=%2FRedLightRadio%2Fpost-toast-red-light-radio-04-30-2018%2F" frameborder="0"></iframe> <iframe width="100%" height="120" src="https://www.mixcloud.com/widget/iframe/?hide_cover=1&light=1&feed=%2FRedLightRadio%2Fpost-toast-red-light-radio-04-30-2018%2F" frameborder="0"></iframe>
<p>Post Toast is an electronic duo currently playing a live meld of hypnotic improvised electronica, techno, hip-hop neo-classical music and down-tempo dystopian futurism. Meeting during our Master's studies Ryan Cherewaty and I found intersecting interests in musical tastes and instrumentation and decided to join forces in our living room.</p> <p>Post Toast is an electronic duo currently playing a live meld of hypnotic improvised electronica, techno, hip-hop neo-classical music and down-tempo dystopian futurism. Meeting during our Master's studies Ryan Cherewaty and I found
intersecting interests in musical tastes and instrumentation and decided to join forces in our living room.</p>
<p>This side project extends my methodology of improvisation in and with software, forcing me further to break from my musical academic training and aesthetics. Post Toast is a moment where I experiment with my ideologies outside of an art music/performance realm. It has since developed from a casual hobby to a formative part of my improvised, software performance practice.</p> <p>This side project extends my methodology of improvisation in and with software, forcing me further to break from my musical academic training and aesthetics. Post Toast is a moment where I experiment with my ideologies outside of an art
music/performance realm. It has since developed from a casual hobby to a formative part of my improvised, software performance practice.</p>
<iframe style="border: 0; width: 100%; height: 621px;" src="https://bandcamp.com/EmbeddedPlayer/album=2317484970/size=large/bgcol=ffffff/linkcol=333333/transparent=true/" seamless><a href="http://posttoast.bandcamp.com/album/fomo-radio-live-set-021318">fomo radio live set 02.13.18 by PostToast</a></iframe> <iframe style="border: 0; width: 100%; height: 621px;" src="https://bandcamp.com/EmbeddedPlayer/album=2317484970/size=large/bgcol=ffffff/linkcol=333333/transparent=true/" seamless><a href="http://posttoast.bandcamp.com/album/fomo-radio-live-set-021318">fomo
radio live set 02.13.18 by PostToast</a></iframe>
<img src="../assets/audio/postoast/ww_topDown.jpg" alt="" style="height: 90mm; width: auto;">
</section> </section>
<section class="work imgs"> <section class="work imgs">
<img src="../assets/audio/postoast/thumb-redlightradio.png"> <img src="../assets/audio/postoast/thumb-redlightradio.png">
</section> </section>
</body> </body>
</html> </html>

3
work/soloWork.html
View File

@ -5,7 +5,8 @@
<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/print.css" media="print">
<link rel="stylesheet" type="text/css" href="../css/styles.css" media="screen">
</head> </head>
<body> <body>