diff options
author | joak <joak@nospace.at> | 2020-08-17 11:55:24 +0200 |
---|---|---|
committer | joak <joak@nospace.at> | 2020-08-17 11:55:24 +0200 |
commit | f60e9ccd5b046101903a79bf6afa0cf87fdd956c (patch) | |
tree | db29d0f55a1bc3347b63341551fa05308554101d /templates |
init
Diffstat (limited to 'templates')
-rw-r--r-- | templates/blocks/collaborator.html | 1 | ||||
-rw-r--r-- | templates/blocks/content.html | 3 | ||||
-rw-r--r-- | templates/blocks/gallery.html | 5 | ||||
-rw-r--r-- | templates/blocks/galleryvideo.html | 8 | ||||
-rw-r--r-- | templates/blocks/html.html | 3 | ||||
-rw-r--r-- | templates/blocks/picture.html | 2 | ||||
-rw-r--r-- | templates/blocks/video.html | 9 | ||||
-rw-r--r-- | templates/curating.html | 21 | ||||
-rw-r--r-- | templates/curatings.html | 5 | ||||
-rw-r--r-- | templates/exhibition.html | 21 | ||||
-rw-r--r-- | templates/exhibitions.html | 5 | ||||
-rw-r--r-- | templates/info.html | 96 | ||||
-rw-r--r-- | templates/layout.html | 66 | ||||
-rw-r--r-- | templates/lecture.html | 20 | ||||
-rw-r--r-- | templates/lectures.html | 5 | ||||
-rw-r--r-- | templates/macros/pagination.html | 15 | ||||
-rw-r--r-- | templates/page.html | 43 | ||||
-rw-r--r-- | templates/performance.html | 21 | ||||
-rw-r--r-- | templates/performances.html | 5 | ||||
-rw-r--r-- | templates/work.html | 33 | ||||
-rw-r--r-- | templates/works.html | 47 |
21 files changed, 434 insertions, 0 deletions
diff --git a/templates/blocks/collaborator.html b/templates/blocks/collaborator.html new file mode 100644 index 0000000..90f91ad --- /dev/null +++ b/templates/blocks/collaborator.html @@ -0,0 +1 @@ +<a href="{{ this.url }}">{{ this.collaborator }}</a> diff --git a/templates/blocks/content.html b/templates/blocks/content.html new file mode 100644 index 0000000..52b67d7 --- /dev/null +++ b/templates/blocks/content.html @@ -0,0 +1,3 @@ +<div class="dacontent"> + {{this.content}} +</div> diff --git a/templates/blocks/gallery.html b/templates/blocks/gallery.html new file mode 100644 index 0000000..d34bb5a --- /dev/null +++ b/templates/blocks/gallery.html @@ -0,0 +1,5 @@ +<div class="gallery"> + {% for item in this.gallery.blocks %} + {{ item }} + {% endfor %} +</div> diff --git a/templates/blocks/galleryvideo.html b/templates/blocks/galleryvideo.html new file mode 100644 index 0000000..661337a --- /dev/null +++ b/templates/blocks/galleryvideo.html @@ -0,0 +1,8 @@ +<div class="gallery-video"> + <video class="" controls preload="metadata"> + <source src="{{ this.url }}" type="video/mp4"> + Your browser does not support HTML5 video. + </video> + <h4>{{ this.caption }}</h4> +</div> + diff --git a/templates/blocks/html.html b/templates/blocks/html.html new file mode 100644 index 0000000..40cee00 --- /dev/null +++ b/templates/blocks/html.html @@ -0,0 +1,3 @@ +<div class="html"> + {{this.html}} +</div> diff --git a/templates/blocks/picture.html b/templates/blocks/picture.html new file mode 100644 index 0000000..a75eb3e --- /dev/null +++ b/templates/blocks/picture.html @@ -0,0 +1,2 @@ +{% set img = record.attachments.images.get(this.url) %} +<img id="{{ this.url|replace('.','') }}" class="bigimage" src="{{img.thumbnail(800)|url}}" alt="{{ this.caption }}"> diff --git a/templates/blocks/video.html b/templates/blocks/video.html new file mode 100644 index 0000000..b906e9d --- /dev/null +++ b/templates/blocks/video.html @@ -0,0 +1,9 @@ +<div class="videodiv"> + {%if this.caption %}<h2 class="gallerytitle">{{ this.caption }}</h2>{% endif %} + <div class="video"> + <video max-width="720px" preload="metadata" controls=""> + {% set video = record.attachments.videos.get(this.url) %} + <source src="{{ video|url }}" type="video/mp4"> + </video> + </div> +</div> diff --git a/templates/curating.html b/templates/curating.html new file mode 100644 index 0000000..bdd6536 --- /dev/null +++ b/templates/curating.html @@ -0,0 +1,21 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <div class="container-fluid main"> + <div class="row"> + <div class="col"> + <h1>{{ bag('translation', this.alt, 'curating') }}</h1> + + <h2>{{ bag('translation', this.alt, 'title') }}: {{ this.title }}</h2> + <h3>Start: {{ this.date_start|dateformat('Y-MM-dd') }}</h3> + <h3>{{ bag('translation', this.alt, 'end') }}: {{ this.date_end|dateformat('Y-MM-dd') }}</h3> + <h3>{{ bag('translation', this.alt, 'venue') }}: {{ this.venue }} </h3> + <h3>{{ bag('translation', this.alt, 'place') }}: {{ this.place }} </h3> + <h3>{{ bag('translation', this.alt, 'country') }}: {{ this.country }} </h3> + <h3>{{ bag('translation', this.alt, 'website') }}: <a href="{{ this.url }}">{{this.url}}</a> </h3> + <h3>{{ bag('translation', this.alt, 'comment') }}: {{ this.comment }} </h3> + {{ this.info }} + </div> + </div> + </div> +{% endblock %} diff --git a/templates/curatings.html b/templates/curatings.html new file mode 100644 index 0000000..1ea76a3 --- /dev/null +++ b/templates/curatings.html @@ -0,0 +1,5 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <h1>{{ this.title }}</h1> +{% endblock %} diff --git a/templates/exhibition.html b/templates/exhibition.html new file mode 100644 index 0000000..bec0642 --- /dev/null +++ b/templates/exhibition.html @@ -0,0 +1,21 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <div class="container-fluid main"> + <div class="row"> + <div class="col"> + <h1>{{ bag('translation', this.alt, 'exhibition') }}</h1> + + <h2>{{ bag('translation', this.alt, 'title') }}: {{ this.title }}</h2> + <h3>Start: {{ this.date_start|dateformat('Y-MM-dd') }}</h3> + <h3>{{ bag('translation', this.alt, 'end') }}: {{ this.date_end|dateformat('Y-MM-dd') }}</h3> + <h3>{{ bag('translation', this.alt, 'venue') }}: {{ this.venue }} </h3> + <h3>{{ bag('translation', this.alt, 'place') }}: {{ this.place }} </h3> + <h3>{{ bag('translation', this.alt, 'country') }}: {{ this.country }} </h3> + <h3>{{ bag('translation', this.alt, 'website') }}: <a href="{{ this.url }}">{{this.url}}</a> </h3> + <h3>{{ bag('translation', this.alt, 'comment') }}: {{ this.comment }} </h3> + {{ this.info }} + </div> + </div> + </div> +{% endblock %} diff --git a/templates/exhibitions.html b/templates/exhibitions.html new file mode 100644 index 0000000..1ea76a3 --- /dev/null +++ b/templates/exhibitions.html @@ -0,0 +1,5 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <h1>{{ this.title }}</h1> +{% endblock %} diff --git a/templates/info.html b/templates/info.html new file mode 100644 index 0000000..fc37ab5 --- /dev/null +++ b/templates/info.html @@ -0,0 +1,96 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <div class="pagefull"> + <div class="info"> + <h1>{{ bag('translation', this.alt, 'info') }}</h1> + {{ this.body }} + </div> + <div class="exhibitions"> + <h1>{{ bag('translation', this.alt, 'exhibitions') }}</h1> + <table style="width:100%"> + <tr> + <th></th> + <th></th> + <th></th> + <th></th> + </tr> + {% set exhibitions = site.query('/exhibitions').all() %} + {% for exhibition in exhibitions %} + <tr class="exhibition"> + {% set gif = exhibition.attachments.images.get(exhibition.thumbnail) %} + <td class="listdate">{% if exhibition.thumbnail %}<img src="{{ gif.thumbnail(200)|url }}" class="workthumb">{% endif %}<a href="{{exhibition|url}}">{{ exhibition.date_start|dateformat('Y-MM-dd') }} - {{ exhibition.date_end|dateformat('Y-MM-dd') }}</a></td> + <td><a href="{{exhibition|url}}">{{ exhibition.title }}</a></td> + <td><a href="{{exhibition|url}}">{{ exhibition.venue}}, {{exhibition.place}}, {{exhibition.country}}</a></td> + <td class="listformat"><a href="{{exhibition|url}}">{{ exhibition.comment}}</a></td> + </tr> + {% endfor %} + </table> + </div> + <div class="performances"> + <h1>{{ bag('translation', this.alt, 'performances') }}</h1> + <table style="width:100%"> + <tr> + <th></th> + <th></th> + <th></th> + <th></th> + </tr> + {% set performances = site.query('/performances').all() %} + {% for performance in performances %} + <tr class="performances"> + {% set gif = performance.attachments.images.get(performance.thumbnail) %} + <td class="listdate">{% if performance.thumbnail %}<img src="{{ gif.thumbnail(200)|url }}" class="workthumb">{% endif %}<a href="{{performance|url}}">{{ performance.date_start|dateformat('Y-MM-dd') }}</a></td> + <td><a href="{{performance|url}}">{{ performance.title|truncate(70, False, ' ...', 0) }}</a></td> + {% set location = performance.venue +", "+performance.place+", "+performance.country %} + <td><a href="{{performance|url}}">{{ location|truncate(50, False, ' ...', 0)}}</a></td> + <td class="listformat"><a href="{{performance|url}}">{{ performance.comment|truncate(50, False, ' ...', 0)}}</a></td> + </tr> + {% endfor %} + </table> + </div> + <div class="lectures"> + <h1>{{ bag('translation', this.alt, 'lectures') }} </h1> + <table style="width:100%"> + <tr> + <th></th> + <th></th> + <th></th> + </tr> + {% set lectures = site.query('/lectures').all() %} + {% for lecture in lectures %} + <tr class="lectures"> + {% set gif = lecture.attachments.images.get(lecture.thumbnail) %} + <td class="listdate">{% if lecture.thumbnail %}<img src="{{ gif.thumbnail(200)|url }}" class="workthumb">{% endif %}<a href="{{lecture|url}}">{{ lecture.date|dateformat('Y-MM-dd') }}</a></td> + <td><a href="{{lecture|url}}">{{ lecture.title|truncate(70, False, ' ...', 0) }}</a></td> + {% set location = lecture.venue +", "+lecture.place+", "+lecture.country %} + <td ><a href="{{lecture|url}}">{{ location|truncate(60, False, ' ...', 0)}}</a></td> + <td class="listformat"><a href="{{lecture|url}}">{{ lecture.comment|truncate(50, False, ' ...', 0)}}</a></td> + + </tr> + {% endfor %} + </table> + </div> + <div class="curatings"> + <h1>{{ bag('translation', this.alt, 'curatings') }}</h1> + <table style="width:100%"> + <tr> + <th></th> + <th></th> + <th></th> + <th></th> + </tr> + {% set curatings = site.query('/curating').all() %} + {% for curating in curatings %} + <tr class="curating"> + {% set gif = curating.attachments.images.get(curating.thumbnail) %} + <td class="listdate">{% if curating.thumbnail %}<img src="{{ gif.thumbnail(200)|url }}" class="workthumb">{% endif %}<a href="{{curating|url}}">{{ curating.date_start|dateformat('Y-MM-dd') }} - {{ curating.date_end|dateformat('Y-MM-dd') }}</a></td> + <td><a href="{{curating|url}}">{{ curating.title }}</a></td> + <td><a href="{{curating|url}}">{{ curating.venue}}, {{curating.place}}, {{curating.country}}</a></td> + <td class="listformat"><a href="{{curating|url}}">{{ curating.comment}}</a></td> + </tr> + {% endfor %} + </table> + </div> + </div> +{% endblock %} diff --git a/templates/layout.html b/templates/layout.html new file mode 100644 index 0000000..f7bde33 --- /dev/null +++ b/templates/layout.html @@ -0,0 +1,66 @@ +<!doctype html> +<html> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <link rel="stylesheet" type="text/css" href="{{ '/static/style.css'|url }}"> + <link rel="stylesheet" type="text/css" href="{{ '/static/print.css'|url }}" media="print" /> + <meta property="og:title" content="{{ this.title }}" /> + {% set img = this.attachments.images.get(this.thumbnail) %} + <meta property="og:image" content="{% if img %}{{ img.thumbnail(300)|url }}{% else %}{{ '/static/images/testimage.png'|url }}{% endif %}" /> + + <title>joak - {% block title %}{% endblock %}</title> + </head> + <body> + <img src="" name="theforeground" id="foregroundimg"> + <div class="gardienttop"></div> + <ul class="mainmenu menu top"> + <li><a class="{% if this._path == '/' %} active{% endif %}" href="{{ '/'|url }}">joak</a></li> + {% for href, title in [ + ['/works', 'works'], + ['/info', 'info'], + ['/contact', 'contact'] + ] %} + <li><a class="{% if this.is_child_of(href) %} active{% endif %}" href="{{ href|url }}">{{ bag('translation', this.alt, title ) }}</a></li> + {% endfor %} + <li><a href="http://log.nospace.at">{{ bag('translation', this.alt, 'log') }}</a></li> + </ul> + <ul class="language menu top"> + <li><a href="{{ '.'|url(alt='en') }}">EN</a></li> + <li><a href="{{ '.'|url(alt='de') }}">DE</a></li> + </ul> + {% block body %}{% endblock %} + <div class="gardientbottom"></div> + <div class="bottom"> + <div class="background"> + <span class="title">{{ bag('translation', this.alt, 'background' ) }}:</span> + <select id="background"> + <option value="white">white</option> + <option value="black">black</option> + <option value="red">red</option> + <option value="blue">blue</option> + <option value="windowsxp">Windows XP</option> + <option value="osxgalaxy">OS X 10.7</option> + <option value="ubuntu1010">UBUNTU 10.10</option> + <option value="windows98">Windows 98</option> + <option value="windows10">Windows 10</option> + </select> + </div> + <div class="foreground"> + <span class="title">{{ bag('translation', this.alt, 'foreground' ) }}:</span> + <select id="foreground"> + <option value="none">none</option> + <option value="social">ANTIsocialMEDIA</option> + <option value="malevich">malevich</option> + <option value="bruegel">bruegel</option> + <option value="luegt">luegt</option> + <option value="metzger">metzger</option> + <option value="grupaTOK">grupaTOK</option> + <option value="steiger">steiger</option> + <option value="flynt">flynt</option> + </select> + </div> + </div> + </body> + <script src="{{ '/static/script.js'|url }}"></script> +</html> diff --git a/templates/lecture.html b/templates/lecture.html new file mode 100644 index 0000000..284040e --- /dev/null +++ b/templates/lecture.html @@ -0,0 +1,20 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <div class="container-fluid main"> + <div class="row"> + <div class="col"> + <h1>{{ bag('translation', this.alt, 'lecture') }}</h1> + + <h2>{{ bag('translation', this.alt, 'title') }}: {{ this.title }}</h2> + <h3>{{ bag('translation', this.alt, 'date') }}: {{ this.date }}</h3> + <h3>{{ bag('translation', this.alt, 'venue') }}: {{ this.venue }} </h3> + <h3>{{ bag('translation', this.alt, 'place') }}: {{ this.place }} </h3> + <h3>{{ bag('translation', this.alt, 'country') }}: {{ this.country }} </h3> + <h3>{{ bag('translation', this.alt, 'website') }}: <a href="{{ this.url }}">{{this.url}}</a> </h3> + <h3>{{ bag('translation', this.alt, 'comment') }}: {{ this.comment }} </h3> + {{ this.info }} + </div> + </div> + </div> +{% endblock %} diff --git a/templates/lectures.html b/templates/lectures.html new file mode 100644 index 0000000..1ea76a3 --- /dev/null +++ b/templates/lectures.html @@ -0,0 +1,5 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <h1>{{ this.title }}</h1> +{% endblock %} diff --git a/templates/macros/pagination.html b/templates/macros/pagination.html new file mode 100644 index 0000000..077cc5a --- /dev/null +++ b/templates/macros/pagination.html @@ -0,0 +1,15 @@ +{% macro render_pagination(pagination) %} + <div class="pagination"> + {% if pagination.has_prev %} + <a href="{{ pagination.prev|url }}">« Previous</a> + {% else %} + <span class="disabled">« Previous</span> + {% endif %} + | {{ pagination.page }} | + {% if pagination.has_next %} + <a href="{{ pagination.next|url }}">Next »</a> + {% else %} + <span class="disabled">Next »</span> + {% endif %} + </div> +{% endmacro %} diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..5d9297d --- /dev/null +++ b/templates/page.html @@ -0,0 +1,43 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} +{% if this._path == '/' %} + <div class="previews"> + {{ this.body }} + + {% set works = site.get('/works', this.alt) %} + {% for work in works.children %} + {% if work.selected %} + {{work.content.blocks._flowblock}} + <span class="previews"> + <h1 class="starth1">{{work.title}}</h1> + + {% for item in work.content.blocks %} + {% if item._flowblock == 'gallery' %} + {% for i in item.gallery.blocks %} + {% if i._flowblock == 'picture' %} + {% set img = work.attachments.images.get(i.url) %} + {% set r = (range(200, 300) | random) %} +<!-- + <a class="preview" href="{{work|url}}" style="z-index: {{(range(0, 50) | random)}}; position: fixed; left: calc({{range(2, 80) | random }}vW - {{0}}px); top: {{range(2, 80) | random }}vh;"> +--> + <a class="preview" href="{{work|url}}" style=""> + <img src="{{ img.thumbnail(r)|url }}" alt="{{ this.caption }}"/> + </a> + {% endif %} + {% endfor %} + {% endif %} + {% endfor %} + </span> + {% endif %} + {% endfor %} + </div> +{% else %} +<div class="page"> + <div class="pageinner"> + {{this.body}} + </div> +</div> +{% endif %} + +{% endblock %} diff --git a/templates/performance.html b/templates/performance.html new file mode 100644 index 0000000..9a6ff23 --- /dev/null +++ b/templates/performance.html @@ -0,0 +1,21 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <div class="container-fluid main"> + <div class="row"> + <div class="col"> + <h1>{{ bag('translation', this.alt, 'performance') }}</h1> + + <h2>{{ bag('translation', this.alt, 'title') }}: {{ this.title }}</h2> + <h3>Start: {{ this.date_start|dateformat('Y-MM-dd') }}</h3> + <h3>{{ bag('translation', this.alt, 'end') }}: {{ this.date_end|dateformat('Y-MM-dd') }}</h3> + <h3>{{ bag('translation', this.alt, 'venue') }}: {{ this.venue }} </h3> + <h3>{{ bag('translation', this.alt, 'place') }}: {{ this.place }} </h3> + <h3>{{ bag('translation', this.alt, 'country') }}: {{ this.country }} </h3> + <h3>{{ bag('translation', this.alt, 'website') }}: <a href="{{ this.url }}">{{this.url}}</a> </h3> + <h3>{{ bag('translation', this.alt, 'comment') }}: {{ this.comment }} </h3> + {{ this.info }} + </div> + </div> + </div> +{% endblock %} diff --git a/templates/performances.html b/templates/performances.html new file mode 100644 index 0000000..1ea76a3 --- /dev/null +++ b/templates/performances.html @@ -0,0 +1,5 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <h1>{{ this.title }}</h1> +{% endblock %} diff --git a/templates/work.html b/templates/work.html new file mode 100644 index 0000000..f51571b --- /dev/null +++ b/templates/work.html @@ -0,0 +1,33 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block thumbail %}{{ this.thumbnail }}{% endblock %} +{% block body %} +<div class="workdescription"> + <h1>{{ this.title }}</h1> + <table style="width:100%"> + <tr> + <th></th> + </tr> + <tr> + <td class="work">{{ bag('translation', this.alt, 'time') }}: {{ this.year_start|dateformat('Y-MM-dd') }} - {% if this.ongoing == True %}{{ bag('translation', this.alt, 'ongoing') }}{% else %} {{ this.year_end|dateformat('Y-MM-dd') }} {% endif %}</td> + </tr> + {% if this.format %}<tr> + <td class="work">{{bag('translation', this.alt, 'format')}}: {{this.format}}</td> + </tr>{% endif %} + {% if this.tfwebsite == True %}<tr> + <td class="work">{{bag('translation', this.alt, 'website')}}: <a href="{{ this.website }}">{{this.website}}</a></td> + </tr>{% endif %} + {% if this.tfrepo == True %}<tr> + <td class="work">Repository: <a href="{{ this.website }}">{{this.repo}}</a> </td> + </tr>{% endif %} + {% if this.tfcollaborator == true %}<tr> + <td class="work">{{bag('translation', this.alt, 'collaborators')}}: {% for collaborator in this.collaborators.blocks %}{{ collaborator }} {% endfor %}</td> + </tr>{% endif %} + </table> +</div> +<div class="pagework"> + <div class="pageinner"> + {{ this.content }} + </div> +</div> +{% endblock %} diff --git a/templates/works.html b/templates/works.html new file mode 100644 index 0000000..bb22aa6 --- /dev/null +++ b/templates/works.html @@ -0,0 +1,47 @@ +{% extends "layout.html" %} +{% block title %}{{ this.title }}{% endblock %} +{% block body %} + <!-- {{this.title}} --> + {% set works = site.get('/works', this.alt) %} + <div class="pagefull"> + <table style="width:100%"> + <tr> + <th>🗒</th> + <th>🔧🔨🔬🖥🔊</th> + <th>🕛</th> + <th>?</th> + </tr> + + + {% for work in works.children %} + <tr class="works {% if work.selected %}flash{% endif %}" {% if work.selected %}{% set r = range(10, 60) | random/10 %}style="animation-duration: {{r}}s;"{% endif %}> + {% set gif = work.attachments.images.get(work.thumbnail) %} + <td><img src="{{ gif.thumbnail(200)|url }}" class="workthumb"><a href="{{work|url}}">{{work.title}}</a></td> + <td><a href="{{work|url}}"> + {% for item in work.content.blocks %} + {% if item._flowblock == 'gallery' %} + {% for i in item.gallery.blocks %} + {% if i._flowblock == 'picture' %} + {% set img = work.attachments.images.get(i.url) %} +<!-- + 📷 +--> + <img src="{{ img.thumbnail(10)|url }}" alt="{{ this.caption }}"/> + {% endif %} + {% if i._flowblock == 'galleryvideo' %} + 🎥 + {% endif %} + {% endfor %} + {% endif %} + {% if item._flowblock == 'video' %} + 🎥 + {% endif %} + {% endfor %} + </a></td> + <td><a href="{{work|url}}">{{ work.year_start|dateformat('Y-MM-dd') }} - {% if work.ongoing == True %}{{ bag('translation', this.alt, 'ongoing') }}{% else %} {{ work.year_end|dateformat('Y-MM-dd') }} {% endif %}</a></td> + <td><a href="{{work|url}}">{% if work.format %}{{work.format}}{% endif %}</a></td> + </tr> + {% endfor %} + </table> + </div> +{% endblock %} |