After state session

2015-04-14 11:57:13 +02:00 · 2015-04-14 11:57:13 +02:00 · d5d2a33c1a
commit d5d2a33c1a
parent 71dc9aebea
13 changed files with 143 additions and 87 deletions
--- a/3_about.html
+++ b/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 src="/assets/scope_team_2.jpg"></img>
+     <img class="transp-bg padded" src="/assets/scope_team.jpg"></img>
+     <img class="transp-bg padded" src="/assets/scope_team_2.jpg"></img>
    </div>

    <div class="team-list col-md-5">
@ -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>
-      </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>
+        </br>visualist, media artist</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>
--- a/_layouts/event.html
+++ b/_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 %}
-      <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>
+     <div class="padded_vert">
      <ul>
      {% for talk in page.talks %}
       {% if talk.topics %}
@ -33,13 +26,18 @@ layout: default
       {% endif %}
      {% endfor %}
      </ul>
-     </p>
+     </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 %}
-      <p>
-        <a target="_blank" href="{{fb_event_url}}"><i class="fa fa-facebook-square"></i></a>
-      </p>
+        <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 %}
+        <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>
-        <!-- <br>
-        <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 %}
+        <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>
-        <!-- <br>
-        <a class="button hvr-sweep-to-top" href={{talk.talk_video_url}} target="_blank">Talk's Video</a>  -->
+        </div>
       {% endif %}
      {% endif %}
     </div>
--- a/_posts/2015-03-12-Scope041.markdown
+++ b/_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"
--- a/_posts/2015-04-09-Scope042.markdown
+++ b/_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"
--- a/_posts/2015-05-14-Scope043.markdown
+++ b/_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"
+---
--- a/assets/bgphotos/10.png
+++ b/assets/bgphotos/10.png
--- a/assets/bgphotos/11.png
+++ b/assets/bgphotos/11.png
--- a/assets/bgphotos/12.png
+++ b/assets/bgphotos/12.png
--- a/assets/bgphotos/8.png
+++ b/assets/bgphotos/8.png
--- a/assets/bgphotos/9.png
+++ b/assets/bgphotos/9.png
--- a/css/custom.css
+++ b/css/custom.css
@ -131,35 +131,39 @@ a:hover {
 .content {
 margin-top: 40px;
 }
-.event-date {
- text-align: right;
+.event-info {
+ height: 100%;
+}
+.event-info a {
+ margin-right: 0px;
+}
+.event-info p {
+ color: #fff;
 padding-right: 0px;
 }
-.event-date a {
- margin-right: 10px;
-}
-.event-date p {
- color: #fff;
- padding-right: 10px;
-}
-.event-date h3 {
+.event-info 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 {
- padding-right: 10px;
+.event-info ul {
+ padding-right: 0px;
+ width: 100%;
+ text-align: right;
 }
-.event-date li {
+.event-info li {
 list-style: none;
- padding-right: 10px;
- float:right;
+ padding: 0px 10px 4px 0px;
 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;
 }
--- a/index.html
+++ b/index.html
@ -10,26 +10,17 @@ 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>
-   </a>
-
    {% if post.title %}
     <p>{{post.title}}</p>
    {% endif %}
+   </a>

-   {% 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>
+   <div class="padded_vert">
    <ul>
     {% for talk in post.talks %}
      {% if talk.topics %}
@ -40,7 +31,18 @@ home: yes
      {% endif %}
     {% 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>

--- a/js/custom.js
+++ b/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({