72 lines
2.5 KiB
HTML
Executable File
72 lines
2.5 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>wkflw : adelaïde</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>
|
|
|
|
<body>
|
|
|
|
<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>
|
|
|
|
<header>
|
|
<h1>max franklin</h1>
|
|
</header>
|
|
|
|
<a href="https://work.suroh.tk/" id="home">
|
|
<< home</a> <section class="work text">
|
|
<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>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/memphis2.png" style="width: 30%; height: auto; display: inline;">
|
|
<img src="../assets/other/memphis/memphis3.png" style="width: 30%; height: auto; display: inline;">
|
|
|
|
</section>
|
|
|
|
<section class="work imgs">
|
|
<img src="../assets/other/chagrin/chagrin1.png">
|
|
|
|
<img src="../assets/other/chagrin/chagrin2.png">
|
|
|
|
<img src="../assets/other/chagrin/chagrin3.png">
|
|
</section>
|
|
|
|
</body>
|
|
|
|
</html>
|