changes for forecast submission. todo: check they are not site breaking before push
This commit is contained in:
suroh
parent
dc2a4084ea
commit
48162f426e
Binary file not shown.
|
After Width: | Height: | Size: 298 KiB |
103
css/print.css
103
css/print.css
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -211,3 +211,50 @@ div.imgFeat {
|
|||
.imgFeat > img {
|
||||
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
61
cv.html
|
|
@ -1,25 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>wkflw : about</title>
|
||||
<title>wkflw : cv</title>
|
||||
|
||||
<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/styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
<body id="cv">
|
||||
|
||||
<section>
|
||||
<section id="me">
|
||||
<h2>Max Franklin</h2>
|
||||
|
||||
<div id="me">
|
||||
<em>max.e.franklin@gmail.com</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>
|
||||
<em>max.e.franklin@gmail.com</em><br>
|
||||
<em>+33 (0) 7 66 14 33 99</em>
|
||||
</section>
|
||||
|
||||
<section id="edu">
|
||||
|
|
@ -34,26 +29,6 @@
|
|||
Bachelor Jazz Performance (Saxophone) & Creative Sound Engineering</p>
|
||||
</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">
|
||||
<h3>Things</h3>
|
||||
|
||||
|
|
@ -137,5 +112,29 @@
|
|||
Leftfield jazz trio</p>
|
||||
</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>
|
||||
</html>
|
||||
|
|
@ -1,25 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>wkflw : euclid</title>
|
||||
|
||||
<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>
|
||||
|
||||
<body>
|
||||
|
||||
<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>
|
||||
|
||||
<header>
|
||||
<h1>max franklin</h1>
|
||||
</header>
|
||||
|
||||
<a href="https://work.suroh.tk/" id="home"><< home</a>
|
||||
|
||||
<section class="work text">
|
||||
<a href="https://work.suroh.tk/" id="home">
|
||||
<< home</a> <section class="work text">
|
||||
<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>
|
||||
|
|
@ -30,9 +33,13 @@
|
|||
|
||||
<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>
|
||||
|
||||
|
|
@ -42,11 +49,10 @@
|
|||
<section class="work imgs">
|
||||
<img src="../assets/other/tetra/tetra.jpg">
|
||||
|
||||
<img src="../assets/other/tetra/playingTetra.jpg">
|
||||
|
||||
<img src="../assets/other/tetra/euclidianGenerator_mk2.png">
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -5,11 +5,14 @@
|
|||
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<img src="../assets/other/fragileMastery/thumb-gradInstallation.jpg">
|
||||
</section>
|
||||
|
||||
|
||||
<section class="work imgs">
|
||||
<object data="../assets/imgs/headhunter.svg" type="image/svg+xml"></object>
|
||||
<object data="../assets/imgs/theKing.svg" type="image/svg+xml"></object>
|
||||
<img src="../assets/other/fragileMastery/thumb-gradInstallation.jpg">
|
||||
|
||||
<!-- <object data="../assets/imgs/headhunter.svg" type="image/svg+xml"></object>
|
||||
<object data="../assets/imgs/theKing.svg" type="image/svg+xml"></object> -->
|
||||
</section>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,40 +1,49 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>wkflw : poastoast</title>
|
||||
|
||||
<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>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>max franklin</h1>
|
||||
</header>
|
||||
|
||||
<a href="https://work.suroh.tk/" id="home"><< home</a>
|
||||
|
||||
<div class="imgFeat">
|
||||
<a href="https://work.suroh.tk/" id="home">
|
||||
<< home</a> <div class="imgFeat">
|
||||
<img src="../assets/audio/postoast/thumb-FOMORADIO_PostToast.png">
|
||||
</div>
|
||||
|
||||
<section class="work text">
|
||||
<h1>POST TOAST</h1>
|
||||
|
||||
<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 class="work imgs">
|
||||
|
||||
<img src="../assets/audio/postoast/thumb-redlightradio.png">
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -5,7 +5,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>
|
||||
<body>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue