6918dfddce
Takes the contents of the latest event and renders mailchimp-friendly html on /newsletter_content/ that can be inserted in a code block into mailchimp easily
470 lines
14 KiB
HTML
470 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width initial-scale=1">
|
||
|
||
<title>Scope Sessions Artist talks & media salon</title>
|
||
<meta name="description" content="">
|
||
<link rel="canonical" href="http://scopesessions.org/2011/07/07/Scope001.html">
|
||
<link rel="alternate" type="application/atom+xml" title="Scope Sessions Artist talks & media salon" href="http://scopesessions.org /feed.xml " />
|
||
|
||
<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
|
||
<link rel="stylesheet" href="/bower_components/vegas/dist/jquery.vegas.min.css" type="text/css" />
|
||
<link rel="stylesheet" href="/bower_components/fontawesome/css/font-awesome.min.css" type="text/css" />
|
||
<link rel="stylesheet" href="/bower_components/picbookjs/css/picbook.css" type="text/css" />
|
||
<link rel="stylesheet" href="/css/custom.css" type="text/css" >
|
||
<link rel="stylesheet" href="/css/hover.css" type="text/css" >
|
||
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
|
||
|
||
<script src="/bower_components/jquery/dist/jquery.min.js" type="text/javascript" ></script>
|
||
<script src="/bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
|
||
<script src="/bower_components/vegas/dist/jquery.vegas.min.js" type="text/javascript"></script>
|
||
<script src="/bower_components/picbookjs/js/picbook.min.js" type="text/javascript"></script>
|
||
<script src="/js/jquery.imagefill.min.js" type="text/javascript" ></script>
|
||
<script src="/js/jquery.cookie.js" type="text/javascript" ></script>
|
||
<script src="/js/scrollIt.min.js" type="text/javascript" ></script>
|
||
<script src="/js/custom.js" type="text/javascript" ></script>
|
||
|
||
</head>
|
||
|
||
|
||
<body>
|
||
|
||
<nav class="navbar navbar-default navbar-fixed-top">
|
||
|
||
<div class="container-fluid">
|
||
|
||
<div class="navbar-header">
|
||
<a class="navbar-brand" href="/">
|
||
<img alt="Logo" src="/assets/scope_logo.png">
|
||
</a>
|
||
|
||
<!-- For desktop -->
|
||
<div class="hidden-xs">
|
||
|
||
|
||
<a href="/" class="menu-icon-big navbar-text left"><i class="fa fa-angle-left"></i> Back</a>
|
||
|
||
|
||
<!-- Up button -->
|
||
<a class="top-button navbar-text right button hvr-sweep-to-top" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
|
||
|
||
<!-- Pages -->
|
||
|
||
|
||
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/call-for-talks/">Call for talks</a>
|
||
|
||
|
||
|
||
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/artists/">Artists</a>
|
||
|
||
|
||
|
||
<a class="header-btn navbar-text right button menu-icon hvr-sweep-to-top" href="/about/">About</a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<!-- For mobile -->
|
||
<div class="visible-xs-inline">
|
||
|
||
|
||
<a href="/" class="menu-icon-big navbar-text left "><i class="fa fa-angle-left"></i> Back</a>
|
||
|
||
|
||
<!-- Up button -->
|
||
<a class="top-button menu-icon-big navbar-text right" data-scroll-nav="1"><i class="fa fa-arrow-up"></i></a>
|
||
|
||
<!-- Pages -->
|
||
|
||
|
||
|
||
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/call-for-talks/"><i class="fa fa-sign-in"></i></a>
|
||
|
||
|
||
|
||
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/artists/"><i class="fa fa-user"></i></a>
|
||
|
||
|
||
|
||
<a class="menu-icon-big navbar-text right button hvr-sweep-to-top" href="/about/"><i class="fa fa-info"></i></a>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</nav>
|
||
|
||
<div class="container-fluid navigator">
|
||
<div class="row">
|
||
<div class="col-md-6 col-md-offset-1">
|
||
|
||
<h4><i class="fa fa-calendar"></i> #43 / May 14th, 2015 @ <a class="highlight button hvr-sweep-to-top" href="">Panke</a></h4>
|
||
|
||
|
||
<div class="upcoming row">
|
||
|
||
<div class="col-md-2">
|
||
<div class="upcoming-media">
|
||
|
||
<img src=/images/AlonaRodeh.SafeandSoundIndex.Kids.jpg></img>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-10">
|
||
<div class="upcoming-detail">
|
||
<p><a class="button hvr-sweep-to-top" href="http://www.alonarodeh.com">Alona Rodeh</a> <br/> Safe and Sound: a personal reflection on the nature of alarming systems </p>
|
||
<p class="small-text">Alona Rodeh was born in 1979 in Israel and is based in Tel Aviv and Berlin. Holding an MFA from the Bezalel Academy of Art and Design (2009), Rodeh has presented large-scale commissioned projects and solo shows at several international venues including Herzliya Museum of Contemporary Art (Herzliya, 2014), Künstlerhaus Bethanien (Berlin, 2014), Helena Rubinstein Pavilion (Tel Aviv Museum, 2013), The Center for Contemporary Art (Tel Aviv, 2013), Plug In ICA (Winnipeg, 2012), and The Israeli Center for Digital Art (Holon, 2012). Rodeh has performed at the 54th Venice Biennial and The Israel Museum in Jerusalem. From 2013-2014, she was artist-in-residence at Künstlerhaus Bethanien, Berlin. Alona Rodeh’s diverse practice uses a wide range of media, testing systems and cultural phenomena by agitating objects, spaces and situations into choreographed performances.</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="upcoming row">
|
||
|
||
<div class="col-md-2">
|
||
<div class="upcoming-media">
|
||
|
||
<img src=/images/tumblr_njlz54nFYj1rfsgueo1_1280.jpg></img>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-10">
|
||
<div class="upcoming-detail">
|
||
<p><a class="button hvr-sweep-to-top" href="http://theresabaumgartner.com">Theresa Baumgartner,Alis</a> <br/> Warped vision </p>
|
||
<p class="small-text">Alis and I will present a short live set. After that I will talk abut the idea, concept and technical approach of the visual part</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="upcoming row">
|
||
|
||
<div class="col-md-2">
|
||
<div class="upcoming-media">
|
||
|
||
<img src=/images/7f8ca7c45e7cb962e3e85b170beadc60.png></img>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-10">
|
||
<div class="upcoming-detail">
|
||
<p><a class="button hvr-sweep-to-top" href="http://susisie.de/">Susi Sie</a> <br/> Between Art & Science </p>
|
||
<p class="small-text">My background / how I came to the idea of filming analog moving structures / showing master films / showing making of scenes and describing the process / struggle between artwork and client work</p>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="col-md-4">
|
||
<!-- <h4><i class="fa fa-search"></i> Browse by topic</h4>
|
||
-->
|
||
<h4><i class="fa fa-sign-in"></i> Participate</h4>
|
||
<p>Do you like to share your work as visual artist with our audience? Fill the form on our <a class="button hvr-sweep-to-top" href="/call-for-talks/">
|
||
Call for Talks section.</a>
|
||
<div class="row">
|
||
<div class="col-md-7">
|
||
<h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
|
||
<!-- Begin MailChimp Signup Form -->
|
||
<!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> -->
|
||
<div id="mc_embed_signup">
|
||
<form action="//scopesessions.us4.list-manage.com/subscribe/post?u=81466f386ca5ae4d818e3f092&id=fa704d0d26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
|
||
<div id="mc_embed_signup_scroll">
|
||
<div class="mc-field-group">
|
||
<label for="mce-EMAIL">Email Address
|
||
</label>
|
||
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
|
||
</div>
|
||
<div id="mce-responses" class="clear">
|
||
<div class="response" id="mce-error-response" style="display:none"></div>
|
||
<div class="response" id="mce-success-response" style="display:none"></div>
|
||
</div>
|
||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||
<div style="position: absolute; left: -5000px;">
|
||
<input type="text" name="b_81466f386ca5ae4d818e3f092_fa704d0d26" tabindex="-1" value="">
|
||
</div>
|
||
<div class="clear">
|
||
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
|
||
<script type='text/javascript'>
|
||
(function($) {
|
||
window.fnames = new Array();
|
||
window.ftypes = new Array();
|
||
fnames[0] = 'EMAIL';
|
||
ftypes[0] = 'email';
|
||
fnames[1] = 'FNAME';
|
||
ftypes[1] = 'text';
|
||
fnames[2] = 'LNAME';
|
||
ftypes[2] = 'text';
|
||
}(jQuery));
|
||
var $mcj = jQuery.noConflict(true);
|
||
</script>
|
||
|
||
</div>
|
||
<div class="col-md-5">
|
||
<h4><i class="fa fa-share-alt"></i> Spread the word</h4>
|
||
<div class="share-page">
|
||
<ul>
|
||
<li><a class="button hvr-sweep-to-top" href="https://twitter.com/intent/tweet?text=Scope Sessions Artist talks & media salon&url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Twitter"><i class="fa fa-twitter"></i></a></li>
|
||
<li><a class="button hvr-sweep-to-top" href="https://facebook.com/sharer.php?u=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Facebook"><i class="fa fa-facebook"></i></a></li>
|
||
<li><a class="button hvr-sweep-to-top" href="https://plus.google.com/share?url=http://scopesessions.org" rel="nofollow" target="_blank" title="Share on Google+"><i class="fa fa-google-plus"></i></a></li>
|
||
<li><a class="button hvr-sweep-to-top" href="http://pinterest.com/pin/create/button/?url=http://scopesessions.org&description=Scope Sessions Artist talks & media salon" rel="nofollow" target="_blank" title="Share on Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="content container-fluid">
|
||
<div class="content container-fluid">
|
||
|
||
<article>
|
||
|
||
<div class="row">
|
||
|
||
<div class="transp-bg padded event-info col-md-2 col-md-offset-1">
|
||
|
||
<div class="event-date">
|
||
<h3>#1</h3>
|
||
<h4>July 07th, 2011</h4>
|
||
</div>
|
||
|
||
<div class="padded_vert">
|
||
<ul>
|
||
|
||
|
||
|
||
|
||
<li>video-mapping</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li>photography</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li>Sequencing</li>
|
||
|
||
<li>QuartzComposer</li>
|
||
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="padded_vert">
|
||
|
||
<ul>
|
||
<li><a class="highlight button hvr-sweep-to-top" href= target="_blank">Atelier Äuglein</a></li>
|
||
|
||
<li><a class="highlight button hvr-sweep-to-top" target="_blank" href=><i class="fa fa-facebook-square"></i></a></li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="event event-1 dark_bg col-md-7">
|
||
|
||
|
||
|
||
<div class="talk col-md-4">
|
||
|
||
<div class="artist-media">
|
||
|
||
<img src=/images/DSC_3475-480x321.jpg></img>
|
||
|
||
</div>
|
||
|
||
<div class="talk-detail">
|
||
<h4>Arran Hearn / </h4>
|
||
|
||
<p>Australian designer and artist Arran Hearn showcased his video-mapping work titled “isometric cubes” and Julien Bach of Atelier Überall presented a whole workflow for mapping onto them, with both 2D & 3D templates.</p>
|
||
|
||
|
||
|
||
<a class="button hvr-sweep-to-top" href=http://numode.net/ target="_blank"><i class="fa fa-link"></i> Website</a>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<div class="talk col-md-4">
|
||
|
||
<div class="artist-media">
|
||
|
||
<img src=/images/DSC_3498-480x321.jpg></img>
|
||
|
||
</div>
|
||
|
||
<div class="talk-detail">
|
||
<h4>Aude Françoise / </h4>
|
||
|
||
<p>Aude Françoise video artist working on a project of argentic black and white fotography with long exposure, exploring the metamorphosis of the body acting with white elements…</p>
|
||
|
||
|
||
|
||
<a class="button hvr-sweep-to-top" href=http://aude-f.com/ target="_blank"><i class="fa fa-link"></i> Website</a>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<div class="talk col-md-4">
|
||
|
||
<div class="artist-media">
|
||
|
||
<img src=/images/DSC_3506-480x321.jpg></img>
|
||
|
||
</div>
|
||
|
||
<div class="talk-detail">
|
||
<h4>Pixelnoizz / </h4>
|
||
|
||
<p>Media artist and programmer David Szauder aka. pixelnoizz presented his QuartzComposer based tool “get control”. This was the first public presentation of the software as proof of concept that will show live video sequencing and frame manipulation with a drawing tablet and further aspects (live effecting, glitching and more).</p>
|
||
|
||
|
||
|
||
<a class="button hvr-sweep-to-top" href=https://pixelnoizz.wordpress.com/ target="_blank"><i class="fa fa-link"></i> Website</a>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<div class="row">
|
||
|
||
<div class="nav_bottom dark_bg col-md-7 col-md-offset-3">
|
||
|
||
<h4>Discover more</h4>
|
||
|
||
|
||
<a class="button hvr-sweep-to-top right" href=/2011/07/21/Scope002.html>#2: July 21st, 2011 </a>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</article>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<footer class="footer dark_bg">
|
||
|
||
<div class="container-fluid">
|
||
<div class="row">
|
||
<div class="col-md-7 col-md-offset-3">
|
||
<div class="footer-social">
|
||
<ul>
|
||
<li><a href="mailto:mail@scopesessions.org"><i class="fa fa-envelope-o"></i></a>
|
||
</li>
|
||
<li><a href=" /feed.xml "><i class="fa fa-rss-square"></i></a>
|
||
</li>
|
||
<li><a href="https://www.facebook.com/scopesessions"><i class="fa fa-facebook-square"></i></a>
|
||
</li>
|
||
<!-- <li><a href="https://github.com/ScopeSessions"><i class="fa fa-github-square"></i></a>
|
||
</li> -->
|
||
</ul>
|
||
</div>
|
||
<div class="footer-support">
|
||
<ul>
|
||
<li>
|
||
<h4>Support from</h4>
|
||
</li>
|
||
<li>
|
||
<a href="http://pankeculture.com" target="_blank">
|
||
<img src="/assets/panke_logo.png"></img>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://pankeculture.com" target="_blank">
|
||
<img src="/assets/troika_logo.png"></img>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://www.nkprojekt.de/" target="_blank">
|
||
<img src="/assets/nk_logo.png"></img>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="http://www.atelier-aeuglein.de" target="_blank">
|
||
<img src="/assets/aa_logo.png"></img>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
|
||
</body>
|
||
|
||
</html>
|