Implementing call for talks

_includes/header.html

@@ -10,8 +10,11 @@
 
   <div>
    <ul class="nav navbar-nav navbar-center">
-    <li><a href="#" class="navigator-toggle"><i class="fa fa-bars"></i> Browse</a>
-    </li>
+    {% if page.home == true %}
+     <li><a href="#" class="navigator-toggle"><i class="fa fa-bars"></i> Browse</a></li>
+    {% else %}
+     <li><a href="/"><i class="fa fa-angle-left"></i> Back</a></li>
+    {% endif %}
    </ul>
   </div>
 
@@ -22,7 +25,7 @@
     <li><a class="header-btn" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
     </li>
     {% endif %} {% endfor %}
-    <li><a class="top-button" data-scroll-nav="0">TOP</a>
+    <li><a class="top-button" data-scroll-nav="1">TOP</a>
     </li>
    </ul>
   </div>
@@ -37,7 +40,7 @@
   <div class="col-md-8">
    <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="topic" data-scroll-nav="{{pos}}">{{topic}}</a> {% endfor %} {% endfor %}
+   <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 href="/call-for-talks/">
  Call for Talks section.</a>
@@ -45,9 +48,9 @@
   <div class="col-md-4">
    {% assign post = site.posts | first%}
    <h4><i class="fa fa-calendar"></i> {{post.date_text}} / #{{post.number}}</h4>
-    <p>Location: <a href="{{location_website}}">{{post.location}}</a></p>
+    <p>Location: <a class="button hvr-sweep-to-top" href="{{location_website}}">{{post.location}}</a></p>
    {% for topic in post.topics | split:"," %}
-   <a class="topic">{{topic}}</a> {% endfor %} {% for talk in post.talks %}
+   <a class="button hvr-sweep-to-top topic">{{topic}}</a> {% endfor %} {% for talk in post.talks %}
    <div class="upcoming row">
 
     <div class="upcoming-media">
@@ -59,7 +62,7 @@
     </div>
 
     <div class="upcoming-detail">
-     <p><a 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> / {{talk.title}}</p>
     </div>
 
    </div>

callfortalks.html

@@ -4,13 +4,24 @@ title: Call for talks
 permalink: /call-for-talks/
 ---
 
-<div class="container-fluid">
+<div class="content container-fluid">
 
  <div class="row">
 
   <div class="dark_bg col-md-8 col-md-offset-2">
 
-   TBD
+   <div class="page-title col-md-2 col-md-offset-1">
+    <h3>{{page.title}}</h3>
+    <a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
+   </div>
+
+   <div class="about dark_bg col-md-9">
+    <div class="row">
+     <div class="col-md-12">
+      <iframe src="https://docs.google.com/forms/d/1e5KuQwBvYSenIegSBKbwjscWCA0LxZ3zjZAIH6ROn8g/viewform?embedded=true" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0">Wird geladen...</iframe>
+     </div>
+    </div>
+   </div>
 
   </div>
 

css/custom.css

@@ -61,7 +61,7 @@ a:hover {
  color: #000;
 }
 .navigator a:hover {
- color: #9775af;
+ color: #fff;
 }
 .navigator li {
  float: left;
@@ -71,8 +71,7 @@ a:hover {
  color: #9775af;
 }
 .navigator h4 {
- color: #fff;
- background: #9775af;
+ color: #9775af;
  padding: 10px;
 }
 .upcoming {

index.html

@@ -1,5 +1,6 @@
 ---
 layout: default
+home: yes
 ---
 <div class="content container-fluid">
 
@@ -48,8 +49,8 @@ layout: default
 
     <div class="talk-detail">
      <h4>{{talk.artist}} / {{talk.title}}</h4>
-      {% if talk.description | size > 300 %}
-       <p>{{talk.description | truncate: 300 }} ...</p>
+      {% if (talk.description | size) > 300 %}
+       <p>{{talk.description | truncate: 300 }}</p>
       {% else %}
        <p>{{talk.description}}</p>
       {% endif%}