solon · June 18, 2019 01:56
diff --git a/thefirstclass.html b/thefirstclass.html
 <!DOCTYPE>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>SFPC: The First Class</title>
 <!-- links to javascript and css -->
 <link href="sfpc.css" rel="stylesheet" type="text/css"/>
 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
 <script src="http://sfpc.io/thefirstclass/libs/jquery-1.9.1.js.pagespeed.jm.It7AQ2eLvN.js" type="text/javascript"></script>
 <script src="http://sfpc.io/thefirstclass/sfpc.js.pagespeed.jm.hKYJAas1n8.js" type="text/javascript"></script>
 </head>
 <body>
 <menu class="main-menu-fixed">
 <div class="logo-wrapper">
 <a class="menu splash" href="#" onclick="return false;"><div class="sfpc-logo">SFPC: The First Class</div></a>
 </div>
 <div class="menu-nav">
 <a class="menu about" href="#" onclick="return false;">About SFPC</a>
 <a class="menu location" href="#" onclick="return false;">Event Information</a>
 <a class="menu duration" href="#" onclick="return false;">Students</a>
 <!-- <a class="menu images" href="#" onclick="return false;">Visit Space</a> -->
 </div>
 </menu>
 <img class="main-logo-box" src="assets/SFPC_type.svg"/>
 <div id="splash-section-wrapper" class="splash-background-1">
 <a name="splash-section-wrapper"/>
 <div class="show-intro-title">
 School for Poetic Computation in partnership with Eyebeam Art and Technology Center present
 </div>
 </div>
 <section id="about-section-wrapper">
 <a name="about-section-wrapper"/>
 <article class="menu-sections-about">
 <ul class="left-wrapper">
 <li class="sfpc-info-link sfpc-info-selected">What is SFPC?</li>
 <li class="sfpc-info-link">SFPC: The First Class</li>
 <li class="sfpc-info-link">Visiting Artists</li>
 </ul>
 </article>
 <article class="right-wrapper right-wrapper-1  right-wrapper-selected">
 <div class="right-wrapper-school-info">
 <p>School for Poetic Computation, or SFPC, is an experimental education and research initiative in the form of a ten week learning environment. It is led by former Eyebeam fellows Zachary Lieberman and Taeyoon Choi with Amit Pitaru and Jen Lowe. In partnership with Eyebeam Art & Technology Center, the school will present SFPC: The First Class from November 20th to 23rd, a survey of unconventional learning processes featuring fifteen artists from their first class.</p>
 <p>Through an open call, SFPC accepted these individuals from diverse backgrounds and locations around the world. Since September 15th, they have occupied a sun light filled loft in downtown Brooklyn attending lectures and workshops and averaging days of 12+ hours spent together. Classes covered topics from basic electronics, programming, math, cooking and walking and were accompanied by a program of guest lectures and workshops offered by leading artists and technologists.These students have produced teaching tools, software and hardware, interventions and provocations, asking questions on the poetics and creative use of computation.</p>
 </div>
 </article>
 <article class="right-wrapper right-wrapper-2">
 <div class="right-wrapper-school-info">
 <p>For SFPC: The First Class, the fifteen students will bring their final week of learning, collaboration and prototyping to Eyebeam. SFPC: The First Class will transform Eyebeam's main exhibition space into a hybrid space of classroom, studio and an exhibition for work in progress and documentation from classes. Participating artists Andy Clymer, Claire Lin, Ishac Bertran, Jason Levine, Jessica Wolpert, Jonathan Dahan, Jonathan Wohl, Le Wei, Mini Kim, Moises Sanabria, Motoi Shimizu, Paul Cheng, Rachel Uwa, Simona De Rosa and Tega Brain will be present at Eyebeam to continue to work throughout the week. SFPC: The First class will be open to the public from November 20th to 23rd, as an open classroom for the wider New York community to glimpse unconventional learning processes. There will be a public reception on the evening of Friday November 22nd, 6~8:30 pm and participatory workshop and discussion on Saturday November 23rd, 1~5 pm.</p>
 </div>
 </article>
 <article class="right-wrapper right-wrapper-3">
 <div class="right-wrapper-school-info">
 <ul class="right-wrapper-visiting-artist">
 <a href="http://worrydream.com/" target="_blank"><li>Bret Victor</li></a>
 <a href="http://nas.sr/" target="_blank"><li>Ramsey Nassar</li></a>
 <a href="http://www.evsc.net/category/home" target="_blank"><li>Eva Schindling</li></a>
 <a href="http://n-e-r-v-o-u-s.com/about_us.php" target="_blank"><li>Jesse Louis-Rosenberg</li></a>
 <a href="http://brianhouse.net/" target="_blank"><li>Brian House</li></a>
 <a href="http://joannemcneil.com/" target="_blank"><li>Joanne McNeil</li></a>
 <a href="http://christinesunkim.com/" target="_blank"><li>Christine Sun Kim</li></a>
 <a href="http://www.sydlieberman.com/" target="_blank"><li>Syd Lieberman</li></a>
 <a href="http://www.magyaradam.com/" target="_blank"><li>Adam Magyar</li></a>
 <a href="http://yang02.org/" target="_blank"><li>Takahiro Yamaguchi</li></a>
 <a href="http://www.onformative.com/" target="_blank"><li>Cederic Kiefer</li></a>
 <a href="http://phiffer.org/" target="_blank"><li>Dan Phiffer</li></a>
 <a href="http://giorgialupi.net/" target="_blank"><li>Giorgia Lupi</li></a>
 </ul>
 <ul class="right-wrapper-visiting-artist">
 <a href="http://www.accurat.it/" target="_blank"><li>Gabriele Rossi</li></a>
 <a href="http://www.moma.org/explore/inside_out/author/pantonelli" target="_blank"><li>Paola Antonelli</li></a>
 <a href="http://tcour.com/" target="_blank"><li>Brian Droitcour</li></a>
 <a href="http://caitlinmorris.net/" target="_blank"><li>Caitlin Morris</li></a>
 <a href="http://www.jacobtonski.com/" target="_blank"><li>Jacob Tonski</li></a>
 <a href="" target="_blank"><li>Ted Heys</li></a>
 <a href="http://swannodette.github.io/" target="_blank"><li>David Nolen </li></a>
 <a href="http://www.fddrsn.net/" target="_blank"><li>Jeff Feddersen </li></a>
 <a href="http://www.jacobgaboury.com/" target="_blank"><li>Jacob Gaboury</li></a>
 <a href="http://lehni.org/" target="_blank"><li>Jürg Lehni</li></a>
 </ul>
 </div>
 </article>
 </section>
 <section id="location-section-wrapper">
 <a name="location-section-wrapper"/>
 <article class="menu-sections-location">
 <ul class="left-wrapper">
 <li class="event-info-link event-info-selected">Events</li>
 <li class="event-info-link">Map</li>
 </ul>
 </article>
 <article class="right-wrapper-event right-wrapper-event-1 right-wrapper-event-selected">
 <div class="right-wrapper-event-info">
 <p>In partnership with Eyebeam Art & Technology Center, the school will present SFPC: The First Class, a survey of unconventional learning processes featuring fifteen artists from their first class.</p>
 <p class="event-partners">Open Classroom November</p>
 <p class="time">20–23, 1–6 P.M. </p>
 <p class="event-partners">Public Reception </p>
 <p class="time">November 22, 6–8 P.M.</p>
 <p class="event-partners">Participatory Workshop & Discussion</p>
 <p class="time"> November 23, 1–5 P.M.</p>
 </div>
 </article>
 <article class="right-wrapper-event right-wrapper-event-2">
 <div class="right-wrapper-event-info">
 <div id="google-map"></div>
 <p class="address address-start">Eyebeam</p>
 <p class="address">540 W 21st St.</p>
 <p class="address">New York, NY</p>
 <p class="address">212.937.6580</p>
 </div>
 </article>
 </section>
 <section id="duration-section-wrapper" class="sfpc-student-1">
 <a name="duration-section-wrapper"/>
 <article class="menu-sections-duration">
 <ul class="left-wrapper">
 <span class="student-tittle">STUDENTS</span>
 <li class="single-student student-info-selected">Simona De Rosa</li>
 <li class="single-student">Le Wei</li>
 <li class="single-student">Jonathan Dahan</li>
 <li class="single-student">Claire Lin</li>
 <li class="single-student">Moises Sanabria</li>
 <li class="single-student">Ishac Bertran</li>
 <li class="single-student">Mini Kim</li>
 <li class="single-student">Andy Clymer</li>
 <li class="single-student">Jonathan Wohl</li>
 <li class="single-student">Rachel Uwa</li>
 <li class="single-student">Paul Cheng</li>
 <li class="single-student">Jason Levine</li>
 <li class="single-student">Motoi Shimizu</li>
 <li class="single-student">Jessica Wolpert</li>
 <li class="single-student">Tega Brain</li>
 </ul>
 </article>
 <article class="right-wrapper-student single-student-1 right-wrapper-student-selected">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://www.simona-derosa.com/" target="_blank">Simona</a> is a designer, observer, researcher and strategist born in south of Italy, now living and working in Berlin at Nokia (HERE Maps). She studied at Polytechnic of Milan, at Design Faculty (2007), during 2009 deeply curious and attracted by the “Next Billion People” she moved to China to pursue a double master degree in Design & Innovation at Tongji University, Shanghai.  Last May, she took part to
 <a class="student-link" href="http://gestaltenspace.tumblr.com/post/51724176169/gestalten-workshop-with-nicolas-felton-thank" target="_blank">The Art of Data-based Visual Narratives</a> by Nicholas Felton, where she had a revealing glimpse on the importance of code: it allows to deal with (big)data sets that go beyond what we can see with normal eyes.
 Realizing that coding is not only about data representation, but actually coding is everywhere: from ordering food, to using an ATM, recording memories, talking to family and friends, Simona believes it’s not too late to learn how to program, because it teaches you how to think!</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-2">
 <div class="right-wrapper-student-info">
 <p>Le studied computer science and human-computer interaction at Carnegie Mellon, and is currently working on web frontend for Google+. She spent most of her life in the baby-small state of Delaware but has also lived in Chicago, Pittsburgh, London, and now San Francisco. She enjoys learning how to make things, both physical and digital.
 <a class="student-link" href="http://www.buttgenerator.com/" target="_blank">Here</a> is the silliest project she’s worked on this year.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-3">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://jedahan.com/" target="_blank">Jonathan Dahan</a> is a hacker of computation machinations, interactive experiences, and electroacoustics. He likes exploring the boundaries of private and public space, and generally causing (mostly harmless) chaos in an attempt to cause a fracture in people’s otherwise regular days.
 Currently working in the Media Lab at the Metropolitan Museum of Art, he helps to empower modern artists to work on their craft, and explore cultural heritage.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-4">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://portfolio.claireraelin.com/" target="_blank">Claire Lin</a> is a New York-based designer working in interactive media. She is interested in creating experiences and interactions that live at the cross-section of digital media and physical space. Most recently, she comes from Studio Rodrigo where she designed web and mobile products for clients like Bedrocket, MTV and This American Life. Previously, she has worked with the LAB at Rockwell Group, Project Projects, as well as Local Projects, where she helped design and create interactive environments for museums and public spaces. She holds a B.F.A. in Graphic Design from School of Visual Arts.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-5">
 <div class="right-wrapper-student-info">
 <p>Born in Caracas, Venezuela, <a class="student-link" href="http://moises404.github.io/" target="_blank">Moises Sanabriais</a> an artist interested in technology, internet culture and contemporary branding. He is one of the co-founders of the new media collectiveArt404 (Art Not Found), whose works often deal with legitimacy, value, and perception. Art404 often uses the online world as a medium for creating works, including projects involving Photoshop, the hacker group Anonymous, and the Sims.
 <a class="student-link" href="http://www.art404.com/" target="_blank">Art404</a> has shown at Transmediale 2k+12 in Berlin, Gucci Vuitton in Miami, Ars Electronica Festival in Austria & Conflux Festival in NYC. Moises is currently attending the Cooper Union for the Advancement of Science and Art, where he is focusing on Interactive 3D graphics and physical computing. He lives and works in New York City.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-6">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://www.ishback.com/" target="_blank">Ishac Bertran</a> is an engineer and designer from Barcelona. He is interested in technology, design and art, and how those disciplines feed our culture.
 Ishac holds an MA in Mechanical Engineering, and graduated from Copenhagen Institute of Interaction Design, where he was also involved as faculty and thesis advisor. He first worked as an R&D engineer in Hewlett-Packard, and later in innovation consultancies for clients such as Toyota or Nestlé. Last year he moved to NYC, where he has done design work for Google, fifty-three and B-Reel. In parallel, Ishac works on self driven projects, exploring technologies, processes, materials and combinations of them. He has recently done experiments in computer-generated photography, fictional forms of interaction and self-published a poetry book written in code. His work has received international recognition (IxDA, Core77 awards) and has been featured in numerous exhibitions and publications (Lift, Salone Internazionale del Mobile, Wired, Fast Company, Make).
 Ishac is always curious about new forms of creative expression and new methods for education - these are just a few reasons why he joined SFPC.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-7">
 <div class="right-wrapper-student-info">
 <p>While exploring diverse career paths, <a class="student-link" href="http://www.minsunmini.com/" target="_blank">Mini Kim</a> fell in love with data visualization. During her free time she would spend hours making sense of the data being created around her. She hopes that her interest in data can ultimately result in impactful work.
 Mini has just finished a year of the Interaction Design MFA program at the School of Visual Arts. She is taking a year off from the program to work at the UNICEF Innovation Unit and to explore her personal interest in art and coding. At UNICEF, Mini works on data visualization and system projects and got to travel to Senegal and Lebanon this summer.
 Now at the School for Poetic Computation, she is looking forward to exploring new ways to express herself through data visualization and become a part of an artistic community. She is ready to learn from others, expand her thoughts and share her knowledge.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-8">
 <div class="right-wrapper-student-info">
 <p>Originally from Southern California, <a class="student-link" href="http://www.andyclymer.com/" target="_blank">Andy Clymer</a> has been living and working in New York City as a Senior Type Designer andDeveloper at the Hoefler & Frere-Jones type foundry for the last eight years. While studying in the Type & Media postgraduate course at the Koninklijke Academie van Beeldende Kunsten (Royal Academy of Art) in The Hague, The Netherlands, Andy became increasingly drawn to the notion that type designers have had for centuries of building one’s own tools for the job — mechanical bits and pieces, historically, and now bits and pieces of software.
 Most recently, Andy has been teaching this approach to design in the Type@Cooper postgraduate program at the Cooper Union in New York City and to undergraduate type design students at the University of Arts in Philadelphia.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-9">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://ideas.jonwohl.com/" target="_blank">Jonathan Wohl</a> is a multidisciplinary artist based in Queens, NY. With an eclectic background in woodworking, video and sound design, the natural sciences, and software development, his work falls at the intersection between art, technology, and social commentary. He has built musical instruments and sonic sculptures, collaborated with dancers and filmmakers, and created politically-themed video games. A recent fascination has been the performative nature of corporate culture.
 Jonathan studied the ephemeral arts and physics at the University of Wisconsin, and is a founding member of <a class="student-link" href="http://notioncollective.com/" target="_blank">The Notion Collective</a>, a group of four collaborating artists currently working in New York City. He has been involved in Farmwork, an art/life practice focused on living holistically and creatively, and is a semi-regular attendee of the yearly Summerwork workshop/retreat.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-10">
 <div class="right-wrapper-student-info">
 <p>Rachel is an artist and organiser working with diverse tech communities in Europe to create educational opportunities for those interested in learning to make and to code.
 Her background is in audio engineering and visual effects and for her the logical next step is moving into programming apps and interactive installation work to make visual effects happen “in the real world”.
 Having previously worked with social justice groups, she feels compelled to help make the tech world less daunting and more diverse and inclusive. Among other projects, she is currently working closely with groups such as <a class="student-link" href="http://www.opentechschool.org/berlin/" target="_blank">OpenTechSchool</a> in Berlin, Germany, where she resides, to realise their next dream: creating a hacker school! Stay tuned.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-11">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://www.ooxxv5.com/" target="_blank">Peng Cheng</a> is a Chinese artist who works with a variety of media, including game, toy, electronics, digital media, and installation. Paul received his bachelor’s degree from Raffles Design Institute in Shanghai.
 In 2007, Paul joined what was then a start-up company Tudou, designing ads and website contents. In 2007 he was awarded “Best Employee at Tudou.”
 To pursue his interest in the interdisciplinary art and cross-cultural experience, Peng is currently completing his Graduate Degree in the Design and Technology Department at Parsons School for Design. He is focusing on the use of new computer technology to explore comparative cultural study through visual media.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-12">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://jasonlevine.ca/" target="_blank">Jason Levine</a> is a musician, performer, and creative coder. On a mission to bridge different artistic disciplines, he sees computation as a universal language for translating and communicating between different mediums. Inspired by improvisation, Jason focuses on the interactive and generative qualities of coding to create real-time software systems for live performance. He is currently on an experimental binge creating music with genetic algorithms, rearranging the pixels of famous images, putting dancers into generative worlds, and creating a body-controlled interactive music creation system.
 Jason has worked extensively as a beatboxer/vocalist accompanying circus shows, street theatre, and contemporary dance. Most recently, Jason has worked as a freelance creative coder, designing interactive visuals for Eryc Taylor Dance, generative art apps for Fragile Tension LLC, and prototyping Kinect interactions for Harmonix’s new game Fantasia:Music Evolved.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-13">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://nuafk.jp/" target="_blank">Motoi Shimizu</a> is a Tokyo-based developer who work with code: openFrameworks / web-based interactivity. After several years of career as a web front-end engineer, he graduated from Dynamic Sensory Programming course at International Academy of Media Arts and Science. Stayed at Interface Culture in Kunstuniversität Linz (Austria) in 2010 winter semester. He started writing codes since 2010 with keywords: playful interactivity, real world oriented networking.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-14">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://www.jessewolpert.com/" target="_blank">Jessica Wolpert</a> makes things; she is interested in smudging the boundaries between traditional craft and the binary arts. She has worked as a translator, jeweller, plumber, teacher and spent 6 long years in a merchant bank.
 Jesse is currently working on a series of video interactions playing with the concept of privacy and secret worlds; modern day peep shows whose characters observe you right back
 She is the founder of No Voyeurs events that require active participation and will not allow you to just sit back and watch: house galleries, film festivals, performance art and walks galvanising local engagement and collaboration.
 If Jesse could eat one last meal on earth, it would be toast.</p>
 </div>
 </article>
 <article class="right-wrapper-student single-student-15">
 <div class="right-wrapper-student-info">
 <p><a class="student-link" href="http://tegabrain.com/" target="_blank">Tega Brain</a> is an artist, environmental engineer and educator from Sydney Australia. With qualifications in both art and environmental engineering, her practice explores science, ecology and engineering in the Anthoposcene. She creates site specific installations, disfunctional devices, experimental infrastructures, speculative services and information visualisations (sometimes using underpants).
 She teaches courses in art, design and engineering in universities in Sydney and is in the USA as a recipient of an Australia Council for the Arts early career artist fellowship.</p>
 </div>
 </article>
 </section>
 <!-- SCRIPTS -->
 <!-- google maps api -->
 <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDE4JAL7uk35OJNpBiY4Ylqq6QtcvYWkGo&sensor=false"></script>
 <script type="text/javascript">var mapLoad=function(){var styles=[{"featureType":"water","stylers":[{"hue":"#0000ff"},{"saturation":-100},{"lightness":100}]},{"featureType":"road","stylers":[{"hue":"#0022ff"},{"saturation":72},{"lightness":-22}]},{"featureType":"landscape.man_made","elementType":"geometry","stylers":[{"hue":"#0000ff"},{"weight":0.1},{"saturation":-100},{"lightness":3}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"saturation":1},{"hue":"#1100ff"},{"lightness":100}]},{"featureType":"poi.business","elementType":"geometry","stylers":[{"lightness":1},{"color":"#7d8080"},{"hue":"#1100ff"},{"saturation":66}]},{"featureType":"poi","stylers":[{"weight":0.1},{"saturation":1},{"hue":"#0000ff"}]},{}];var options={mapTypeControlOptions:{mapTypeIds:['Styled']},center:new google.maps.LatLng(40.746936,-74.006482),zoom:17,disableDefaultUI:true,mapTypeId:'Styled',};var cooper=new google.maps.LatLng(40.746936,-74.006482);var center=new google.maps.LatLng(40.746936,-74.006482);var div=document.getElementById('google-map');var map=new google.maps.Map(div,options);var styledMapType=new google.maps.StyledMapType(styles,{name:'Styled'});map.mapTypes.set('Styled',styledMapType);marker=new google.maps.Marker({map:map,draggable:false,animation:google.maps.Animation.BOUNCE,position:cooper,icon:'assets/blue_MarkerA.png'});google.maps.event.trigger(map,'resize');var url="https://maps.google.com/maps?ie=UTF-8&q=EYEBEAM&fb=1&gl=us&hq=eyebeam+tech&cid=0,0,3215346440775346650&ei=WluBUoqdCNWisQTb6oCABw&ved=0CJ0BEPwSMAo";google.maps.event.addListener(marker,'click',function(){window.open(url,"_blank");});}</script>
 <script type="text/javascript">WebFontConfig={fontdeck:{id:'39609'}};(function(){var wf=document.createElement('script');wf.src=('https:'==document.location.protocol?'https':'http')+'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';wf.type='text/javascript';wf.async='true';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(wf,s);})();</script>
 </body>
 </html>