little layout fixes

This commit is contained in:
Open-Steps.org 2015-03-04 13:07:55 +01:00
parent a545ab39b0
commit ef6c4dc324
5 changed files with 38 additions and 19 deletions

View file

@ -11,8 +11,8 @@
</li> </li>
<li><a href="{{site.facebook_link}}"><i class="fa fa-facebook-square"></i></a> <li><a href="{{site.facebook_link}}"><i class="fa fa-facebook-square"></i></a>
</li> </li>
<li><a href="{{site.github_link}}"><i class="fa fa-github-square"></i></a> <!-- <li><a href="{{site.github_link}}"><i class="fa fa-github-square"></i></a>
</li> </li> -->
</ul> </ul>
</div> </div>
<div class="footer-support"> <div class="footer-support">

View file

@ -43,10 +43,6 @@
{% assign post = site.posts | first%} {% assign post = site.posts | first%}
<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> <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 %} {% for talk in post.talks %}
<div class="upcoming row"> <div class="upcoming row">
@ -60,6 +56,7 @@
<div class="upcoming-detail"> <div class="upcoming-detail">
<p><a class="button hvr-sweep-to-top" href="{{talk.artist_website}}">{{talk.artist}}</a> <br/> {{talk.title}} </p> <p><a class="button hvr-sweep-to-top" href="{{talk.artist_website}}">{{talk.artist}}</a> <br/> {{talk.title}} </p>
<p class="small-text">{{talk.description | truncate: 200 }}</p>
</div> </div>
</div> </div>
@ -74,11 +71,11 @@
<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/"> <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> Call for Talks section.</a>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-7">
<h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4> <h4><i class="fa fa-newspaper-o"></i> Join our newsletter</h4>
{% include newsletter.html %} {% include newsletter.html %}
</div> </div>
<div class="col-md-6"> <div class="col-md-5">
<h4><i class="fa fa-share-alt"></i> Spread the word</h4> <h4><i class="fa fa-share-alt"></i> Spread the word</h4>
{% include share.html %} {% include share.html %}
</div> </div>

View file

@ -15,7 +15,11 @@ layout: default
<h4>{{page.date_text}}</h4> <h4>{{page.date_text}}</h4>
{% if page.location %} {% if page.location %}
<p><a class="highlight button hvr-sweep-to-top" href={{page.location_website}} target="_blank">{{page.location}}</a></p> <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 %} {% endif %}
<p> <p>
@ -31,6 +35,12 @@ layout: default
</ul> </ul>
</p> </p>
{% if page.fb_event_url %}
<p>
<a target="_blank" href="{{fb_event_url}}"><i class="fa fa-facebook-square"></i></a>
</p>
{% endif %}
</div> </div>
<div class="event event-{{page.number}} dark_bg col-md-7"> <div class="event event-{{page.number}} dark_bg col-md-7">
@ -98,8 +108,8 @@ layout: default
<h4>Discover more</h4> <h4>Discover more</h4>
{% if page.previous %} {% if page.previous %}
<a class="button hvr-sweep-to-top" href={{page.previous.url | prepend: site.baseurl }}>{{page.previous.title}}</a> {% endif %} {% if page.next %} <a class="button hvr-sweep-to-top left" href={{page.previous.url | prepend: site.baseurl }}>#{{page.previous.number}}: {{page.previous.date_text}} {{page.previous.title}}</a> {% endif %} {% if page.next %}
<a class="button hvr-sweep-to-top" href={{page.next.url | prepend: site.baseurl }}>{{page.next.title}}</a> {% endif %} <a class="button hvr-sweep-to-top right" href={{page.next.url | prepend: site.baseurl }}>#{{page.next.number}}: {{page.next.date_text}} {{page.next.title}}</a> {% endif %}
</div> </div>

View file

@ -1,6 +1,5 @@
/*blue 2098d1 /*blue 2098d1
lila 9775af*/ lila 9775af*/
body { body {
color: #fff; color: #fff;
font-family: 'Abel', sans-serif; font-family: 'Abel', sans-serif;
@ -17,6 +16,15 @@ a:hover {
color: #9775af; color: #9775af;
cursor: pointer; cursor: pointer;
} }
.small-text{
font-size: 10px;
}
.left{
float:left;
}
.right{
float:right;
}
.top-button { .top-button {
display: none; display: none;
float: right; float: right;
@ -86,7 +94,7 @@ a:hover {
} }
.upcoming-media { .upcoming-media {
width: 100px; width: 100px;
height: 60px; height: 80px;
float: left; float: left;
margin-right: 10px; margin-right: 10px;
margin-left: 4px; margin-left: 4px;
@ -94,6 +102,9 @@ a:hover {
.upcoming-media img { .upcoming-media img {
width:100%; width:100%;
} }
.upcoming-detail p{
margin: 0px;
}
.site-header { .site-header {
background: #fff; background: #fff;
} }
@ -105,7 +116,7 @@ a:hover {
} }
.event-date { .event-date {
text-align: right; text-align: right;
padding-right: 10px; padding-right: 0px;
} }
.event-date a { .event-date a {
margin-right: 10px; margin-right: 10px;
@ -265,13 +276,10 @@ a:hover {
.footer li a:hover { .footer li a:hover {
color: #000; color: #000;
font-size: 24px; font-size: 24px;
margin-right: 4px;
margin-right: 4px;
} }
.footer li img { .footer li img {
height: 40px; height: 40px;
} }
.picbook .album-title { .picbook .album-title {
display:none; display:none;
} }

View file

@ -22,7 +22,11 @@ home: yes
{% endif %} {% endif %}
{% if post.location %} {% if post.location %}
<p><a class="highlight button hvr-sweep-to-top" href={{post.location_website}} target="_blank">{{post.location}}</a></p> <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 %} {% endif %}
<p> <p>