summaryrefslogtreecommitdiff
path: root/templates/layout.html
blob: 4ce10e66b811b94efecb99b75c06709fef8fe34f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
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 [
			  ['/selected-works', 'selected 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>