After state session

3_about.html

@@ -68,14 +68,14 @@ permalink: /about/
    <h5>Team</h5>
 
    <p>SCOPE SESSIONS are curated & realised by a team, that shares passion for visual arts, experimental crossovers of sound and video, multimedia experiences, human interactions and computer technologies.</p>
-   <p>We started in summer 2011 with our first session, developed in cooperation with and hosted by Atelier Überall, with a strong initiative of Ludovic Bablon.</p>
+   <p>We started in summer 2011 with our first session, developed in cooperation with and hosted by Atelier Überall.</p>
    <p>Since then we invited artists to share their unique approaches to an increasing audience. Hope you like it! See you at one of our sessions.</p>
 
    <div class="team row">
 
     <div class="team-image col-md-7">
-     <img src="/assets/scope_team.jpg"></img>
+     <img class="transp-bg padded" src="/assets/scope_team.jpg"></img>
-     <img src="/assets/scope_team_2.jpg"></img>
+     <img class="transp-bg padded" src="/assets/scope_team_2.jpg"></img>
     </div>
 
     <div class="team-list col-md-5">
@@ -84,7 +84,7 @@ permalink: /about/
 
       <li>
        <p><a class="button hvr-sweep-to-top" target="_blank" href="http://alexcorbi.com">Alex Corbi aka Axel Orbit</a>
-        </br>programming, app development</p>
+       </br>programming, app development</p>
       </li>
 
       <li>
@@ -94,12 +94,7 @@ permalink: /about/
 
       <li>
        <p><a class="button hvr-sweep-to-top" target="_blank" href="http://kiritanflux.de/">Tobias Last aka Kiritan Flux</a>
-        </br>visualist, media artist, cultural manager</p>
+        </br>visualist, media artist</p>
-      </li>
-
-      <li>
-       <p><a class="button hvr-sweep-to-top" target="_blank" href="http://kopiloten.com/">Silke Müller aka Eklis Rellüm</a>
-        </br>culture consulting, project manager, producer</p>
       </li>
 
       <li>
@@ -108,12 +103,38 @@ permalink: /about/
       </li>
 
       <li>
-       <p><a class="button hvr-sweep-to-top" target="_blank" href="http://chrs-smthng.com/">Christian Sonntag aka chrs smthng</a>
+       <a class="button hvr-sweep-to-top" target="_blank" href="http://chrs-smthng.com/">Christian Sonntag aka chrs smthng</a>
         </br>projection services, event management</p>
       </li>
 
      </ul>
 
+     <h5>Former team members and collaborators</h5>
+
+     <ul>
+
+      <li>
+       <p><a class="button hvr-sweep-to-top" target="_blank" href="#">Silke Müller aka Eklis Rellüm</a>
+        </br>culture consulting, project manager, producer</p>
+      </li>
+
+      <li>
+       <p><a class="button hvr-sweep-to-top" target="_blank" href="http://idealpaar.net/">Rosa Teixidor</a>
+       </br>Actress, video artist</p>
+      </li>
+
+      <li>
+       <p><a class="button hvr-sweep-to-top" target="_blank" href="#">Lucy Benson</a>
+       </p>
+      </li>
+
+      <li>
+       <p><a class="button hvr-sweep-to-top" target="_blank" href="#">Ludovic Bablon</a>
+       </p>
+      </li>
+
+     </ul>
+
     </div>
 
    </div>

_layouts/event.html

@@ -8,21 +8,14 @@ layout: default
 
   <div class="row">
 
-   <div class="event-date col-md-2 col-md-offset-1">
+   <div class="transp-bg padded event-info col-md-2 col-md-offset-1">
 
-    <p>
+    <div class="event-date">
      <h3>#{{page.number}}</h3>
      <h4>{{page.date_text}}</h4>
+    </div>
 
-     {% if page.location %}
+     <div class="padded_vert">
-      <p><a class="highlight button hvr-sweep-to-top" href={{page.location_website}} target="_blank">{{page.location}}</a>
-      {% if page.fb_event_url %}
-       <a class="highlight button hvr-sweep-to-top" target="_blank" href={{page.fb_event_url}}><i class="fa fa-facebook-square"></i></a>
-      {% endif %}
-      </p>
-     {% endif %}
-
-     <p>
       <ul>
       {% for talk in page.talks %}
        {% if talk.topics %}
@@ -33,13 +26,18 @@ layout: default
        {% endif %}
       {% endfor %}
       </ul>
-     </p>
+     </div>
 
-     {% if page.fb_event_url %}
+     <div class="padded_vert">
-      <p>
+      {% if page.location %}
-        <a target="_blank" href="{{fb_event_url}}"><i class="fa fa-facebook-square"></i></a>
+       <ul>
-      </p>
+        <li><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{page.location}}</a></li>
-     {% endif %}
+       {% 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>
 
@@ -70,16 +68,16 @@ layout: default
         <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 %}
-        <p>Artist's Video</p>
+        <div class="transp-bg padded">
-        <iframe src="//player.vimeo.com/video/{{(talk.video_artist_url | split:"/") | last}}" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+         <p>Artist's Video</p>
-        <!-- <br>
+         <iframe src="//player.vimeo.com/video/{{(talk.video_artist_url | split:"/") | last}}" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-        <a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a> -->
+        </div>
        {% endif %}
        {% if talk.talk_video_url %}
-        <p>Talk's Video</p>
+        <div class="transp-bg padded">
-        <iframe src="//player.vimeo.com/video/{{(talk.talk_video_url | split:"/") | last}}" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+         <p>Talk's Video</p>
-        <!-- <br>
+         <iframe src="//player.vimeo.com/video/{{(talk.talk_video_url | split:"/") | last}}" width="100%" height="140" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
-        <a class="button hvr-sweep-to-top" href={{talk.talk_video_url}} target="_blank">Talk's Video</a>  -->
+        </div>
        {% endif %}
       {% endif %}
      </div>

_posts/2015-03-12-Scope041.markdown

@@ -1,6 +1,6 @@
 ---
 layout: event
-title:
+title: "SCOPE @ B-Seite"
 number: 41
 date_text: "March 19th, 2015"
 date_yyyy_mm_dd: "2015-03-19"

_posts/2015-04-09-Scope042.markdown

@@ -7,7 +7,7 @@ date_yyyy_mm_dd: "2015-04-9"
 location: "Panke"
 location_website: "http://www.pankeculture.com"
 fb_event_url: "https://www.facebook.com/events/434549376705094/"
-fb_gallery_id:
+fb_gallery_id: "831101656976820"
 talks:
 - title: "STATE Festival"
   topics: "Science,Art"

_posts/2015-05-14-Scope043.markdown

@@ -0,0 +1,15 @@
+---
+layout: event
+title: "Upcoming"
+number: 43
+date_text: "May 14th, 2015"
+date_yyyy_mm_dd: "2015-05-14"
+location: "Panke"
+location_website: "http://www.pankeculture.com"
+fb_event_url:
+fb_gallery_id:
+talks:
+- title: "Upcoming"
+- title: "Upcoming"
+- title: "Upcoming"
+---

css/custom.css

@@ -131,35 +131,39 @@ a:hover {
 .content {
  margin-top: 40px;
 }
-.event-date {
+.event-info {
- text-align: right;
+ height: 100%;
+}
+.event-info a {
+ margin-right: 0px;
+}
+.event-info p {
+ color: #fff;
  padding-right: 0px;
 }
-.event-date a {
+.event-info h3 {
- margin-right: 10px;
-}
-.event-date p {
- color: #fff;
- padding-right: 10px;
-}
-.event-date h3 {
  font-size: 96px;
- padding-right: 10px;
+ padding-right: 0px;
 }
-.event-date h4 {
+.event-info h4 {
  font-size: 18px;
  font-weight: normal;
- padding-right: 10px;
+ padding-right: 0px;
 }
-.event-date ul {
+.event-info ul {
- padding-right: 10px;
+ padding-right: 0px;
+ width: 100%;
+ text-align: right;
 }
-.event-date li {
+.event-info li {
  list-style: none;
- padding-right: 10px;
+ padding: 0px 10px 4px 0px;
- float:right;
  color: #CCC;
- font-size:14px;
+ font-size:16px;
+}
+.event-date {
+ text-align: right;
+ margin-right: 10px;
 }
 .artist-media {
  width: 100%;
@@ -187,6 +191,24 @@ a:hover {
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
 }
+.white_bg {
+ background: rgb(255,255,255) transparent;
+ background: rgba(255,255,255, 0.8);
+ filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF);
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF)";
+}
+.transp-bg {
+ background: rgb(255,255,255) transparent;
+ background: rgba(255,255,255, 0.2);
+ filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF, endColorstr=#22FFFFFF);
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#22FFFFFF, endColorstr=#22FFFFFF)";
+}
+.padded{
+ padding: 10px;
+}
+.padded_vert{
+ padding: 10px 0px;
+}
 .talk {
  padding: 20px 5px;
 }
@@ -229,6 +251,9 @@ a:hover {
 .gallery {
  margin-bottom: 10px;
 }
+.team ul{
+ padding-left: 0px;
+}
 .team li {
  list-style-type: none;
 }

index.html

@@ -10,37 +10,39 @@ home: yes
 
  <div data-scroll-index="{{pos}}" class="row">
 
-  <div class="event-date col-md-2 col-md-offset-1">
+  <div class="transp-bg padded event-info col-md-2 col-md-offset-1">
 
-   <a class="button hvr-sweep-to-top" href={{post.url}}>
+   <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>
 
-   {% if post.title %}
+   <div class="padded_vert">
-    <p>{{post.title}}</p>
-   {% endif %}
-
-   {% if post.location %}
-    <p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a>
-    {% if post.fb_event_url %}
-     <a class="highlight button hvr-sweep-to-top" target="_blank" href={{post.fb_event_url}}><i class="fa fa-facebook-square"></i></a>
-    {% endif %}
-    </p>
-   {% endif %}
-
-   <p>
     <ul>
-    {% for talk in post.talks %}
+     {% for talk in post.talks %}
-     {% if talk.topics %}
+      {% if talk.topics %}
-       {% assign tags = (talk.topics | split:",") %}
+        {% assign tags = (talk.topics | split:",") %}
-        {% for tag in tags | uniq %}
+         {% for tag in tags | uniq %}
-         <li>{{tag}}</li>
+          <li>{{tag}}</li>
-        {% endfor %}
+         {% endfor %}
-     {% endif %}
+      {% endif %}
-    {% endfor %}
+     {% endfor %}
     </ul>
-   </p>
+   </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>
 
@@ -67,19 +69,14 @@ home: yes
       {% 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>
-      <!-- <a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist_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>
-      <!-- <br>
-      <a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's 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>
-      <!-- <br>
-      <a class="button hvr-sweep-to-top" href={{talk.talk_video_url}} target="_blank">Talk's Video</a> -->
      {% endif %}
     </div>
 

js/custom.js

@@ -11,7 +11,7 @@ $(document).ready(function() {
  $(".artist-media img").imagefill();
  //$(".upcoming-media img").imagefill();
 
- var rnd = Math.floor(Math.random() * 13);
+ var rnd = Math.floor(Math.random() * 12);
 
  $(function() {
   $.vegas({