added spektrum

3_about.html

@@ -37,7 +37,7 @@ permalink: /about/
     <div class="col-md-6">
      <h5>Supported by</h5>
      <div class="supporters">
-      <p>Thanks <a class="button hvr-sweep-to-top" href="http://pankeculture.com" target="_blank">Panke</a>, <a class="button hvr-sweep-to-top" href="http://www.nkprojekt.de/" target="_blank">NK</a> and <a class="button hvr-sweep-to-top" href="http://www.atelier-aeuglein.de/" target="_blank">Atelier Äuglein</a> for hosting our event, <a class="button hvr-sweep-to-top" href="http://www.troikaranch.org/" target="_blank">Troika Ranch</a> for the valuable support, and <a class="button hvr-sweep-to-top" href="http://www.beamround.de" target="_blank">Beamaround</a> for technical assistance.</p>
+      <p>Thanks <a class="button hvr-sweep-to-top" href="http://pankeculture.com" target="_blank">Panke</a>, <a class="button hvr-sweep-to-top" href="http://spektrumberlin.de" target="_blank">Spektrum</a>, <a class="button hvr-sweep-to-top" href="http://www.nkprojekt.de/" target="_blank">NK</a> and <a class="button hvr-sweep-to-top" href="http://www.atelier-aeuglein.de/" target="_blank">Atelier Äuglein</a> for hosting our event, <a class="button hvr-sweep-to-top" href="http://www.troikaranch.org/" target="_blank">Troika Ranch</a> for the valuable support, and <a class="button hvr-sweep-to-top" href="http://www.beamround.de" target="_blank">Beamaround</a> for technical assistance.</p>
       <ul>
        <li>
         <a href="http://pankeculture.com" target="_blank">
@@ -64,6 +64,11 @@ permalink: /about/
          <img src="/assets/BeamAround_Logo.jpg"></img>
         </a>
        </li>
+       <li>
+        <a href="http://www.spektrumberlin.de" target="_blank">
+         <img src="/assets/spektrum_logo_small.png"></img>
+        </a>
+       </li>
       </ul>
      </div>
     </div>

5_spektrum.html

@@ -0,0 +1,105 @@
+---
+layout: page
+title: Spektrum
+icon: user
+visible: false
+permalink: /spektrum/
+---
+
+{% assign post_number = site.posts | size %}
+
+<div class="content container-fluid">
+
+ {% for post in site.posts %}
+
+ {% if post.layout != "event-spektrum" %}
+   {% continue %}
+ {% endif %}
+
+ {% if forloop.first != true %}
+
+ {% assign pos = post_number | minus: post.number %}
+
+ <div data-scroll-index="{{pos}}" class="row">
+
+  <div class="transp-bg padded event-info col-sm-2 col-sm-offset-1">
+
+   <a class="event-date padded button hvr-sweep-to-top" href={{post.url}}>
+    <h3>#{{post.number}}</h3>
+    <h4>{{post.date_text}}</h4>
+    {% if post.title %}
+     <p>{{post.title}}</p>
+    {% endif %}
+   </a>
+
+   <div class="padded_vert">
+    <ul>
+     {% 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>
+   </div>
+
+   <div class="padded_vert">
+    {% if post.location %}
+     <ul>
+      <li><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a></li>
+     {% if post.fb_event_url %}
+      <li><a class="highlight button hvr-sweep-to-top" target="_blank" href={{post.fb_event_url}}><i class="fa fa-facebook-square"></i></a></li>
+     {% endif %}
+    </ul>
+    {% endif %}
+   </div>
+
+  </div>
+
+  <div class="event event-{{post.number}} dark_bg col-sm-8">
+
+   {% capture talks_number %}{{ post.talks | size }}{% endcapture %} {% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %} {% for talk in post.talks %}
+
+   <div class="talk col-sm-{{col_width}}">
+
+    <div class="artist-media">
+     {% if {{talk.media_artist_url}} %}
+     <img src={{talk.media_artist_url}}></img>
+     {% else %}
+     <img src="/assets/no_artist_media.png"></img>
+     {% endif %}
+    </div>
+
+    <div class="talk-detail">
+     <h4>{{talk.artist}} / {{talk.title}}</h4>
+      {% if (talk.description | size) > 300 %}
+       <p>{{talk.description | truncate: 300 }}</p>
+      {% else %}
+       <p>{{talk.description}}</p>
+      {% endif%}
+     {% if talk.artist_website %}
+      <a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank"><i class="fa fa-link"></i> Website</a>
+     {% endif %}
+     {% if talk.video_artist_url %}
+      <br>
+      <a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank"><i class="fa fa-video-camera"></i> Artist video</a>
+     {% endif %}
+     {% if talk.talk_video_url %}
+      <br>
+      <a class="button hvr-sweep-to-top" href={{talk.talk_video_url}} target="_blank"><i class="fa fa-video-camera"></i> Talk at Scope</a>
+     {% endif %}
+    </div>
+
+   </div>
+
+   {% endfor %}
+
+  </div>
+
+ </div>
+
+ {% endif %} {% endfor %}
+
+</div>

_config.yml

@@ -15,4 +15,4 @@ markdown: kramdown
 facebook_link: https://www.facebook.com/scopesessions
 github_link: https://github.com/ScopeSessions
 # gems: [sort_for.rb]
-#permalink: /session/:title
+permalink: /session/:title

_includes/footer.html

@@ -45,6 +45,11 @@
         <img src="/assets/BeamAround_Logo.jpg"></img>
        </a>
       </li>
+      <li>
+       <a href="http://www.spektrumberlin.de/" target="_blank">
+        <img src="/assets/spektrum_logo_small.png"></img>
+       </a>
+      </li>
      </ul>
     </div>
    </div>

_layouts/event-spektrum.html

@@ -0,0 +1,130 @@
+---
+layout: default
+---
+
+<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>#{{page.number}}</h3>
+     <h4>{{page.date_text}}</h4>
+    </div>
+
+     <div class="padded_vert">
+      <ul>
+      {% for talk in page.talks %}
+       {% if talk.topics %}
+         {% assign tags = (talk.topics | split:",") %}
+          {% for tag in tags | uniq %}
+           <li>{{tag}}</li>
+          {% endfor %}
+       {% endif %}
+      {% endfor %}
+      </ul>
+     </div>
+
+     <div class="padded_vert">
+      {% if page.location %}
+       <ul>
+        <li><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{page.location}}</a></li>
+       {% if page.fb_event_url %}
+        <li><a class="highlight button hvr-sweep-to-top" target="_blank" href={{post.fb_event_url}}><i class="fa fa-facebook-square"></i></a></li>
+       {% endif %}
+      </ul>
+      {% endif %}
+     </div>
+
+   </div>
+
+   <div class="event event-{{page.number}} dark_bg col-md-7">
+
+    {% capture talks_number %}{{ page.talks | size }}{% endcapture %} {% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %} {% for talk in page.talks %}
+
+    <div class="talk col-md-{{col_width}}">
+
+     <div class="artist-media">
+      {% if {{talk.media_artist_url}} %}
+      <img src={{talk.media_artist_url}}></img>
+      {% else %}
+      <img src="/assets/no_artist_media.png"></img>
+      {% endif %}
+     </div>
+
+     <div class="talk-detail">
+      <h4>{{talk.artist}} / {{talk.title}}</h4>
+      {% if talk.description %}
+      <p>{{talk.description}}</p>
+      {% endif %} {% if talk.artist_bio %}
+      <h5>About {{talk.artist}}</h5>
+      <p>{{talk.artist_bio}}</p>
+      {% endif %}
+      {% if talk.artist_website || talk.video_artist_url || talk.video_url %}
+       {% if talk.artist_website %}
+        <a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank"><i class="fa fa-link"></i> Website</a>
+       {% endif %}
+       {% if talk.video_artist_url %}
+        <div class="transp-bg padded">
+         <p>Artist's Video</p>
+         <iframe src="//player.vimeo.com/video/{{(talk.video_artist_url | split:"/") | last}}" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+        </div>
+       {% endif %}
+       {% if talk.talk_video_url %}
+        <div class="transp-bg padded">
+         <p>Talk's Video</p>
+         <iframe src="//player.vimeo.com/video/{{(talk.talk_video_url | split:"/") | last}}" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+        </div>
+       {% endif %}
+      {% endif %}
+     </div>
+
+    </div>
+
+    {% endfor %}
+
+   </div>
+
+  </div>
+
+  {% if page.fb_gallery_id %}
+
+   <div class="row">
+
+    <div class="gallery dark_bg col-md-7 col-md-offset-3">
+
+     <h4>Photo gallery of the event</h4>
+     <div class="picbook"></div>
+     <script type="text/javascript">
+      var picbook = new picbookJs({
+      limit: 100,
+      albumId: '{{page.fb_gallery_id}}'
+      });
+     </script>
+    </div>
+   </div>
+
+  {% endif %}
+
+</div>
+
+<div class="row">
+
+ <div class="nav_bottom dark_bg col-md-7 col-md-offset-3">
+
+  <h4>Discover more</h4>
+
+  {% if page.previous %}
+  <a class="button hvr-sweep-to-top left" href={{page.previous.url | prepend: site.baseurl }}>#{{page.previous.number}}: {{page.previous.date_text}} {{page.previous.title}}</a> {% endif %} {% if page.next %}
+  <a class="button hvr-sweep-to-top right" href={{page.next.url | prepend: site.baseurl }}>#{{page.next.number}}: {{page.next.date_text}} {{page.next.title}}</a> {% endif %}
+
+ </div>
+
+</div>
+
+</article>
+
+</div>

_posts/2015-10-09-048s.markdown

@@ -0,0 +1,38 @@
+---
+layout: event-spektrum
+title: "A-li-ce / Swub, Klara Ravat / Circuit Splash #47"
+number: 01
+date_text: "October 9th, 2015"
+date_yyyy_mm_dd: "2015-10-09"
+location: "Spektrum"
+location_website: "http://www.spektrumberlin.de/"
+fb_event_url:
+fb_gallery_id:
+talks:
+- title: "Tief - A/V by Klara Ravat & Circuit Splash"
+  topics: "AV Performance"
+  artist: "Klara Ravat, Circuit Splash"
+  speakers: "Klara Ravat, Circuit Splash"
+  artist_bio: "Klara Ravat (*1986, Barcelona, Spain) creates media and odour artworks, installations and experimental films. By opposing the division between the realm of memory and the realm of experience, Ravat absorbs the tradition of remembrance art into daily practice. This personal follow-up and revival of a past habit is important as an act of reflection. By investigating the concept of landscape in an adventurous and exploratory way, she wants to amplify the wonderment of the spectator by creating compositions or settings that generate tranquil poetic images that leave traces and balances on the edge of alienation and recognition. Her works appear as dreamlike images, often accompanied by scent, in which fiction and reality meet, meanings shift, past and present fuse. For the past 3 years Ravat has been developing works related to the sense of smell as a research on how do we perceive through this sense. Klara Ravat currently lives and works in Berlin.
+
+  Circuit Splash is an ambient project with a touch of glitch, experimentation, drones and noise as well as natural and humanistic connotations. It's a project born in Berlin 2 years ago in parallel to the Tief performance with Klara Ravat. Its creator does not know much about where the project is heading to, and remains quite silent. Mostly CS appears as the need to push oneself into unknown boundaries and interact with human beings and the machines others manage, a base experiment to relate and find new sounds that can be further applied and lead to something unexpected. Sound is an universe of infinite frequency combinations and its domains won't ever ever be displayed. CS gets an impulse into that uncertainty in sound.  "
+  description: "Tief is an atmospheric audio-visual live set composed by the sound artist Circuit Splash and experimental filmmaker and olfactory artist Klara Ravat. Together they generate a tranquil transition between frames, grain and noise. For this performance the duo will be playing with scent in combination with images and sounds. Seeking for disturbance and alteration Klara and Circuit combine analogue and digital mediums. "
+  artist_website: "http://www.klararavat.wordpress.com"
+  media_artist_url: "/images/csm_Tief_2_e1b57cfccd.jpg_resized.png"
+  video_artist_url: "https://vimeo.com/107067539"
+  talk_video_url:
+- title: " Intruders"
+  topics: "Film"
+  artist: "A-li-ce,Swub"
+  speakers: "A-li-ce,Swub"
+  artist_bio: "A-li-ce (FR / Berlin) plays as a video live performer in many international audio-visual festivals and the European club scene [Mapping Festival (CH), Vidéoformes (FR), Vision'R (FR), Medialab Prado (ES), etc.]. Additionally, she works as a video designer for theatre and teaches performative media arts in different institutions and universities. Her last solo project Fucking Wonderland was exhibited in Kyoto International Manga Museum in 2014.
+
+  Swub (DE / Berlin) works as a video artist: his works were shown in exhibitions and video festivals and awarded with different scholarships and prices [EMAF (DE), Kassel Documentary Film and Video Festival (DE), Forum des Images (FR), TENT (NL) etc.]. Currently, he works on his debut album, which will be released in winter 2015."
+  description: "Based on amateur and family film archives from the 1920's to present times, Intruders is an audio- visual memory remix of anonymous stories and portraits, a dancing conversation with our own ghosts. Attracted by nostalgia and voyeurism, we are led into a time travel in which we are increasingly followed by familiar, suspicious and curious glances of unknown human figures, seeking our attention in the present time. Intruding our collective memory, the pictures use their own history to feed our inner emotions and internalised fictions.
+
+  Intruders is co-produced by the video art residency Bandits-Mages and the national French archive Centre CICLIC. Inspired by 4000 watched films and 26 hours of collected archive footage, Intruders is an unique contemporary historical document with more than 2000 live sampled and manipulated audio and video sequences. Dealing with collective memory as well as the intimacy and transience of being, the actuality of this audiovisual performance seems to be timeless in today's interconnected media society, which produces permanently archives. "
+  artist_website: "http://www.a-li-ce.com/"
+  media_artist_url: "/images/csm_Intruders__1__bfa1d4de26.jpg_resized.png"
+  video_artist_url: "https://vimeo.com/132712678"
+  talk_video_url:
+---

_site/feed.xml

@@ -6,8 +6,8 @@
 </description>
   <link>http://scopesessions.org/</link>
   <atom:link href="http://scopesessions.org /feed.xml " rel="self" type="application/rss+xml" />
-  <pubDate>Fri, 17 Jun 2016 17:48:01 +0200</pubDate>
+  <pubDate>Sun, 26 Jun 2016 21:21:23 +0200</pubDate>
-  <lastBuildDate>Fri, 17 Jun 2016 17:48:01 +0200</lastBuildDate>
+  <lastBuildDate>Sun, 26 Jun 2016 21:21:23 +0200</lastBuildDate>
   <generator>Jekyll v3.1.2</generator>
   
   <item>
@@ -15,8 +15,8 @@
    <description>
 </description>
    <pubDate>Fri, 24 Jun 2016 00:00:00 +0200</pubDate>
-   <link>http://scopesessions.org/2016/06/24/057.html</link>
+   <link>http://scopesessions.org/session/057</link>
-   <guid isPermaLink="true">http://scopesessions.org/2016/06/24/057.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/057</guid>
     
   </item>
   
@@ -25,8 +25,8 @@
    <description>
 </description>
    <pubDate>Sat, 11 Jun 2016 00:00:00 +0200</pubDate>
-   <link>http://scopesessions.org/2016/06/11/056.html</link>
+   <link>http://scopesessions.org/session/056</link>
-   <guid isPermaLink="true">http://scopesessions.org/2016/06/11/056.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/056</guid>
     
   </item>
   
@@ -35,8 +35,8 @@
    <description>
 </description>
    <pubDate>Thu, 12 May 2016 00:00:00 +0200</pubDate>
-   <link>http://scopesessions.org/2016/05/12/055.html</link>
+   <link>http://scopesessions.org/session/055</link>
-   <guid isPermaLink="true">http://scopesessions.org/2016/05/12/055.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/055</guid>
     
   </item>
   
@@ -45,8 +45,8 @@
    <description>
 </description>
    <pubDate>Thu, 14 Apr 2016 00:00:00 +0200</pubDate>
-   <link>http://scopesessions.org/2016/04/14/054.html</link>
+   <link>http://scopesessions.org/session/054</link>
-   <guid isPermaLink="true">http://scopesessions.org/2016/04/14/054.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/054</guid>
     
   </item>
   
@@ -55,8 +55,8 @@
    <description>
 </description>
    <pubDate>Thu, 10 Mar 2016 00:00:00 +0100</pubDate>
-   <link>http://scopesessions.org/2016/03/10/053.html</link>
+   <link>http://scopesessions.org/session/053</link>
-   <guid isPermaLink="true">http://scopesessions.org/2016/03/10/053.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/053</guid>
     
   </item>
   
@@ -65,8 +65,8 @@
    <description>
 </description>
    <pubDate>Thu, 11 Feb 2016 00:00:00 +0100</pubDate>
-   <link>http://scopesessions.org/2016/02/11/052.html</link>
+   <link>http://scopesessions.org/session/052</link>
-   <guid isPermaLink="true">http://scopesessions.org/2016/02/11/052.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/052</guid>
     
   </item>
   
@@ -75,8 +75,8 @@
    <description>
 </description>
    <pubDate>Thu, 14 Jan 2016 00:00:00 +0100</pubDate>
-   <link>http://scopesessions.org/2016/01/14/051.html</link>
+   <link>http://scopesessions.org/session/051</link>
-   <guid isPermaLink="true">http://scopesessions.org/2016/01/14/051.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/051</guid>
     
   </item>
   
@@ -85,8 +85,8 @@
    <description>
 </description>
    <pubDate>Thu, 10 Dec 2015 00:00:00 +0100</pubDate>
-   <link>http://scopesessions.org/2015/12/10/050.html</link>
+   <link>http://scopesessions.org/session/050</link>
-   <guid isPermaLink="true">http://scopesessions.org/2015/12/10/050.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/050</guid>
     
   </item>
   
@@ -95,18 +95,18 @@
    <description>
 </description>
    <pubDate>Thu, 12 Nov 2015 00:00:00 +0100</pubDate>
-   <link>http://scopesessions.org/2015/11/12/049.html</link>
+   <link>http://scopesessions.org/session/049</link>
-   <guid isPermaLink="true">http://scopesessions.org/2015/11/12/049.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/049</guid>
     
   </item>
   
   <item>
-   <title>048</title>
+   <title>A-li-ce / Swub, Klara Ravat / Circuit Splash #47</title>
    <description>
 </description>
-   <pubDate>Thu, 08 Oct 2015 00:00:00 +0200</pubDate>
+   <pubDate>Fri, 09 Oct 2015 00:00:00 +0200</pubDate>
-   <link>http://scopesessions.org/2015/10/08/048.html</link>
+   <link>http://scopesessions.org/session/048s</link>
-   <guid isPermaLink="true">http://scopesessions.org/2015/10/08/048.html</guid>
+   <guid isPermaLink="true">http://scopesessions.org/session/048s</guid>
     
   </item>
   

index.html

@@ -80,7 +80,13 @@ home: yes
 
 <div class="content container-fluid">
 
- {% for post in site.posts %} {% if forloop.first != true %}
+ {% for post in site.posts %}
+
+ {% if post.layout != "event" %}
+   {% continue %}
+ {% endif %}
+
+ {% if forloop.first != true %}
 
  {% assign pos = post_number | minus: post.number %}