69 lines
2.1 KiB
HTML
69 lines
2.1 KiB
HTML
<nav class="navbar navbar-default navbar-fixed-top">
|
|
|
|
<div class="container-fluid">
|
|
|
|
<div class="navbar-header">
|
|
<a class="navbar-brand" href="/">
|
|
<img alt="Logo" src="/assets/scope_logo.png">
|
|
</a>
|
|
</div>
|
|
|
|
<div>
|
|
<ul class="nav navbar-nav navbar-center">
|
|
<li><a href="#" class="navigator-toggle"><i class="fa fa-bars"></i> Browse</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
<div>
|
|
<ul class="nav navbar-nav navbar-right">
|
|
{% for page in site.pages %} {% if page.title %}
|
|
<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>
|
|
</ul>
|
|
</div>
|
|
<!-- /.navbar-collapse -->
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<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="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>
|
|
</div>
|
|
<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>
|
|
{% for topic in post.topics | split:"," %}
|
|
<a class="topic">{{topic}}</a> {% endfor %} {% for talk in post.talks %}
|
|
<div class="upcoming row">
|
|
|
|
<div class="upcoming-media">
|
|
{% if {{talk.media_artist_url}} %}
|
|
<img src={{talk.media_artist_url}}></img>
|
|
{% else %}
|
|
<img src="/assets/no_artist_media.png"></img>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<div class="upcoming-detail">
|
|
<p><a href="{{talk.artist_website}}">{{talk.artist}}</a> / {{talk.title}}</p>
|
|
</div>
|
|
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|