Working on UI

_data/events.yml

@@ -1,38 +0,0 @@
-- event: 37
-  title: '#37'
-  date: 13.11.2014
-  video_url: VIMEO_URL
-  talks:
-  - title: Privacy and online freedom of expression.
-    artist: Ioann Maria
-    artist_url: http://ioannmaria.com/
-    description:
-      "This Session will attempt an open discussion that addresses issues of privacy and online freedom of expression.
-      We want to discuss if and why privacy matters. How does that relate to contemporary artists and the tools they (we) are using? Is there a space for a political statement? How much strength does artistic expression have in the cyberworld? What are the chances and responsibilities of artists confronted with the omnipresent power- and control-structures in the wake of the revelations of Edward Snowden and other whistleblowers."
-    media_url: http://scopesessions.org/wp-content/uploads/2014/11/20120831071409-trevor-paglen0.jpg
-- event: 36
-  title: '#36'
-  date: 09.10.2014
-  video_url: VIMEO_URL
-  talks:
-  - title: Photochemical Intiatives
-    artist: Kevin Rice
-    artist_url: http://processreversal.org/
-    description:
-      "Process Reversal is a U.S. based collective which seeks to preserve celluloid film practices through research, resource development, and film productions focused on advancing the aesthetics and technology of the medium itself. In this sense, the times that we are facing with celluloid today are in fact the most exciting opportunities in the history of the medium — as the industry collapses all around us, we are being left with a chance to re-invent the medium in an image that was neither intended nor desired by the commercialism of the medium; one that explores new ways of seeing, new ways of hearing, and new ways of speaking about film.
-      Kevin Rice, a member of Process Reversal, will be presenting on behalf of the collective. He is a self described ‘film archivist’ whose practice focuses on the study of photochemical theories, the development of lab resources for filmmakers, and the documentation of various darkroom odysseys on motion picture film.The talk will expose his perspectives on contemporary film practices today, as well as the artist run film lab community, by discussing the formation, development, and infinite struggles of their collective, Process Reversal. In this, he will be sharing several works from members of the collective, including his own, and discussing their process and how it has evolved since the formation of our group. Along the way, he will explain several aspects of the photo-chemical process in film making and attempt to perform a live demonstration of a technique or two."
-    media_url: http://scopesessions.org/wp-content/uploads/2014/09/logo-480x480.jpg
-  - title: Signal, noise and machine
-    artist: So Kanno
-    artist_url: http://kanno.so/
-    description:
-      "Using technology and focusing on some specific matters of technology like relation between signal and noise, error and glitch. Making things that KANNO want to see and observe. Such as drawing machines which is not perfectly controlled by numbers, 3D printed sculpture and garment which uses errors and imperfectness of system intentionally. Predicting the future but not forgetting critical point of view for technology."
-    media_url: http://scopesessions.org/wp-content/uploads/2014/09/polygonView-480x273.jpg
-  - title: On improvised Cinema
-    artist: Kris Limbach
-    artist_url: http://krislimbach.com/
-    description:
-      "Kris Limbach is a sound artist residing in Berlin. Although his focus is on sound, he is involved in film projects since 1998, exploring always formats and aesthetics of cinema. His first experimental film, Cuento Incompleto was published in 2005 and since then he has collaborated with various artists performing live film screenings using expanded cinema techniques. This work for film has an outstanding influence on his current sound-art works, using film-editing techniques and film sound aesthetics for his sound pieces like the ongoing begin_ if _ () sound project and live performances. He released on labels such as Richard Garets´s Contour Editions, Staaltape, Modisti, Framework Radio, Agxivatein and more.
-      His current project “Music for dysfunctional airports” will be premiered at Media Art Friesland in the in November.
-      Kris Limbach will perform a short improvised piece to give an insight in his techniques and workflow."
-    media_url: http://scopesessions.org/wp-content/uploads/2014/09/kris-performance-2014-panoptik-480x323.jpg

_events/2014-10-09-36.markdown

@@ -1,6 +0,0 @@
----
-layout: event
-title:  "Scope Session #36"
-date:   2014-10-09
-categories: event
----

_includes/head.html

@@ -5,14 +5,30 @@
 
   <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
-
-  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
-  <link rel="stylesheet" href="{{ "/css/custom.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
 
   <link rel="stylesheet" type="text/css" href="/bower_components/bootstrap/dist/css/bootstrap.min.css"/>
+  <link rel="stylesheet" type="text/css" href="/bower_components/vegas/dist/jquery.vegas.min.css"/>
+  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/custom.css" | prepend: site.baseurl }}">
+
   <script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>
   <script src="/bower_components/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
+  <script src="/bower_components/vegas/dist/jquery.vegas.min.js" type="text/javascript"></script>
+
+  <script type="text/javascript">
+
+    var rnd=Math.floor(Math.random()*4);
+
+    $(function() {
+      $.vegas({
+        src:'/assets/bgphotos/'+rnd+'.png'
+      });
+      $.vegas('overlay', {
+        src:'/assets/bgphotos/overlay.png'
+      });
+    });
+  </script>
 
 </head>

_layouts/event.html

@@ -16,8 +16,12 @@ layout: default
 
         {% for talk in page.talks %}
 
-        <div class="talk col-md-4">
+        <div class="talk_detail col-md-4">
-          <img src={{talk.media_url}}></img>
+          {% if {{talk.media_artist_url}} %}
+            <img src={{talk.media_artist_url}}></img>
+          {% else %}
+          <img src="/assets/no_artist_media.png"></img>
+          {% endif %}
           <h3 href={{talk.artist_url}}>{{talk.artist}}</h3>
           <h4>{{talk.title}}</h4>
           <p>{{talk.description}}</p>

_posts/2014-04-10-Scope31.markdown

@@ -21,10 +21,10 @@ talks:
   artist: "Mahir Duman"
   speakers: "Mahir Duman"
   artist_bio: "Mahir Duman is a visual artist born in Ordu, Turkey. He studied in Istanbul and lives and works in Berlin since 2011. As a VJ, Mahir is doing interactive live performances and installations for clubs, special events and art galleries. He works with video, short film, music clips and lots of different media sets, mixed and synchronized with sound and the rhythm of action. He describes his imagery as unrealistic and surreal, that question human perception and the interplay between subjects."
-  description: ""
+  description: 
   artist_website: "http://www.popkinsart.com/"
-  media_artist_url: ""
+  media_artist_url:
-  video_artist_url: ""
+  video_artist_url:
   talk_video_url:
 - title: "Trashpuzzle"
   artist: "Trashpuzzle"

bower.json

@@ -17,6 +17,7 @@
   ],
   "dependencies": {
     "jquery": "~2.1.1",
-    "bootstrap": "~3.3.1"
+    "bootstrap": "~3.3.1",
+    "vegas": "~1.3.5"
   }
 }

css/custom.css

@@ -1,11 +1,31 @@
+h3{
+  color:#fff;
+}
+
+.site-header{
+  background:#fff;
+}
+
+.site-footer{
+  background:#fff;
+}
+
+.artist-media {
+  width: 100%;
+  max-height: 200px;
+  overflow: hidden;
+}
+
+.artist-media img {
+  width: 100%;
+}
+
 .event{
-  background: #eee;
   padding:10px;
   margin:10px;
 }
 
 .event :hover{
-  background: #e7ccfb;
 }
 
 .upcoming{
@@ -14,15 +34,11 @@
 
 .talk{
   padding:10px;
-  background: #ddd;
+  background: #fff;
+  height: 300px;
 }
 
-.content{
+.talk_detail{
-  /*background: #000;
+  padding:10px;
-  color: #fff;*/
+  background: #fff;
-}
-
-.site-footer{
-  /*background: #000;
-  color: #fff;*/
 }

index.html

@@ -19,11 +19,17 @@ layout: default
         {% for talk in post.talks %}
 
           <div class="talk col-md-4">
-            <img src={{talk.media_url}}></img>
+            <div class="artist-media">
-            <a href={{talk.artist_url}} target="_blank">{{talk.artist}}</a>
+              {% if {{talk.media_artist_url}} %}
+                <img  src={{talk.media_artist_url}}></img>
+              {% else %}
+                <img class="artist_media" src="/assets/no_artist_media.png"></img>
+              {% endif %}
+            </div>
+            <a href={{talk.artist_website}} target="_blank">{{talk.artist}}</a>
             <p>{{talk.title}}</p>
             {% if {{talk.video_url}} %}
-              <a href={{post.video_url}}>Video</a>
+              <a href={{post.video_artist_url}}>Video</a>
             {% endif %}
           </div>