last touches

_config.yml

@@ -13,4 +13,4 @@ paginate_path: "page:num/"
 markdown: kramdown
 facebook_link: https://www.facebook.com/scopesessions
 github_link: https://github.com/ScopeSessions
-# gems: [jekyll-download-local-images-plugin]
+# gems: [unique_array.rb]

_includes/header.html

@@ -39,62 +39,15 @@
 
 <div class="container-fluid navigator">
  <div class="row">
-  <div class="col-md-8">
+  <div class="col-md-6 col-md-offset-1">
-   <h4><i class="fa fa-search"></i> Browse by topic</h4>
-   {% for post in site.posts %} {% assign pos = 39 | minus: post.number %} {% for topic in post.topics | split:"," %}
-   <a class="button hvr-sweep-to-top topic" data-scroll-nav="{{pos}}">{{topic}}</a> {% endfor %} {% endfor %}
-   <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>
-    <h4><i class="fa fa-sign-in"></i> Stay tuned: 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&amp;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
-         <span class="asterisk">*</span>
-        </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>
-    <!--End mc_embed_signup-->
-  </div>
-  <div class="col-md-4">
    {% assign post = site.posts | first%}
-   <h4><i class="fa fa-calendar"></i> {{post.date_text}} / #{{post.number}}</h4>
+   <h4><i class="fa fa-calendar"></i> #{{post.number}} / {{post.date_text}} @ <a class="highlight button hvr-sweep-to-top" href="{{location_website}}">{{post.location}}</a></h4>
-   <p>Location: <a class="button hvr-sweep-to-top" href="{{location_website}}">{{post.location}}</a>
+
-   </p>
+   <!-- {% for topic in post.topics | split:"," %}
-   {% for topic in post.topics | split:"," %}
+    <a class="button hvr-sweep-to-top topic">{{topic}}</a>
-   <a class="button hvr-sweep-to-top topic">{{topic}}</a> {% endfor %} {% for talk in post.talks %}
+   {% endfor %}  -->
+
+   {% for talk in post.talks %}
    <div class="upcoming row">
 
     <div class="upcoming-media">
@@ -106,11 +59,30 @@
     </div>
 
     <div class="upcoming-detail">
-     <p><a class="button hvr-sweep-to-top" href="{{talk.artist_website}}">{{talk.artist}}</a> / {{talk.title}}</p>
+     <p><a class="button hvr-sweep-to-top" href="{{talk.artist_website}}">{{talk.artist}}</a> <br/> {{talk.title}}</p>
     </div>
 
    </div>
    {% endfor %}
+
+  </div>
+  <div class="col-md-4">
+   <!-- <h4><i class="fa fa-search"></i> Browse by topic</h4>
+   {% for post in site.posts %} {% assign pos = 39 | minus: post.number %} {% for topic in post.topics | split:"," %}
+   <a class="button hvr-sweep-to-top topic" data-scroll-nav="{{pos}}">{{topic}}</a> {% endfor %} {% endfor %} -->
+   <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-6">
+     <h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
+     {% include newsletter.html %}
+    </div>
+    <div class="col-md-6">
+     <h4><i class="fa fa-share-alt"></i> Spread the word</h4>
+     {% include share.html %}
+    </div>
+  </div>
  </div>
 </div>
 </div>

_includes/newsletter.html

@@ -0,0 +1,38 @@
+<!-- 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&amp;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>

_includes/share.html

@@ -0,0 +1,8 @@
+<div class="share-page">
+ <ul>
+  <li><a class="button hvr-sweep-to-top" href="https://twitter.com/intent/tweet?text={{ site.title }}&url={{ site.url }}" 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={{ site.url }}" 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={{ site.url }}" 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={{ site.url }}&description={{ site.title }}" rel="nofollow" target="_blank" title="Share on Pinterest"><i class="fa fa-pinterest"></i></a></li>
+ </ul>
+</div>

_posts/2011-07-21-Scope002.markdown

@@ -16,7 +16,7 @@ talks:
   artist_bio: "Since 2004 Ilan Katin has been building, editing and perfecting a personal media library for his live video performances. Currently there are 94 pieces of media inside a folder named “11_NOTHING.” Each piece of media has its own story and, or philosophy behind it."
   description: "In anticipation of the retirement of this media Ilan presented each piece of media and in the process of doing so talked about his approach to creating and performing with the material as well as reflected on his thoughts about live video performance in general."
   artist_website: "http://www.ilankatin.com/"
-  media_artist_url: "http://scopesessions.org/wp-content/uploads/2011/07/IMG_1177-480x360.jpg"
+  media_artist_url: "/images/IMG_1177-480x360.jpg"
   video_artist_url:
   talk_video_url:
 - title: "PIXELS AND PICS: Etudes in Code, For Non-Coding Artist"
@@ -26,7 +26,7 @@ talks:
   artist_bio: "Composer/visualist and writer PETER KIRN (NYC) used the free and open source tool Processing to create simple etudes in motion from photography. Using basic, minimal code as a means of expressing ideas in movement and texture, he presented textual programming as a basic form of creative thinking, even for those without much in the way of technical or programming backgrounds, code short enough to compose in an airport lounge. Peter is the editor of createdigitalmusic.com and createdigitalmotion.com, a digital artist and performer, a writer, and a teacher (of many young, non-coding designers) at Parsons The New School for Design."
   description: "Slides of the presentation: http://www.slideshare.net/peterkirn/etudes-in-code-with-processing"
   artist_website: "http://pkirn.com/"
-  media_artist_url: "http://scopesessions.org/wp-content/uploads/2011/07/panoramica_scope_2-480x205.jpg"
+  media_artist_url: "/images/panoramica_scope_2-480x205.jpg"
   video_artist_url:
   talk_video_url:
 ---

_posts/2014-12-11-Scope038.markdown

@@ -3,7 +3,7 @@ layout: event
 title:
 number: 38
 date_text: "December 11th, 2014"
-date_yyyy_mm_dd: "2014-12-11
+date_yyyy_mm_dd: "2014-12-11"
 location: "Panke"
 location_website: "http://www.pankeculture.com"
 fb_event_url:
@@ -13,8 +13,7 @@ talks:
   topics: "VJing,Installation,Performance"
   artist: "Transforma"
   speakers: "Luke Bennett"
-  artist_bio: "Transforma is an artist group with a focus on video, performance, installations and music/video works.
+  artist_bio: "Transforma is an artist group with a focus on video, performance, installations and music/video works. Transforma collaborates with other artists and musicians to create pieces, that blur borders of established genres in live performance, art & music.
-  Transforma collaborates with other artists and musicians to create pieces, that blur borders of established genres in live performance, art & music.
   Transforma's work has been performed live and shown at festivals around the world.
   Transforma are Luke Bennett, Baris Hasselbach and Simon Krahl."
   description: "A chronological presentation of selected works from the world of transforma."
@@ -26,8 +25,7 @@ talks:
   topics: "Coding,Research"
   artist: "Marcel Schwittlick"
   speakers: "Marcel Schwittlick"
-  artist_bio: "Marcel Schwittlick is a German generative artist living and working in Berlin. With his work he is examining different notions of reality especially those who result of recent tendencies of digital culture. His work has a philosophical foundation that often evolved into tangible images, videos or installations.
+  artist_bio: "Marcel Schwittlick is a German generative artist living and working in Berlin. With his work he is examining different notions of reality especially those who result of recent tendencies of digital culture. His work has a philosophical foundation that often evolved into tangible images, videos or installations. He is working with digital technology as his main tool. As most of his work is necessary to be realized in the context of generative, real-time software systems, he is usually creating computer programs which are instructed to carry out his thoughts and ideas."
-  He is working with digital technology as his main tool. As most of his work is necessary to be realized in the context of generative, real-time software systems, he is usually creating computer programs which are instructed to carry out his thoughts and ideas."
   description: "It's just me showing my work."
   artist_website: "http://www.mrzl.net"
   media_artist_url: "/images/photo_cropped.jpg"
@@ -38,8 +36,7 @@ talks:
   artist: "Marcellina Wellmer"
   speakers: "Marcellina Wellmer & Gösta Wellmer"
   artist_bio: "I am operating at the edge of video, installation and painting. My works are dealing with the relation of humans and technology and with the interference of information and media, crossing the border from analog to digital and vice versa. Pieces are controlled and displayed through self written software that works with random seeds. Part of my creation is to play with the edges of media, to amplify their very own characteristics."
-  description: "Generative factor in a visual message, connected with electronic devices, used in a set of variable objects.
+  description: "Generative factor in a visual message, connected with electronic devices, used in a set of variable objects. Hybrid of media and cultural&philospohical garbology. Reverse engineering."
-  Hybrid of media and cultural&philospohical garbology. Reverse engineering."
   artist_website: "http://marcelinawellmer.com"
   media_artist_url: "/images/scanned1popraw_www.jpg"
   video_artist_url: "https://vimeo.com/96049211#at=0"

_posts/2015-03-12-Scope040.markdown

@@ -7,18 +7,8 @@ date_yyyy_mm_dd: "2015-03-12"
 location: "Panke"
 location_website: "http://www.pankeculture.com"
 fb_event_url:
-fb_gallery_id: "780088772078109"
+fb_gallery_id:
 talks:
-- title: "TBD"
-  topics:
-  artist: "Ilan Katin"
-  speakers: "Ilan Katin"
-  artist_bio: "TBD"
-  description: "TBD"
-  artist_website: "TBD"
-  media_artist_url:
-  video_artist_url:
-  talk_video_url:
 - title: "TBD"
   topics:
   artist: "Malte Steiner + Wolfgang Spahn"
@@ -31,12 +21,22 @@ talks:
   talk_video_url:
 - title: "TBD"
   topics:
-  artist: "Butoh"
+  artist: "Illan Katin"
-  speakers: "Butoh"
+  speakers: "Illan Katin"
   artist_bio: "TBD"
   description: "TBD"
   artist_website: "TBD"
   media_artist_url:
   video_artist_url:
   talk_video_url:
+- title: "Performance Dance and Film improvisation Super 8 and Butoh dance"
+  topics: "Dance,Film"
+  artist: "Riko Murakami & Haruka Mitani"
+  speakers: "Riko Murakami,Haruka Mitani"
+  artist_bio: "Riko Murakami studied Image Arts and Science at Ritsumeikan University in Kyoto. While still a student, she joined the Butoh dance company Kiraza and has appeared in productions 'Hana-Ikusa' (2012) and 'Uzume - The Power to Open a Wind Cave' (2014). She collaborated with art photographer Marco van Duyvendijk on the photobook 'Riko' (2014) and acted the lead role in Takashi Ito's film 'The Last Angel' (2014). She has also regularly contributed to the event series 'Experiments in Art and Technology' organized by Michael Lyons. Haruka Mitani (Film) is an independent filmmaker whose films reflect hands-on processes and a deep interest in the materiality of film. In 2013 she completed a degree in Image Arts and Science at Ritsumeikan University in Kyoto. Her films have appeared in festivals around the world and she is active in expanded cinema performances at live events in Kyoto, including the “Experiments in Art and Technology” series. She was raised in a Kyoto crafts family and in addition to making films, she is an apprentice lacquerware artist."
+  description: "'Dance with Film' An improvised meeting of Butoh dance and hand-made Single 8 films of Butoh dance. Butoh is a journey to the Self. In this performance we explore existence and feeling beyond the mirage of film. There is no beginning and no ending."
+  artist_website: "http://haruka.kasrl.org"
+  media_artist_url: "/images/rnd_frame_2s_pb.jpg"
+  video_artist_url: "https://vimeo.com/69155527"
+  talk_video_url:
 ---

artists.html

@@ -18,7 +18,8 @@ permalink: /artists/
    <div class="row">
     {% endif %}
 
-    <div class="dark_bg col-md-3">
+    <a href={{post.url}}>
+     <div class="col-md-3 artist-thumb">
 
       <div class="artist-media">
        {% if {{talk.media_artist_url}} %}
@@ -30,10 +31,11 @@ permalink: /artists/
 
       <div class="talk-detail">
        <h4>{{talk.artist}}</h4>
-      <a class="button hvr-sweep-to-top" href={{post.url}}>#{{post.number}}</a>
+       <!-- <a class="button hvr-sweep-to-top" href={{post.url}}>#{{post.number}}</a> -->
       </div>
 
      </div>
+    </a>
 
     {% capture counter %}{{ counter | plus:'1' }}{% endcapture %} {% if counter == '4' %} {% capture counter %}{{ '0' }}{% endcapture %}
    </div>

css/custom.css

@@ -58,6 +58,7 @@ a:hover {
 }
 .navigator p {
  color: #000;
+ padding-left:10px;
 }
 .navigator a:hover {
  color: #fff;
@@ -73,6 +74,13 @@ a:hover {
  color: #9775af;
  padding: 10px;
 }
+.share-page li{
+ float:left;
+}
+.share-page i{
+ font-size:30px;
+ padding: 4px;
+}
 .upcoming {
  padding: 10px;
 }
@@ -100,6 +108,7 @@ a:hover {
 }
 .event-date p {
  color: #fff;
+ padding-right: 10px;
 }
 .event-date h3 {
  font-size: 96px;
@@ -110,9 +119,15 @@ a:hover {
  font-weight: normal;
  padding-right: 10px;
 }
+.event-date ul {
+ padding-right: 10px;
+}
 .event-date li {
  list-style: none;
  padding-right: 10px;
+ float:right;
+ color: #CCC;
+ font-size:14px;
 }
 .artist-media {
  width: 100%;
@@ -126,6 +141,13 @@ a:hover {
 .artist-media img {
  width: 100%;
 }
+.artist-thumb{
+ padding: 10px;
+}
+.artist-thumb :hover{
+ padding: 10px;
+
+}
 .event {
  #padding: 10px;
  margin-bottom: 10px;
@@ -255,9 +277,43 @@ a:hover {
 #mc_embed_signup {
  background: #fff;
  clear: left;
- font: 14px Helvetica, Arial, sans-serif;
+ color: #333;
+ font-weight: normal;
  padding:0px;
 }
 #mc_embed_signup form{
- padding: 0px;
+ padding-left: 10px;
+}
+.mc-field-group label{
+ color:#333;
+ font-weight: normal;
+}
+#mc_embed_signup .button {
+ background-color: #9775af;
+ clear: both;
+ border: 0px none;
+ border-radius: 4px;
+ color: #FFF;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 15px;
+ font-weight: bold;
+ height: 32px;
+ line-height: 32px;
+ margin: 10px 5px 10px 0px;
+ padding: 0px 22px;
+ text-align: center;
+ text-decoration: none;
+ vertical-align: top;
+ white-space: nowrap;
+ width: auto;
+}
+#mc_embed_signup .mc-field-group input {
+ display: block;
+ width: 100%;
+ padding: 8px 0px;
+ text-indent: 2%;
+}
+#mc_embed_signup input {
+ border: 1px solid #999;
 }

index.html

@@ -5,9 +5,8 @@ home: yes
 <div class="content container-fluid">
 
  {% for post in site.posts %} {% if forloop.first != true %}
-
+ {% assign post_number = site.posts | size %}
- <!-- TODO parametrize this, no hardcoded numbers  -->
+ {% assign pos = post_number | minus: post.number %}
- {% assign pos = 39 | minus: post.number %}
 
  <div data-scroll-index="{{pos}}" class="row">
 
@@ -22,18 +21,22 @@ home: yes
     <p>{{post.title}}</p>
    {% endif %}
 
-   {% if post.topics %}
+   {% if post.location %}
+    <p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a></p>
+   {% endif %}
+
    <p>
     <ul>
-     {% assign tags = (post.topics | split:",") %} {% for tag in tags %}
+    {% for talk in post.talks %}
+     {% if talk.topics %}
+       {% assign tags = (talk.topics | split:",") %}
+        {% for tag in tags | uniq %}
          <li>{{tag}}</li>
         {% endfor %}
+     {% endif %}
+    {% endfor %}
     </ul>
    </p>
-   {% endif %} {% if post.location %}
-   <p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a>
-   </p>
-   {% endif %}
 
   </div>