beautified html & js
This commit is contained in:
Open-Steps.org
parent
fe460c0a2e
commit
a777ddada6
15 changed files with 648 additions and 753 deletions
|
|
@ -1,18 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
{% include head.html %}
|
||||
{% include head.html %}
|
||||
|
||||
<body>
|
||||
<body>
|
||||
|
||||
{% include header.html %}
|
||||
{% include header.html %}
|
||||
|
||||
<div class="content container-fluid">
|
||||
{{ content }}
|
||||
</div>
|
||||
<div class="content container-fluid">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
{% include footer.html %}
|
||||
{% include footer.html %}
|
||||
|
||||
</body>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,108 +1,91 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
--- layout: default ---
|
||||
|
||||
<div class="content container-fluid">
|
||||
<div class="content container-fluid">
|
||||
|
||||
<article>
|
||||
<article>
|
||||
|
||||
<div class="row">
|
||||
<div class="row">
|
||||
|
||||
<div class="event-date col-md-2 col-md-offset-1">
|
||||
<div class="event-date col-md-2 col-md-offset-1">
|
||||
|
||||
<p>
|
||||
<h3>#{{page.number}}</h3>
|
||||
<h4>{{page.date_text}}</h4>
|
||||
{% if page.topics %}
|
||||
<p><ul>
|
||||
{% assign tags = (page.topics | split:",") %}
|
||||
{% for tag in tags %}
|
||||
<li>{{tag}}</li>
|
||||
{% endfor%}
|
||||
</ul></p>
|
||||
{% endif %}
|
||||
{% if page.location %}
|
||||
<p><a class="highlight button hvr-sweep-to-top" href={{page.location_website}} target="_blank">{{page.location}}</a></p>
|
||||
{% endif %}
|
||||
</p>
|
||||
<p>
|
||||
<h3>#{{page.number}}</h3>
|
||||
<h4>{{page.date_text}}</h4>
|
||||
{% if page.topics %}
|
||||
<p>
|
||||
<ul>
|
||||
{% assign tags = (page.topics | split:",") %} {% for tag in tags %}
|
||||
<li>{{tag}}</li>
|
||||
{% endfor%}
|
||||
</ul>
|
||||
</p>
|
||||
{% endif %} {% if page.location %}
|
||||
<p><a class="highlight button hvr-sweep-to-top" href={{page.location_website}} target="_blank">{{page.location}}</a>
|
||||
</p>
|
||||
{% endif %}
|
||||
</p>
|
||||
|
||||
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
||||
<a class="highlight button hvr-sweep-to-top" href="/">Back to home</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="event event-{{page.number}} dark_bg col-md-7">
|
||||
<div class="event event-{{page.number}} dark_bg col-md-7">
|
||||
|
||||
{% capture talks_number %}{{ page.talks | size }}{% endcapture %}
|
||||
{% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %}
|
||||
{% capture talks_number %}{{ page.talks | size }}{% endcapture %} {% capture col_width %}{{ 12 | divided_by:talks_number }}{% endcapture %} {% for talk in page.talks %}
|
||||
|
||||
{% for talk in page.talks %}
|
||||
<div class="talk col-md-{{col_width}}">
|
||||
|
||||
<div class="talk col-md-{{col_width}}">
|
||||
<div class="artist-media">
|
||||
{% if {{talk.media_artist_url}} %}
|
||||
<img class="artist-media" src={{talk.media_artist_url}}></img>
|
||||
{% else %}
|
||||
<img class="artist-media" src="/assets/no_artist-media.png"></img>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="artist-media">
|
||||
{% if {{talk.media_artist_url}} %}
|
||||
<img class="artist-media" src={{talk.media_artist_url}}></img>
|
||||
{% else %}
|
||||
<img class="artist-media" src="/assets/no_artist-media.png"></img>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="talk-detail">
|
||||
<h4>{{talk.artist}} / {{talk.title}}</h4>
|
||||
{% if talk.description %}
|
||||
<p>{{talk.description}}</p>
|
||||
{% endif %} {% if talk.artist_bio %}
|
||||
<h5>About {{talk.artist}}</h5>
|
||||
<p>{{talk.artist_bio}}</p>
|
||||
{% endif %} {% if talk.artist_website || talk.video_artist_url || talk.video_url %} {% if talk.artist_website %}
|
||||
<a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist_website}}</a> {% endif %} {% if talk.video_artist_url %}
|
||||
<br>
|
||||
<a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a> {% endif %} {% if talk.video_url %}
|
||||
<br>
|
||||
<a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a> {% endif %} {% endif %}
|
||||
</div>
|
||||
|
||||
<div class="talk-detail">
|
||||
<h4>{{talk.artist}} / {{talk.title}}</h4>
|
||||
{% if talk.description %}
|
||||
<p>{{talk.description}}</p>
|
||||
{% endif %}
|
||||
{% if talk.artist_bio %}
|
||||
<h5>About {{talk.artist}}</h5>
|
||||
<p>{{talk.artist_bio}}</p>
|
||||
{% endif %}
|
||||
{% if talk.artist_website || talk.video_artist_url || talk.video_url %}
|
||||
{% if talk.artist_website %}
|
||||
<a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist_website}}</a>
|
||||
{% endif %}
|
||||
{% if talk.video_artist_url %}
|
||||
<br>
|
||||
<a class="button hvr-sweep-to-top" href={{talk.video_artist_url}} target="_blank">Artist's Video</a>
|
||||
{% endif %}
|
||||
{% if talk.video_url %}
|
||||
<br>
|
||||
<a class="button hvr-sweep-to-top" href={{talk.video_url}} target="_blank">Talk's Video</a>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="gallery dark_bg col-md-4 col-md-offset-3">
|
||||
|
||||
<h4>Photo gallery of the event</h4>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="nav_bottom dark_bg col-md-2 col-md-offset-1">
|
||||
|
||||
<h4>Discover more</h4>
|
||||
|
||||
{% 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" href={{page.next.url | prepend: site.baseurl }}>{{page.next.title}}</a>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="gallery dark_bg col-md-4 col-md-offset-3">
|
||||
|
||||
<h4>Photo gallery of the event</h4>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="nav_bottom dark_bg col-md-2 col-md-offset-1">
|
||||
|
||||
<h4>Discover more</h4>
|
||||
|
||||
{% 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" href={{page.next.url | prepend: site.baseurl }}>{{page.next.title}}</a> {% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,12 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
--- layout: default ---
|
||||
<div class="post">
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper">
|
||||
|
||||
<!-- <header class="post-header">
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
</header> -->
|
||||
<article class="post-content">
|
||||
{{ content }}
|
||||
</article>
|
||||
|
||||
<article class="post-content">
|
||||
{{ content }}
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,20 +1,17 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
--- layout: default ---
|
||||
<div class="post">
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="wrapper">
|
||||
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
|
||||
</header>
|
||||
<header class="post-header">
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
|
||||
</header>
|
||||
|
||||
<article class="post-content">
|
||||
<a> test </a>
|
||||
{{ content }}
|
||||
</article>
|
||||
<article class="post-content">
|
||||
<a> test </a> {{ content }}
|
||||
</article>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue