1 files changed, 66 insertions, 0 deletions
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>