last touches

This commit is contained in:
Open-Steps.org 2015-03-01 19:46:21 +01:00
parent 49071fb9d8
commit cde5755238
11 changed files with 184 additions and 108 deletions

View file

@ -39,62 +39,15 @@
<div class="container-fluid navigator">
<div class="row">
<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="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 class="button hvr-sweep-to-top" href="/call-for-talks/">
Call for Talks section.</a>
<h4><i class="fa fa-sign-in"></i> Stay tuned: Join our newsletter</h4>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<div id="mc_embed_signup">
<form action="//scopesessions.us4.list-manage.com/subscribe/post?u=81466f386ca5ae4d818e3f092&amp;id=fa704d0d26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address
<span class="asterisk">*</span>
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_81466f386ca5ae4d818e3f092_fa704d0d26" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>
<!--End mc_embed_signup-->
</div>
<div class="col-md-4">
<div class="col-md-6 col-md-offset-1">
{% assign post = site.posts | first%}
<h4><i class="fa fa-calendar"></i> {{post.date_text}} / #{{post.number}}</h4>
<p>Location: <a class="button hvr-sweep-to-top" href="{{location_website}}">{{post.location}}</a>
</p>
{% for topic in post.topics | split:"," %}
<a class="button hvr-sweep-to-top topic">{{topic}}</a> {% endfor %} {% for talk in post.talks %}
<h4><i class="fa fa-calendar"></i> #{{post.number}} / {{post.date_text}} @ <a class="highlight button hvr-sweep-to-top" href="{{location_website}}">{{post.location}}</a></h4>
<!-- {% for topic in post.topics | split:"," %}
<a class="button hvr-sweep-to-top topic">{{topic}}</a>
{% endfor %} -->
{% for talk in post.talks %}
<div class="upcoming row">
<div class="upcoming-media">
@ -106,11 +59,30 @@
</div>
<div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" 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> <br/> {{talk.title}}</p>
</div>
</div>
{% endfor %}
</div>
<div class="col-md-4">
<!-- <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="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 class="button hvr-sweep-to-top" href="/call-for-talks/">
Call for Talks section.</a>
<div class="row">
<div class="col-md-6">
<h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
{% include newsletter.html %}
</div>
<div class="col-md-6">
<h4><i class="fa fa-share-alt"></i> Spread the word</h4>
{% include share.html %}
</div>
</div>
</div>
</div>
</div>

38
_includes/newsletter.html Normal file
View file

@ -0,0 +1,38 @@
<!-- Begin MailChimp Signup Form -->
<!-- <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> -->
<div id="mc_embed_signup">
<form action="//scopesessions.us4.list-manage.com/subscribe/post?u=81466f386ca5ae4d818e3f092&amp;id=fa704d0d26" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address
</label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;">
<input type="text" name="b_81466f386ca5ae4d818e3f092_fa704d0d26" tabindex="-1" value="">
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
<script type='text/javascript'>
(function($) {
window.fnames = new Array();
window.ftypes = new Array();
fnames[0] = 'EMAIL';
ftypes[0] = 'email';
fnames[1] = 'FNAME';
ftypes[1] = 'text';
fnames[2] = 'LNAME';
ftypes[2] = 'text';
}(jQuery));
var $mcj = jQuery.noConflict(true);
</script>

8
_includes/share.html Normal file
View file

@ -0,0 +1,8 @@
<div class="share-page">
<ul>
<li><a class="button hvr-sweep-to-top" href="https://twitter.com/intent/tweet?text={{ site.title }}&url={{ site.url }}" rel="nofollow" target="_blank" title="Share on Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://facebook.com/sharer.php?u={{ site.url }}" rel="nofollow" target="_blank" title="Share on Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="https://plus.google.com/share?url={{ site.url }}" rel="nofollow" target="_blank" title="Share on Google+"><i class="fa fa-google-plus"></i></a></li>
<li><a class="button hvr-sweep-to-top" href="http://pinterest.com/pin/create/button/?url={{ site.url }}&description={{ site.title }}" rel="nofollow" target="_blank" title="Share on Pinterest"><i class="fa fa-pinterest"></i></a></li>
</ul>
</div>