Initial commit

.gitignore

@@ -0,0 +1,4 @@
+web/output/
+__pycache__/
+*.py[cod]
+*$py.class

design/css/code_blocks/darkly.css

@@ -0,0 +1,38 @@
+/*
+  Darkly Pygments Theme
+  (c) 2014 Sourcey
+  http://sourcey.com
+*/
+
+pre {
+  white-space: pre;
+  overflow: auto;
+  word-wrap: normal; /* horizontal scrolling */
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  padding: 20px;
+  background: #343642;
+  color: #C1C2C3;
+}
+
+.hll { background-color: #ffc; }
+.gd { color: #2e3436; background-color: #0e1416; }
+.gr { color: #eeeeec; background-color: #c00; }
+.gi { color: #babdb6; background-color: #1f2b2d; }
+.go { color: #2c3032; background-color: #2c3032; }
+.kt { color: #e3e7df; }
+.ni { color: #888a85; }
+.c,.cm,.c1,.cs { color: #8D9684; }
+.err,.g,.l,.n,.x,.p,.ge,
+.gp,.gs,.gt,.ld,.s,.nc,.nd,
+.ne,.nl,.nn,.nx,.py,.ow,.w,.sb,
+.sc,.sd,.s2,.se,.sh,.si,.sx,.sr,
+.s1,.ss,.bp { color: #C1C2C3; }
+.k,.kc,.kd,.kn,.kp,.kr,
+.nt { color: #729fcf; }
+.cp,.gh,.gu,.na,.nf { color: #E9A94B ; }
+.m,.nb,.no,.mf,.mh,.mi,.mo,
+.il { color: #8ae234; }
+.o { color: #989DAA; }
+.nv,.vc,.vg,.vi { color: #fff; }

design/css/code_blocks/github.css

@@ -0,0 +1,84 @@
+/* to make lines scroll instead of wrap */
+/* from http://stackoverflow.com/a/23393920 */
+
+.highlight pre code * {
+  white-space: nowrap;    // this sets all children inside to nowrap
+}
+
+.highlight pre {
+  overflow-x: auto;       // this sets the scrolling in x
+}
+
+.highlight pre code {
+  white-space: pre;       // forces <code> to respect <pre> formatting
+}
+
+
+/*
+ * GitHub style for Pygments syntax highlighter, for use with Jekyll
+ * Courtesy of GitHub.com
+ */
+
+.highlight pre, pre, .highlight .hll { background-color: #f8f8f8; border: 1px solid #ccc; padding: 6px 10px; border-radius: 3px; }
+.highlight .c { color: #999988; font-style: italic; }
+.highlight .err { color: #a61717; background-color: #e3d2d2; }
+.highlight .k { font-weight: bold; }
+.highlight .o { font-weight: bold; }
+.highlight .cm { color: #999988; font-style: italic; }
+.highlight .cp { color: #999999; font-weight: bold; }
+.highlight .c1 { color: #999988; font-style: italic; }
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
+.highlight .gd { color: #000000; background-color: #ffdddd; }
+.highlight .gd .x { color: #000000; background-color: #ffaaaa; }
+.highlight .ge { font-style: italic; }
+.highlight .gr { color: #aa0000; }
+.highlight .gh { color: #999999; }
+.highlight .gi { color: #000000; background-color: #ddffdd; }
+.highlight .gi .x { color: #000000; background-color: #aaffaa; }
+.highlight .go { color: #888888; }
+.highlight .gp { color: #555555; }
+.highlight .gs { font-weight: bold; }
+.highlight .gu { color: #800080; font-weight: bold; }
+.highlight .gt { color: #aa0000; }
+.highlight .kc { font-weight: bold; }
+.highlight .kd { font-weight: bold; }
+.highlight .kn { font-weight: bold; }
+.highlight .kp { font-weight: bold; }
+.highlight .kr { font-weight: bold; }
+.highlight .kt { color: #445588; font-weight: bold; }
+.highlight .m { color: #009999; }
+.highlight .s { color: #dd1144; }
+.highlight .n { color: #333333; }
+.highlight .na { color: teal; }
+.highlight .nb { color: #0086b3; }
+.highlight .nc { color: #445588; font-weight: bold; }
+.highlight .no { color: teal; }
+.highlight .ni { color: purple; }
+.highlight .ne { color: #990000; font-weight: bold; }
+.highlight .nf { color: #990000; font-weight: bold; }
+.highlight .nn { color: #555555; }
+.highlight .nt { color: navy; }
+.highlight .nv { color: teal; }
+.highlight .ow { font-weight: bold; }
+.highlight .w { color: #bbbbbb; }
+.highlight .mf { color: #009999; }
+.highlight .mh { color: #009999; }
+.highlight .mi { color: #009999; }
+.highlight .mo { color: #009999; }
+.highlight .sb { color: #dd1144; }
+.highlight .sc { color: #dd1144; }
+.highlight .sd { color: #dd1144; }
+.highlight .s2 { color: #dd1144; }
+.highlight .se { color: #dd1144; }
+.highlight .sh { color: #dd1144; }
+.highlight .si { color: #dd1144; }
+.highlight .sx { color: #dd1144; }
+.highlight .sr { color: #009926; }
+.highlight .s1 { color: #dd1144; }
+.highlight .ss { color: #990073; }
+.highlight .bp { color: #999999; }
+.highlight .vc { color: teal; }
+.highlight .vg { color: teal; }
+.highlight .vi { color: teal; }
+.highlight .il { color: #009999; }
+.highlight .gc { color: #999; background-color: #EAF2F5; }

design/css/code_blocks/monokai.css

@@ -0,0 +1,80 @@
+/*
+  Monokai Pygments Theme
+*/
+
+pre {
+  white-space: pre;
+  overflow: auto;
+  word-wrap: normal; /* horizontal scrolling */
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  padding: 20px;
+  background: #343642;
+  color: #C1C2C3;
+}
+
+.hll { background-color: #49483e }
+.c { color: #75715e } /* Comment */
+.err { color: #960050; background-color: #1e0010 } /* Error */
+.k { color: #66d9ef } /* Keyword */
+.l { color: #ae81ff } /* Literal */
+.n { color: #f8f8f2 } /* Name */
+.o { color: #f92672 } /* Operator */
+.p { color: #f8f8f2 } /* Punctuation */
+.cm { color: #75715e } /* Comment.Multiline */
+.cp { color: #75715e } /* Comment.Preproc */
+.c1 { color: #75715e } /* Comment.Single */
+.cs { color: #75715e } /* Comment.Special */
+.ge { font-style: italic } /* Generic.Emph */
+.gs { font-weight: bold } /* Generic.Strong */
+.kc { color: #66d9ef } /* Keyword.Constant */
+.kd { color: #66d9ef } /* Keyword.Declaration */
+.kn { color: #f92672 } /* Keyword.Namespace */
+.kp { color: #66d9ef } /* Keyword.Pseudo */
+.kr { color: #66d9ef } /* Keyword.Reserved */
+.kt { color: #66d9ef } /* Keyword.Type */
+.ld { color: #e6db74 } /* Literal.Date */
+.m { color: #ae81ff } /* Literal.Number */
+.s { color: #e6db74 } /* Literal.String */
+.na { color: #a6e22e } /* Name.Attribute */
+.nb { color: #f8f8f2 } /* Name.Builtin */
+.nc { color: #a6e22e } /* Name.Class */
+.no { color: #66d9ef } /* Name.Constant */
+.nd { color: #a6e22e } /* Name.Decorator */
+.ni { color: #f8f8f2 } /* Name.Entity */
+.ne { color: #a6e22e } /* Name.Exception */
+.nf { color: #a6e22e } /* Name.Function */
+.nl { color: #f8f8f2 } /* Name.Label */
+.nn { color: #f8f8f2 } /* Name.Namespace */
+.nx { color: #a6e22e } /* Name.Other */
+.py { color: #f8f8f2 } /* Name.Property */
+.nt { color: #f92672 } /* Name.Tag */
+.nv { color: #f8f8f2 } /* Name.Variable */
+.ow { color: #f92672 } /* Operator.Word */
+.w { color: #f8f8f2 } /* Text.Whitespace */
+.mf { color: #ae81ff } /* Literal.Number.Float */
+.mh { color: #ae81ff } /* Literal.Number.Hex */
+.mi { color: #ae81ff } /* Literal.Number.Integer */
+.mo { color: #ae81ff } /* Literal.Number.Oct */
+.sb { color: #e6db74 } /* Literal.String.Backtick */
+.sc { color: #e6db74 } /* Literal.String.Char */
+.sd { color: #e6db74 } /* Literal.String.Doc */
+.s2 { color: #e6db74 } /* Literal.String.Double */
+.se { color: #ae81ff } /* Literal.String.Escape */
+.sh { color: #e6db74 } /* Literal.String.Heredoc */
+.si { color: #e6db74 } /* Literal.String.Interpol */
+.sx { color: #e6db74 } /* Literal.String.Other */
+.sr { color: #e6db74 } /* Literal.String.Regex */
+.s1 { color: #e6db74 } /* Literal.String.Single */
+.ss { color: #e6db74 } /* Literal.String.Symbol */
+.bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
+.vc { color: #f8f8f2 } /* Name.Variable.Class */
+.vg { color: #f8f8f2 } /* Name.Variable.Global */
+.vi { color: #f8f8f2 } /* Name.Variable.Instance */
+.il { color: #ae81ff } /* Literal.Number.Integer.Long */
+
+.gh { } /* Generic Heading & Diff Header */
+.gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
+.gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
+.gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */

design/css/code_blocks/tomorrow.css

@@ -0,0 +1,70 @@
+/*
+  Tomorrow Pygments Theme
+*/
+
+pre { background: #ffffff; color: #4d4d4c }
+
+.hll { background-color: #d6d6d6 }
+.c { color: #8e908c } /* Comment */
+.err { color: #c82829 } /* Error */
+.k { color: #8959a8 } /* Keyword */
+.l { color: #f5871f } /* Literal */
+.n { color: #4d4d4c } /* Name */
+.o { color: #3e999f } /* Operator */
+.p { color: #4d4d4c } /* Punctuation */
+.cm { color: #8e908c } /* Comment.Multiline */
+.cp { color: #8e908c } /* Comment.Preproc */
+.c1 { color: #8e908c } /* Comment.Single */
+.cs { color: #8e908c } /* Comment.Special */
+.gd { color: #c82829 } /* Generic.Deleted */
+.ge { font-style: italic } /* Generic.Emph */
+.gh { color: #4d4d4c; font-weight: bold } /* Generic.Heading */
+.gi { color: #718c00 } /* Generic.Inserted */
+.gp { color: #8e908c; font-weight: bold } /* Generic.Prompt */
+.gs { font-weight: bold } /* Generic.Strong */
+.gu { color: #3e999f; font-weight: bold } /* Generic.Subheading */
+.kc { color: #8959a8 } /* Keyword.Constant */
+.kd { color: #8959a8 } /* Keyword.Declaration */
+.kn { color: #3e999f } /* Keyword.Namespace */
+.kp { color: #8959a8 } /* Keyword.Pseudo */
+.kr { color: #8959a8 } /* Keyword.Reserved */
+.kt { color: #eab700 } /* Keyword.Type */
+.ld { color: #718c00 } /* Literal.Date */
+.m { color: #f5871f } /* Literal.Number */
+.s { color: #718c00 } /* Literal.String */
+.na { color: #4271ae } /* Name.Attribute */
+.nb { color: #4d4d4c } /* Name.Builtin */
+.nc { color: #eab700 } /* Name.Class */
+.no { color: #c82829 } /* Name.Constant */
+.nd { color: #3e999f } /* Name.Decorator */
+.ni { color: #4d4d4c } /* Name.Entity */
+.ne { color: #c82829 } /* Name.Exception */
+.nf { color: #4271ae } /* Name.Function */
+.nl { color: #4d4d4c } /* Name.Label */
+.nn { color: #eab700 } /* Name.Namespace */
+.nx { color: #4271ae } /* Name.Other */
+.py { color: #4d4d4c } /* Name.Property */
+.nt { color: #3e999f } /* Name.Tag */
+.nv { color: #c82829 } /* Name.Variable */
+.ow { color: #3e999f } /* Operator.Word */
+.w { color: #4d4d4c } /* Text.Whitespace */
+.mf { color: #f5871f } /* Literal.Number.Float */
+.mh { color: #f5871f } /* Literal.Number.Hex */
+.mi { color: #f5871f } /* Literal.Number.Integer */
+.mo { color: #f5871f } /* Literal.Number.Oct */
+.sb { color: #718c00 } /* Literal.String.Backtick */
+.sc { color: #4d4d4c } /* Literal.String.Char */
+.sd { color: #8e908c } /* Literal.String.Doc */
+.s2 { color: #718c00 } /* Literal.String.Double */
+.se { color: #f5871f } /* Literal.String.Escape */
+.sh { color: #718c00 } /* Literal.String.Heredoc */
+.si { color: #f5871f } /* Literal.String.Interpol */
+.sx { color: #718c00 } /* Literal.String.Other */
+.sr { color: #718c00 } /* Literal.String.Regex */
+.s1 { color: #718c00 } /* Literal.String.Single */
+.ss { color: #718c00 } /* Literal.String.Symbol */
+.bp { color: #4d4d4c } /* Name.Builtin.Pseudo */
+.vc { color: #c82829 } /* Name.Variable.Class */
+.vg { color: #c82829 } /* Name.Variable.Global */
+.vi { color: #c82829 } /* Name.Variable.Instance */
+.il { color: #f5871f } /* Literal.Number.Integer.Long */

design/css/code_blocks/tomorrow_night.css

@@ -0,0 +1,70 @@
+/*
+  Tomorrow Night Pygments Theme
+*/
+
+pre  { background: #1d1f21; color: #c5c8c6 }
+
+.hll { background-color: #373b41 }
+.c { color: #969896 } /* Comment */
+.err { color: #cc6666 } /* Error */
+.k { color: #b294bb } /* Keyword */
+.l { color: #de935f } /* Literal */
+.n { color: #c5c8c6 } /* Name */
+.o { color: #8abeb7 } /* Operator */
+.p { color: #c5c8c6 } /* Punctuation */
+.cm { color: #969896 } /* Comment.Multiline */
+.cp { color: #969896 } /* Comment.Preproc */
+.c1 { color: #969896 } /* Comment.Single */
+.cs { color: #969896 } /* Comment.Special */
+.gd { color: #cc6666 } /* Generic.Deleted */
+.ge { font-style: italic } /* Generic.Emph */
+.gh { color: #c5c8c6; font-weight: bold } /* Generic.Heading */
+.gi { color: #b5bd68 } /* Generic.Inserted */
+.gp { color: #969896; font-weight: bold } /* Generic.Prompt */
+.gs { font-weight: bold } /* Generic.Strong */
+.gu { color: #8abeb7; font-weight: bold } /* Generic.Subheading */
+.kc { color: #b294bb } /* Keyword.Constant */
+.kd { color: #b294bb } /* Keyword.Declaration */
+.kn { color: #8abeb7 } /* Keyword.Namespace */
+.kp { color: #b294bb } /* Keyword.Pseudo */
+.kr { color: #b294bb } /* Keyword.Reserved */
+.kt { color: #f0c674 } /* Keyword.Type */
+.ld { color: #b5bd68 } /* Literal.Date */
+.m { color: #de935f } /* Literal.Number */
+.s { color: #b5bd68 } /* Literal.String */
+.na { color: #81a2be } /* Name.Attribute */
+.nb { color: #c5c8c6 } /* Name.Builtin */
+.nc { color: #f0c674 } /* Name.Class */
+.no { color: #cc6666 } /* Name.Constant */
+.nd { color: #8abeb7 } /* Name.Decorator */
+.ni { color: #c5c8c6 } /* Name.Entity */
+.ne { color: #cc6666 } /* Name.Exception */
+.nf { color: #81a2be } /* Name.Function */
+.nl { color: #c5c8c6 } /* Name.Label */
+.nn { color: #f0c674 } /* Name.Namespace */
+.nx { color: #81a2be } /* Name.Other */
+.py { color: #c5c8c6 } /* Name.Property */
+.nt { color: #8abeb7 } /* Name.Tag */
+.nv { color: #cc6666 } /* Name.Variable */
+.ow { color: #8abeb7 } /* Operator.Word */
+.w { color: #c5c8c6 } /* Text.Whitespace */
+.mf { color: #de935f } /* Literal.Number.Float */
+.mh { color: #de935f } /* Literal.Number.Hex */
+.mi { color: #de935f } /* Literal.Number.Integer */
+.mo { color: #de935f } /* Literal.Number.Oct */
+.sb { color: #b5bd68 } /* Literal.String.Backtick */
+.sc { color: #c5c8c6 } /* Literal.String.Char */
+.sd { color: #969896 } /* Literal.String.Doc */
+.s2 { color: #b5bd68 } /* Literal.String.Double */
+.se { color: #de935f } /* Literal.String.Escape */
+.sh { color: #b5bd68 } /* Literal.String.Heredoc */
+.si { color: #de935f } /* Literal.String.Interpol */
+.sx { color: #b5bd68 } /* Literal.String.Other */
+.sr { color: #b5bd68 } /* Literal.String.Regex */
+.s1 { color: #b5bd68 } /* Literal.String.Single */
+.ss { color: #b5bd68 } /* Literal.String.Symbol */
+.bp { color: #c5c8c6 } /* Name.Builtin.Pseudo */
+.vc { color: #cc6666 } /* Name.Variable.Class */
+.vg { color: #cc6666 } /* Name.Variable.Global */
+.vi { color: #cc6666 } /* Name.Variable.Instance */
+.il { color: #de935f } /* Literal.Number.Integer.Long */

design/font/icons.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Copyright (C) 2015 by original authors @ fontello.com</metadata>
+<defs>
+<font id="icons" horiz-adv-x="1000" >
+<font-face font-family="icons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
+<missing-glyph horiz-adv-x="1000" />
+<glyph glyph-name="ic-star" unicode="&#xe800;" d="m528 850c0 0 158-333 158-333 0 0 371-45 371-45 0 0-273-251-273-251 0 0 71-361 71-361 0 0-327 178-327 178 0 0-326-178-326-178 0 0 71 361 71 361 0 0-273 251-273 251 0 0 370 45 370 45 0 0 158 333 158 333z" horiz-adv-x="1057" />
+<glyph glyph-name="ic-rss" unicode="&#xe801;" d="m133 117c-73 0-133-60-133-133 0-74 60-133 133-133 74 0 133 59 133 133 0 73-59 133-133 133z m-133 393c0 0 0-191 0-191 125 0 242-49 331-138 88-88 137-206 137-331 0 0 192 0 192 0 0 364-296 660-660 660z m0 340c0 0 0-192 0-192 446 0 808-362 808-808 0 0 192 0 192 0 0 551-448 1000-1000 1000z" horiz-adv-x="1000" />
+<glyph glyph-name="ic-posts" unicode="&#xe802;" d="m0-150c0 0 0 1000 0 1000 0 0 586 0 586 0 0 0 200-199 200-199 0 0 0-801 0-801 0 0-786 0-786 0z m571 914c0 0 0-128 0-128 0 0 129 0 129 0 0 0-129 128-129 128z m143-200c0 0-214 0-214 0 0 0 0 215 0 215 0 0-429 0-429 0 0 0 0-858 0-858 0 0 643 0 643 0 0 0 0 643 0 643z m-71-178c0 0-500 0-500 0 0 0 0 71 0 71 0 0 500 0 500 0 0 0 0-71 0-71z m0-143c0 0-500 0-500 0 0 0 0 71 0 71 0 0 500 0 500 0 0 0 0-71 0-71z m-143-143c0 0-357 0-357 0 0 0 0 71 0 71 0 0 357 0 357 0 0 0 0-71 0-71z" horiz-adv-x="786" />
+<glyph glyph-name="ic-location" unicode="&#xe803;" d="m349 850c-192 0-349-156-349-347 0-184 317-615 330-633 0 0 13-17 13-17 1-2 4-3 6-3 3 0 5 1 7 3 0 0 12 17 12 17 14 18 331 449 331 633 0 191-157 347-350 347z m0-223c69 0 125-55 125-124 0-69-56-124-125-124-69 0-125 55-125 124 0 69 56 124 125 124z" horiz-adv-x="698" />
+<glyph glyph-name="ic-link" unicode="&#xe804;" d="m366 57c0 0-50-51-50-51-44-43-116-43-159 0-21 21-33 49-33 79 0 29 12 57 33 78 0 0 186 185 186 185 38 38 111 94 164 42 24-24 64-24 88 0 24 24 24 64-1 88-90 89-223 72-338-42 0 0-187-185-187-185-44-45-69-104-69-166 0-63 25-122 69-167 46-45 107-68 167-68 61 0 121 23 167 68 0 0 51 51 51 51 24 24 24 63 0 87-24 25-63 25-88 1z m565 717c-97 96-232 102-321 13 0 0-64-63-64-63-24-24-24-63 0-87 24-25 64-25 88-1 0 0 63 63 63 63 46 46 107 27 146-12 22-21 33-49 33-79 0-29-11-57-33-78 0 0-198-197-198-197-91-90-134-48-152-30-24 24-63 24-88 0-24-24-24-64 1-88 41-41 89-62 139-62 61 0 126 31 187 92 0 0 199 197 199 197 44 45 69 104 69 166 0 63-25 122-69 166z" horiz-adv-x="1000" />
+<glyph glyph-name="ic-googleplus" unicode="&#xe805;" d="m978 619c0 0-110 0-110 0-12 0-22-10-22-22 0 0 0-110 0-110 0-12-10-22-22-22 0 0-33 0-33 0-12 0-22 10-22 22 0 0 0 110 0 110 0 12-10 22-22 22 0 0-110 0-110 0-12 0-22 10-22 22 0 0 0 33 0 33 0 12 10 22 22 22 0 0 110 0 110 0 12 0 22 10 22 22 0 0 0 110 0 110 0 12 10 22 22 22 0 0 33 0 33 0 12 0 22-10 22-22 0 0 0-110 0-110 0-12 10-22 22-22 0 0 110 0 110 0 12 0 22-10 22-22 0 0 0-33 0-33 0-12-10-22-22-22z m-359 220c0 0-43-25-43-25-10-7-29-12-41-12 0 0-37 0-37 0-12 0-14-5-4-12 20-17 36-38 48-63 16-33 24-67 24-102 0-29-5-56-14-79-9-23-21-41-34-55-13-14-26-27-40-39-13-12-24-24-33-37-9-12-14-26-14-40 0-11 3-21 10-31 6-10 15-20 26-29 10-9 22-19 35-29 13-10 25-21 38-33 13-12 25-25 35-40 11-14 20-31 26-51 7-20 10-41 10-64 0-64-28-120-84-169-61-53-145-79-252-79-24 0-48 2-72 6-24 4-49 11-73 20-25 10-47 21-66 35-18 14-34 32-46 53-12 22-18 47-18 74 0 24 8 51 22 81 13 25 32 47 58 66 26 19 55 33 87 43 33 10 64 17 93 21 23 4 45 6 68 8 13 0 16 8 10 18-17 27-26 50-26 72 0 5 0 10 1 14 1 5 2 9 3 12 1 3 3 7 5 13 1 2 2 4 2 6 1 4-7 5-19 5-7-1-14-1-21-1-60 0-111 19-153 59-43 39-64 88-64 147 0 56 19 107 57 151 38 44 85 72 140 85 38 8 75 12 113 12 0 0 240 0 240 0 12 0 14-5 3-11z m-326-622c-21-3-43-8-65-15-23-7-42-16-59-27-17-12-31-27-41-45-11-19-17-41-17-65 0-27 7-51 22-73 14-21 32-38 56-50 23-13 47-22 72-28 25-6 51-9 76-9 24 0 46 3 68 8 21 5 41 13 60 23 19 11 34 26 45 44 11 19 16 41 16 67 0 8 0 16-2 24-2 8-4 15-6 22-2 6-5 13-10 20-5 8-10 14-13 19-3 5-9 11-16 17-7 7-13 12-17 16-3 3-10 8-19 15-9 7-15 11-18 14-4 2-10 7-20 14-4 2-7 4-9 6-5 3-16 7-25 7-4 0-9 0-15 0-21 0-42-1-63-4z m151 424c-6 27-16 53-28 79-12 25-29 46-50 62-22 16-46 25-72 25-37 0-66-14-87-42-20-27-30-60-30-99 0-19 2-39 7-59 4-21 11-42 21-63 10-21 21-39 34-56 12-17 28-30 47-41 18-10 37-15 58-15 29 0 52 7 69 20 10 8 21 24 26 35 10 21 15 47 15 78 0 24-3 49-10 76z" horiz-adv-x="1000" />
+<glyph glyph-name="ic-facebook" unicode="&#xe806;" d="m516 493c0 0-186 0-186 0 0 0 0 89 0 89 0 0-10 85 50 85 68 0 122 0 122 0 0 0 0 183 0 183 0 0-208 0-208 0 0 0-174 1-174-172 0-37 0-104 0-185 0 0-120 0-120 0 0 0 0-148 0-148 0 0 119 0 119 0 0-234-1-495-1-495 0 0 212 0 212 0 0 0 0 495 0 495 0 0 141 0 141 0 0 0 45 148 45 148z" horiz-adv-x="516" />
+<glyph glyph-name="ic-arrow-right" unicode="&#xe807;" d="m103 832c0 0 430-429 430-429 24-23 24-62 0-86 0 0-430-429-430-429-24-24-62-24-86 0-24 24-24 62 0 86 0 0 387 386 387 386 0 0-387 387-387 387-24 23-24 62 0 85 24 24 62 24 86 0z" horiz-adv-x="571" />
+<glyph glyph-name="ic-arrow-left" unicode="&#xe808;" d="m456-131c0 0-438 438-438 438-25 24-25 64 0 88 0 0 438 438 438 438 24 24 64 24 88 0 24-25 24-64 0-88 0 0-395-394-395-394 0 0 395-394 395-394 24-24 24-64 0-88-24-24-64-24-88 0z" horiz-adv-x="563" />
+<glyph glyph-name="ic-twitter" unicode="&#xe809;" d="m1195 832c-48-29-102-50-160-62-46 49-111 80-184 80-139 0-252-113-252-252 0-20 2-39 6-58-209 11-395 111-519 264-22-37-34-81-34-127 0-88 44-165 112-210-42 1-80 13-114 32 0 0 0-4 0-4 0-122 86-224 202-247-21-6-44-9-67-9-16 0-32 2-47 4 32-100 125-173 235-175-86-68-195-108-313-108-20 0-40 1-60 3 112-71 244-113 387-113 463 0 717 385 717 718 0 0-1 33-1 33 50 36 92 80 126 131-45-20-94-34-145-40 53 31 92 81 111 140z" horiz-adv-x="1229" />
+<glyph glyph-name="ic-menu" unicode="&#xe80a;" d="m1324 262c0 0-1236 0-1236 0-48 0-88 39-88 88 0 49 40 88 88 88 0 0 1236 0 1236 0 48 0 88-39 88-88 0-49-40-88-88-88z m0 412c0 0-1236 0-1236 0-48 0-88 39-88 88 0 49 40 88 88 88 0 0 1236 0 1236 0 48 0 88-39 88-88 0-49-40-88-88-88z m-1236-647c0 0 1236 0 1236 0 48 0 88-40 88-89 0-49-40-88-88-88 0 0-1236 0-1236 0-48 0-88 39-88 88 0 49 40 89 88 89z" horiz-adv-x="1412" />
+</font>
+</defs>
+</svg>

design/index.html

@@ -0,0 +1,327 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/>
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
+<title>Featured Images for the detail View</title>
+<meta name="HandheldFriendly" content="True"/>
+<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+<meta name="referrer" content="origin"/>
+<meta name="generator" content="Pelican"/>
+<link href="http://attila.demo.arulraj.net/" rel="canonical"/>
+
+<link href="http://attila.demo.arulraj.net/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Attila Demo Full Atom Feed"/>
+<link href="http://attila.demo.arulraj.net/feeds/misc.atom.xml" type="application/atom+xml" rel="alternate" title="Attila Demo Categories Atom Feed"/>
+<link href="css/style.css" type="text/css" rel="stylesheet"/>
+<link href="http://attila.demo.arulraj.net/theme/css/code_blocks/github.css" rel="stylesheet">
+
+<!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+<link href="http://attila.demo.arulraj.net/2015/11/featured-images-for-the-detail-view.html" rel="canonical"/>
+<meta name="description" content="Hi there and welcome to Attila - theme for the blogging platform Pelican. Attila is open source and can be found on GitHub. This article...">
+<meta name="author" content="zutrinken">
+<meta name="tags" content="General">
+
+<meta property="og:site_name" content="Attila Demo"/>
+<meta property="og:title" content="Featured Images for the detail View"/>
+<meta property="og:description" content="Hi there and welcome to Attila - theme for the blogging platform Pelican. Attila is open source and can be found on GitHub. This article..."/>
+<meta property="og:locale" content="en_US"/>
+<meta property="og:url" content="http://attila.demo.arulraj.net/2015/11/featured-images-for-the-detail-view.html"/>
+<meta property="og:type" content="article"/>
+<meta property="article:published_time" content="2015-11-20 21:54:00+05:30"/>
+<meta property="article:modified_time" content=""/>
+<meta property="article:author" content="http://attila.demo.arulraj.net/author/zutrinken">
+<meta property="article:publisher" content="http://facebook.com/arulraj.net"/>
+<meta property="article:section" content="misc"/>
+<meta property="article:tag" content="General"/>
+<meta property="og:image" content="http://attila.demo.arulraj.net/assets/images/4BQLVS45VD.jpg">
+
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:site" content="@arulrajnet">
+<meta name="twitter:title" content="Featured Images for the detail View">
+<meta name="twitter:url" content="http://attila.demo.arulraj.net/2015/11/featured-images-for-the-detail-view.html">
+<meta name="twitter:image:src" content="http://attila.demo.arulraj.net/assets/images/4BQLVS45VD.jpg">
+<meta name="twitter:description" content="Hi there and welcome to Attila - theme for the blogging platform Pelican. Attila is open source and can be found on GitHub. This article...">
+<script type="application/ld+json">
+{
+  "@context": "http://schema.org",
+  "@type": "Article",
+  "name": "Featured Images for the detail View",
+  "headline": "Featured Images for the detail View",
+  "datePublished": "2015-11-20 21:54:00+05:30",
+  "dateModified": "",
+  "author": {
+    "@type": "Person",
+    "name": "zutrinken",
+    "url": "http://attila.demo.arulraj.net/author/zutrinken"
+  },
+  "image": "css/header.jpg",
+  "url": "http://attila.demo.arulraj.net/2015/11/featured-images-for-the-detail-view.html",
+  "description": "Hi there and welcome to Attila - theme for the blogging platform Pelican. Attila is open source and can be found on GitHub. This article..."
+}
+</script>
+</head>
+
+<body class="home-template">
+<nav id="menu">
+<a class="close-button">Close</a>
+<div class="nav-wrapper">
+<p class="nav-label">Menu</p>
+<ul>
+<li role="presentation"><a href="http://attila.demo.arulraj.net/pages/about/">About</a></li>
+</ul>
+</div>
+</nav>
+
+<div class="progress-container">
+<span class="progress-bar"></span>
+</div>
+
+
+<header id="post-header" class="has-cover">
+<div class="inner">
+<nav id="navigation">
+<span id="home-button" class="nav-button">
+<a class="home-button" href="http://attila.demo.arulraj.net/" title="Home"><i class="ic ic-arrow-left"></i> Home</a>
+</span>
+<span id="menu-button" class="nav-button">
+<a class="menu-button"><i class="ic ic-menu"></i> Menu</a>
+</span>
+</nav>
+<h1 class="post-title">Featured Images for the detail View</h1>
+
+<span class="post-meta">
+<a href="http://attila.demo.arulraj.net/author/zutrinken">Zutrinken</a>
+| <time datetime="20 Nov 2015">20 Nov 2015</time>
+</span>
+
+<div class="post-cover cover" style="background-image: url('css/header.jpg')">
+</div>
+</header>
+<section id="wrapper">
+<a class="hidden-close"></a>
+
+<main class="content" role="main">
+<article class="post">
+<div class="inner">
+<section class="post-content">
+<p><strong>Hi there and welcome to Attila - theme for the blogging platform <a href="http://getpelican.com/">Pelican</a>. Attila is open source and can be found on <a href="https://github.com/arulrajnet/attila">GitHub</a>. This article is just a demo post and shows you the style of common used elements.</strong></p>
+<hr/>
+<h1>Headline 1</h1>
+<h2>Headline 2</h2>
+<h3>Headline 3</h3>
+<h4>Headline 4</h4>
+<hr/>
+<p>Bear claw danish chocolate lollipop soufflé jelly. Apple pie chocolate cake
+jelly-o icing bonbon. Gingerbread pastry fruitcake muffin chocolate bar
+cheesecake. Sugar plum bonbon bonbon lemon drops gummies.</p>
+<div class="imgview-image" offset="1500" style="background-image: url('images/psithemius_glow.jpg'); height:73.4vh"></div>
+<div class="imgview-space" style="height:73.4vh"></div>
+<h2>Inline 🦄 text styles + <a href="http://ghost.org">link</a></h2>
+<p>Chocolate tiramisu pastry <a href="http://zutrinken.com">a link</a> cotton candy sesame
+snaps. Dessert cake chocolate bar <strong>a bold part</strong> sugar plum bonbon 🐓💨
+marshmallow lollipop toffee soufflé. Donut caramels chocolate bar. Oat cake
+cookie a marked part cheesecake donut. Jelly-o <code>&lt;some&gt; $code</code> marzipan cake.
+Bonbon sesame snaps chocolate <em>an italic part</em> oat cake pudding sweet roll
+caramels bonbon. Soufflé muffin 👻 gummies sugar plum dessert bonbon bear claw.
+Sweet ice cream jujubes. Marzipan sugar plum pastry chocolate ⌘+A bar
+fruitcake. Lollipop lollipop brownie.</p>
+<h2>Ordered &amp; unordered lists</h2>
+<p>Cake jelly-o chocolate cake sugar plum carrot cake lollipop bonbon. Jelly
+beans pudding oat cake pie.</p>
+<h3>Unordered list</h3>
+<ul>
+<li>Jelly beans pudding oat cake pie.</li>
+<li>Cupcake cupcake oat cake candy lemon</li>
+<li>Drops marzipan icing. Dessert topping croissant fruitcake sesame snaps cotton candy sweet danish</li>
+<li>Sweet roll sweet sugar plum donut <ul>
+<li>Bear claw gingerbread cake donut chocolate bar</li>
+<li>Topping cake fruitcake fruitcake</li>
+</ul>
+</li>
+<li>Ice cream icing chupa chups cupcake jelly-o candy</li>
+<li>Croissant jujubes topping tart soufflé pudding <ul>
+<li>Cheesecake caramels icing</li>
+<li>Cake jelly-o chocolate cake sugar plum carrot cake lollipop bonbon</li>
+</ul>
+</li>
+</ul>
+<h3>Ordered list</h3>
+<ol>
+<li>Drops marzipan icing. Dessert topping croissant fruitcake sesame snaps cotton candy sweet danish </li>
+<li>
+<p>Sweet roll sweet sugar plum donut </p>
+<ul>
+<li>Bear claw gingerbread cake donut chocolate bar</li>
+<li>Topping cake fruitcake fruitcake</li>
+<li>Ice cream icing chupa chups cupcake jelly-o candy</li>
+</ul>
+</li>
+</ol>
+<h3>Definition list</h3>
+<div class="imgview-image" offset="3500" style="background-image: url('images/psithemius_glow.jpg'); height:73.4vh"></div>
+<div class="imgview-space" style="height:73.4vh"></div>
+<p>Ice cream</p>
+<div class="highlight"><pre><span></span>icing chupa chups cupcake jelly-o candy. Croissant jujubes topping tart soufflé pudding
+</pre></div>
+<p>Cake</p>
+<div class="highlight"><pre><span></span>Jelly beans pudding oat cake pie
+</pre></div>
+<p>Drops marzipan icing</p>
+<div class="highlight"><pre><span></span>Cake jelly-o chocolate cake sugar plum carrot cake lollipop
+</pre></div>
+<h2>Tables, blockquotes and codeblocks</h2>
+<p>Apple pie chocolate cake jelly-o icing bonbon. Gingerbread pastry fruitcake
+muffin chocolate bar cheesecake. Sugar plum bonbon bonbon lemon drops gummies.</p>
+<table>
+<thead>
+<tr>
+<th>RGB</th>
+<th>CMYK</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Red</td>
+<td>Cyan</td>
+</tr>
+<tr>
+<td>Green</td>
+<td>Magenta</td>
+</tr>
+<tr>
+<td>Blue</td>
+<td>Yellow</td>
+</tr>
+</tbody>
+</table>
+<p>Brownie oat cake tart caramels croissant lollipop pastry soufflé lemon drops.
+Cotton candy pastry ice cream fruitcake tiramisu jelly beans dragée.</p>
+<blockquote>
+<p>Jelly beans dessert toffee caramels brownie ice cream croissant chupa chups
+liquorice. Danish sweet roll croissant. Powder sugar plum powder danish wafer
+cake.</p>
+<p>Candy jelly beans jujubes muffin. Bear claw danish chocolate lollipop
+soufflé jelly.</p>
+</blockquote>
+<p>Cake soufflé icing gingerbread topping jujubes. Chocolate cake pudding sweet
+biscuit cake. Soufflé tart topping gummi bears jujubes lollipop ice cream
+pudding.</p>
+<p>Apple pie jelly-o powder powder sweet. Halvah chocolate bar cotton candy sugar
+plum cake. Liquorice marshmallow sweet macaroon.</p>
+<div class="highlight"><pre><span></span><span class="nt">&lt;blockquote&gt;</span>
+    <span class="nt">&lt;p&gt;</span>For example.<span class="nt">&lt;/p&gt;</span>
+<span class="nt">&lt;/blockquote&gt;</span>
+</pre></div>
+<p>Cake soufflé icing gingerbread topping jujubes. Chocolate cake pudding sweet
+biscuit cake. Soufflé tart topping gummi bears jujubes lollipop ice cream
+pudding. Apple pie jelly-o powder powder sweet. Halvah chocolate bar cotton
+candy sugar plum cake. Liquorice marshmallow sweet macaroon. Cotton candy
+pastry ice cream fruitcake tiramisu jelly beans drag.</p>
+<p>Apple pie chocolate cake jelly-o icing bonbon. Gingerbread pastry fruitcake
+muffin chocolate bar cheesecake. Sugar plum bonbon bonbon lemon drops gummies.
+Brownie oat cake tart caramels croissant lollipop pastry soufflé lemon drops.
+Jelly beans dessert toffee caramels brownie ice cream croissant chupa chups
+liquorice. Danish sweet roll croissant. Powder sugar plum powder danish wafer
+cake. Candy jelly beans jujubes muffin. Bear claw danish chocolate lollipop
+soufflé jelly.</p>
+</section>
+<section class="post-info">
+<div class="post-share">
+<a class="twitter" href="https://twitter.com/share?text=Featured Images for the detail View&amp;url=http://attila.demo.arulraj.net/2015/11/featured-images-for-the-detail-view.html" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;">
+<i class="ic ic-twitter"></i><span class="hidden">Twitter</span>
+</a>
+<a class="facebook" href="https://www.facebook.com/sharer/sharer.php?u=http://attila.demo.arulraj.net/2015/11/featured-images-for-the-detail-view.html" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;">
+<i class="ic ic-facebook"></i><span class="hidden">Facebook</span>
+</a>
+<a class="googleplus" href="https://plus.google.com/share?url=http://attila.demo.arulraj.net/2015/11/featured-images-for-the-detail-view.html" onclick="window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;">
+<i class="ic ic-googleplus"></i><span class="hidden">Google+</span>
+</a>
+<div class="clear"></div>
+</div>
+<aside class="post-tags">
+<a href="http://attila.demo.arulraj.net/tag/general">General</a> </aside>
+<div class="clear"></div>
+<aside class="post-author">
+<figure class="post-author-avatar">
+<img src="http://attila.demo.arulraj.net/assets/images/avatar.png" alt="Zutrinken"/>
+</figure>
+<div class="post-author-bio">
+<h4 class="post-author-name"><a href="http://attila.demo.arulraj.net/author/zutrinken">Zutrinken</a></h4>
+<p class="post-author-about">This is the place for a small biography with max 200 characters. Well, now 100 are left. Cool, hugh?</p>
+<span class="post-author-location"><i class="ic ic-location"></i> Chennai</span>
+<span class="post-author-website"><a href="http://blog.arulraj.net"><i class="ic ic-link"></i> Website</a></span>
+</div>
+<div class="clear"></div>
+</aside>
+</section>
+<script type="text/javascript">
+                    var disqus = 'attilademo';
+                    var disqus_shortname = 'attilademo';
+                    var disqus_identifier = '/2015/11/featured-images-for-the-detail-view.html';
+                    var disqus_url = 'http://attila.demo.arulraj.net/2015/11/featured-images-for-the-detail-view.html';
+                </script>
+<noscript>Please enable JavaScript to view the comments.</noscript>
+<section class="post-comments">
+<a id="show-disqus" class="post-comments-activate" data-disqus-identifier="/2015/11/featured-images-for-the-detail-view.html">Show Comments</a>
+<div id="disqus_thread"></div>
+</section>
+<aside class="post-nav">
+<a class="post-nav-prev" href="http://attila.demo.arulraj.net/2015/11/featured-color-header-view.html">
+<section class="post-nav-teaser">
+<i class="ic ic-arrow-right"></i>
+<h2 class="post-nav-title">Featured Color Header View</h2>
+<p class="post-nav-excerpt">Chocolate tiramisu pastry cotton candy sesame snaps. Dessert cake chocolate bar sugar...</p>
+</section>
+</a>
+<div class="clear"></div>
+</aside>
+</div>
+</article>
+</main>
+
+<div id="body-class" style="display: none;" class=""></div>
+<footer id="footer">
+<div class="inner">
+<section class="credits">
+<span class="credits-theme">Theme <a href="https://github.com/arulrajnet/attila" rel="nofollow">Attila</a></span>
+<span class="credits-software">Published with <a href="https://github.com/getpelican/pelican" rel="nofollow">Pelican</a></span>
+</section>
+</div>
+</footer>
+</section>
+<script type="text/javascript" src="js/script.js"></script>
+<script type="text/javascript">
+    let paras = document.getElementsByClassName("imgview-image");
+    window.addEventListener('scroll', () => {
+        let { scrollY } = window;
+        if ( screen.width > screen.height && screen.height > 800) {
+          for (let i = 0; i < paras.length; i++) {
+            paras[i].style.backgroundPositionY = paras[i].getAttribute("offset") * 0.1 + -0.1 * scrollY + 'px';
+          }
+        }
+    });
+    var _gaq = _gaq || [];
+    _gaq.push(['_setAccount', 'UA-3546274-12']);
+    _gaq.push(['_trackPageview']);
+    (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+    })();
+    </script>
+<script type="text/javascript">
+    var disqus_shortname = 'attilademo';
+    (function () {
+        var s = document.createElement('script'); s.async = true;
+        s.type = 'text/javascript';
+        s.src = '//' + disqus_shortname + '.disqus.com/count.js';
+        (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
+    }());
+</script>
+</body>
+</html>

web/Makefile

@@ -0,0 +1,89 @@
+PY?=
+PELICAN?=pelican
+PELICANOPTS=
+
+BASEDIR=$(CURDIR)
+INPUTDIR=$(BASEDIR)/content
+OUTPUTDIR=$(BASEDIR)/output
+CONFFILE=$(BASEDIR)/pelicanconf.py
+PUBLISHCONF=$(BASEDIR)/publishconf.py
+
+SSH_HOST=localhost
+SSH_PORT=22
+SSH_USER=root
+SSH_TARGET_DIR=/var/www
+
+
+DEBUG ?= 0
+ifeq ($(DEBUG), 1)
+	PELICANOPTS += -D
+endif
+
+RELATIVE ?= 0
+ifeq ($(RELATIVE), 1)
+	PELICANOPTS += --relative-urls
+endif
+
+SERVER ?= "0.0.0.0"
+
+PORT ?= 0
+ifneq ($(PORT), 0)
+	PELICANOPTS += -p $(PORT)
+endif
+
+
+help:
+	@echo 'Makefile for a pelican Web site                                           '
+	@echo '                                                                          '
+	@echo 'Usage:                                                                    '
+	@echo '   make html                           (re)generate the web site          '
+	@echo '   make clean                          remove the generated files         '
+	@echo '   make regenerate                     regenerate files upon modification '
+	@echo '   make publish                        generate using production settings '
+	@echo '   make serve [PORT=8000]              serve site at http://localhost:8000'
+	@echo '   make serve-global [SERVER=0.0.0.0]  serve (as root) to $(SERVER):80    '
+	@echo '   make devserver [PORT=8000]          serve and regenerate together      '
+	@echo '   make devserver-global               regenerate and serve on 0.0.0.0    '
+	@echo '   make ssh_upload                     upload the web site via SSH        '
+	@echo '   make sftp_upload                    upload the web site via SFTP       '
+	@echo '   make rsync_upload                   upload the web site via rsync+ssh  '
+	@echo '                                                                          '
+	@echo 'Set the DEBUG variable to 1 to enable debugging, e.g. make DEBUG=1 html   '
+	@echo 'Set the RELATIVE variable to 1 to enable relative urls                    '
+	@echo '                                                                          '
+
+html:
+	"$(PELICAN)" "$(INPUTDIR)" -o "$(OUTPUTDIR)" -s "$(CONFFILE)" $(PELICANOPTS)
+
+clean:
+	[ ! -d "$(OUTPUTDIR)" ] || rm -rf "$(OUTPUTDIR)"
+
+regenerate:
+	"$(PELICAN)" -r "$(INPUTDIR)" -o "$(OUTPUTDIR)" -s "$(CONFFILE)" $(PELICANOPTS)
+
+serve:
+	"$(PELICAN)" -l "$(INPUTDIR)" -o "$(OUTPUTDIR)" -s "$(CONFFILE)" $(PELICANOPTS)
+
+serve-global:
+	"$(PELICAN)" -l "$(INPUTDIR)" -o "$(OUTPUTDIR)" -s "$(CONFFILE)" $(PELICANOPTS) -b $(SERVER)
+
+devserver:
+	"$(PELICAN)" -lr "$(INPUTDIR)" -o "$(OUTPUTDIR)" -s "$(CONFFILE)" $(PELICANOPTS)
+
+devserver-global:
+	$(PELICAN) -lr $(INPUTDIR) -o $(OUTPUTDIR) -s $(CONFFILE) $(PELICANOPTS) -b 0.0.0.0
+
+publish:
+	"$(PELICAN)" "$(INPUTDIR)" -o "$(OUTPUTDIR)" -s "$(PUBLISHCONF)" $(PELICANOPTS)
+
+ssh_upload: publish
+	scp -P $(SSH_PORT) -r "$(OUTPUTDIR)"/* "$(SSH_USER)@$(SSH_HOST):$(SSH_TARGET_DIR)"
+
+sftp_upload: publish
+	printf 'put -r $(OUTPUTDIR)/*' | sftp $(SSH_USER)@$(SSH_HOST):$(SSH_TARGET_DIR)
+
+rsync_upload: publish
+	rsync -e "ssh -p $(SSH_PORT)" -P -rvzc --include tags --cvs-exclude --delete "$(OUTPUTDIR)"/ "$(SSH_USER)@$(SSH_HOST):$(SSH_TARGET_DIR)"
+
+
+.PHONY: html help clean regenerate serve serve-global devserver publish ssh_upload rsync_upload

web/content/blog/adapter.md

@@ -0,0 +1,32 @@
+Title: #Adapter.Kremenchuk
+Date: 2015-10-20 23:00
+Category: installation
+Slug: adapter-kremenchuk
+Summary: Mini residency at the alternative art space #Adapter in Kremenchuk, Ukraine to develop a video installation.
+
+The Goethe Institut invited me to a ten day trip to Moldova and Ukraine as part of their program to support alternative art spaces in eastern Europe.
+
+I was invited by the newly opened alternative art space #Adapter in Kremenchuk to stay there for three days as a mini residency and develop a video installation.
+
+![Adapter](/images/adapter_01.jpg)
+
+Besides doing an impromptu live visual performance at the opening night I developed a permanent installation object with practical value for the art space. Together with the help of Eugene Dmitriev, Pascha of PXM, Maxim Zveroboy, Maria Hildenbrandt, and Antony Chupin we built a furniture object resembling an "adapter" with a video screen to display a loop with the space's logo. Ideas for improvement were collected and in the future the adapter installation will host a Raspberry Pi with a custom software to display any kind of information, like the art space's upcoming program, and things like that.
+
+<div class="para" style="height: 20em; background-image: url(/images/adapter_02_conv.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 10em; background-image: url(/images/adapter_06_conv.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/adapter_03_conv.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/adapter_04_conv.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 10em; background-image: url(/images/adapter_05_conv.jpg)"></div>
+&nbsp;
+<div class="para"style="height: 20em; background-image: url(/images/adapter_07_conv.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 10em; background-image: url(/images/adapter_08_conv.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 30em; background-image: url(/images/adapter_09_conv.jpg)"></div>
+some photos (c) Марина Орлова
+
+Many thanks to Ірина Каць, Юрий Слюсарь and everyone else from the #Adapter team for the great hosting and support and to Goethe Institut for making it all possible!

web/content/blog/auroville.md

@@ -0,0 +1,13 @@
+Title: Dérive Performance in Auroville
+Date: 2015-12-18 21:00
+Category: performance
+Slug: auroville-derive
+photographer_url: http://aurovilleartservice.org/marco-saroldi/
+Summary: Collaborative dérive performance in Auroville, India together with Tlalit and electroacoustic artist Chloé Sanchez
+Location: 12.009621864420991, 79.81141615530888
+
+I did one of my dérive performances that solely consisted of video footage that was shot in Auroville by [Tlalit Segal Raayoni](http://tlal.it) and myself just the day before the performance, while electroacoustic artist [Chloé Sanchez](http://chloe-sanchez.weebly.com) created a soundscape from her collection of audio recordings captured in Auroville over the past years. We met for the first time only on the day of the performance, so we did it without any rehearsals! The whole production and idea came from [Christoph](http://brainfever.in).
+
+<div class="para" style="height: 10em; background-image: url(/images/cineparadiso.jpg)"></div>
+&nbsp;
+<div class="video"><iframe src="https://player.vimeo.com/video/149995178?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>

web/content/blog/boom.md

@@ -0,0 +1,32 @@
+Title: Boom Festival
+Date: 2004-08-26 10:08
+Category: installation
+Slug: crop-circles-at-boom-festival
+Summary: Collaborative video-installation with Ray-V at the Boom Festival 2004
+
+Collaborative video-installation with Ray-V at the Boom Festival 2004. Crop circle shaped screens with mapped video content, all controlled by Max/Jitter.
+
+![](/images/10535_159100014181_153556764181_2604725_8061373_n.jpg "10535_159100014181_153556764181_2604725_8061373_n")(Idhana a Nova, Portugal) 
+
+![](/images/10535_159100009181_153556764181_2604724_4475484_n.jpg "10535_159100009181_153556764181_2604724_4475484_n")(center stage dome setup) 
+
+![](/images/10535_159100984181_153556764181_2604732_7399244_n.jpg "10535_159100984181_153556764181_2604732_7399244_n")
+
+![](/images/10535_159100004181_153556764181_2604723_859779_n.jpg "10535_159100004181_153556764181_2604723_859779_n")(three projectors are delivred)
+
+![](/images/10535_159100969181_153556764181_2604731_4058289_n.jpg "10535_159100969181_153556764181_2604731_4058289_n")(the scaffold and screens) 
+
+![](/images/10535_159099999181_153556764181_2604722_6708666_n.jpg "10535_159099999181_153556764181_2604722_6708666_n")(shared studio space with vj geko)
+
+![](/images/10535_159100994181_153556764181_2604733_6961590_n.jpg "10535_159100994181_153556764181_2604733_6961590_n")(running the installation)
+
+![](/images/10535_159101589181_153556764181_2604739_1864823_n.jpg "10535_159101589181_153556764181_2604739_1864823_n")
+
+![](/images/10535_159101584181_153556764181_2604738_1651084_n.jpg "10535_159101584181_153556764181_2604738_1651084_n")
+
+![](/images/10535_159101004181_153556764181_2604735_7041999_n.jpg "10535_159101004181_153556764181_2604735_7041999_n")
+
+![](/images/10535_159100999181_153556764181_2604734_5768778_n.jpg "10535_159100999181_153556764181_2604734_5768778_n")
+
+![](/images/10535_159099994181_153556764181_2604721_7191175_n.jpg "10535_159099994181_153556764181_2604721_7191175_n")
+

web/content/blog/chisinau.md

@@ -0,0 +1,26 @@
+Title: Alternative KunsTräume - Chisinau
+Date: 2015-10-17 23:00
+Category: event
+Slug: chisinau
+Summary: Trip to Moldova to support alternative art spaces in eastern Europe
+
+The Goethe Institut invited me to a ten day trip to Moldova and Ukraine as part of their program to support alternative art spaces in eastern Europe.
+
+Together with Berlin based DJ [Stefan Goldmann](http://stefangoldmann.com) I performed a live visual set at ArtBuncher and [Tipografia 5](https://www.facebook.com/tipografia.V)
+
+[Tipografia 5 Art Cluster](https://www.facebook.com/artclusterT5) also invited me to do a [3 hour workshop about Live Video Performance Art](https://www.facebook.com/events/545558968929765/)
+
+> Workshop description: "The workshop will attempt to give an overview of the diverse variants of live video art performance: Club VJ'ing, Live Cinema, Audiovisual Performance, Architecture Mapping, and Video Installations. There will be an introduction to video technology and commonly used live video software for Mac and Windows PC, as well as hardware that can be interesting to use. Attendees should have basic computer knowledge and ideally bring their own portable Mac or PC and a rough idea of what they would like to do. No special skills are required. Trial installers for all covered software will be provided."
+
+![1](/images/t5_2.jpg "photo (C) Michely Moore")
+photo (C) Michely Moore
+
+![2](/images/t5_1.jpg "photo (C) Michely Moore")
+photo (C) Michely Moore
+
+![3](/images/t5_4.jpg "photo (C) Fabian Mühlthaler")
+photo (C) Fabian Mühlthaler
+
+![5](/images/t5_3.jpg "")
+
+

web/content/blog/clujotronic.md

@@ -0,0 +1,30 @@
+Title: Clujotronic
+Date: 2021-10-03
+Category: performance
+Slug: clujotronic
+Summary: Various performances for the electro arts festival in Cluj-Napoca, RO together with Alex Halka and others.
+
+Organised by the [German Cultural Center](http://www.kulturzentrum-klausenburg.ro) and the [French Institute](https://institutfrancais.ro/cluj-napoca) in Cluj-Napoca, the annual electro arts festival [Clujotronic](https://www.clujotronic.ro) brings together artists and specialists from France, Germany and Romania. The festival is about engaging activities, collaborative projects, and a sense of excitement around tech-based art.
+
+I was invited to participate in several editions. The first two times the goal of my performance was to create an audiovisual performance within 48 hours together with a Romanian musician I had not met before - and to comply with my own dogma of only using video material shot in Cluj. In 2014 the result was an exploration of the urban landscape of the city of Cluj-Napoca together with [Alex Halka](https://www.alexhalka.eu).
+
+<iframe src="//player.vimeo.com/video/108585401?color=ffffff&byline=0&portrait=0" width="800" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
+
+A year later I also collaborated with Tlalit to create video materials from photographs we took during an afternoon in the allegedly haunted Hoia Baciu forest outside of the city.
+
+In the 2016 edition I wanted to do something completely different than in the years before: a projection into the audience through a room filled with fog. My aim was to play with the depth of the space instead of having video playing on a flat surface. The content consisted exclusively of magical and alchemical symbols which suited the dark ambient techno live-set of *Alex Halka* and [Vlaicu Golcea](https://vlaicugolcea.ro).
+
+<div class="para" style="height: 30em; background-image: url(/images/clujo_2016_06.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/clujo_2016_02.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 10em; background-image: url(/images/clujo_2016_07.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/clujo_2016_05.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 30em; background-image: url(/images/clujo_2016_03.jpg)"></div>
+&nbsp;
+
+In 2021 I was reinvited to produce an audiovisual facade projection mapping in collaboration with Alex Halka and [Matthieu Tercieux](http://matthieutercieux.com).
+
+Many thanks to the amazing artists. It has always been a very inspiring and synergetic collaboration. Thanks a lot to the CLUJOTRONIC team for the ideas and for making this festival: Fabian, Alexandra, Andreea, Liliana and Ildiko of Deutsches Kulturzentrum Klausenburg, the Institut Francais, Razvan and his great tech support crew.

web/content/blog/crystal-canyons.md

@@ -0,0 +1,25 @@
+Title: Lost in Crystal Canyons
+Date: 2017-03-20 21:00
+Slug: last-unit-01
+Category: audio
+Summary: Debut digital album release of a deep listening ambient drone meditation on cyberpunk
+
+<iframe style="width: 700px; height: 340px;" src="https://bandcamp.com/EmbeddedPlayer/album=1688229791/size=large/bgcol=333333/linkcol=ffffff/artwork=small/transparent=true/" seamless></iframe>
+
+Debut digital [album release](https://lastunit.bandcamp.com/album/lost-in-crystal-canyons) of a deep listening ambient drone meditation on cyberpunk called "Lost in Crystal Canyons" under my alias for audio works, "Last Unit"
+
+All sounds used in this [album](https://lastunit.bandcamp.com/album/lost-in-crystal-canyons) were recorded with a special coil microphone, capturing the naturally inaudible electromagnetic emissions of the mainboard and componentes of a dual CPU Supermicro rack server. 
+
+<div class="para" style="height: 20em; background-image: url(/images/supermicro.jpg)"></div>
+> The humming beneath the physical matter. Unified Field. The server as a neuron. Cyberspace/mind emerging from electrified matter/brain which itself is a manifestation of energy/consciousness.
+
+The recordings were resampled, mixed and mangled with a Yamaha MT-120 multitrack cassette recorder, a Roland SP-404SX sampler and a bunch of stompboxes, most prominently a Jomox T-Resonator. None of the tracks were arranged, edited or mastered on a computer but only performed live by Last Unit.
+
+![instruments](/images/sp404.jpg)
+
+<div class="para" style="height: 10em; background-image: url(/images/crystal.jpg)"></div>
+> "All that is visible must grow beyond itself, and extend into the realm of the invisible." (TRON)
+
+The obvious medium for the final work was an electromagnetic one. In addition to the digital album available on Bandcamp I produced a limited edition of 20 numbered low-bias ferric cassette tapes for extra background hiss and subtle flutter backing up the drones. It includes the two bonus tracks "Pearly I/O" and "Sas Nam" not available on the digital album. The tape comes with a standard case and 160g/m² j-card with photographs, stickers and a signed note.
+
+![cassette](/images/cassette.jpg)

web/content/blog/disonancia-cognitiva.md

@@ -0,0 +1,9 @@
+Title: Disonancia Cognitiva
+Date: 2009-10-10 10:10
+Category: performance
+Slug: disonancia-cognitiva
+Summary: Audiovisual dance-performance with the project Instant Delay
+
+Audiovisual dance-performance with the project "Instant Delay" with Georgina Espasa, [Meritxell Campos Olivé](http://www.meritxell.de/), and [Roger Mercader](http://www.myspace.com/metroxylon). Performed at Netaudio Berlin 2009.
+
+<iframe style="aspect-ratio: 4 / 3;" src="//player.vimeo.com/video/7032119?title=0&amp;byline=0&amp;portrait=0&amp;color=bbbbbb" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

web/content/blog/dostalgia.md

@@ -0,0 +1,10 @@
+Title: Website Relaunch
+Date: 2023-04-27
+Category: Blog
+Summary: The inevitable DOStalgia of a Xennial nerd
+
+The post-Covid era required a new website as I have not only retired my VJ career but also undergone a phase of personal growth and reorientation I wanted to see reflected on my digital front door.
+
+After many ideas and sketches revolving around complex moiré patterned parallax effects and a very visual approach I settled with the complete opposite: minimalist and text driven.
+
+To pay an hommage to my earliest days of creativity with digital technology I went with a design that reflects the "UX" of a personal computer running a DOS operating system. Just like the one I was tinkering with in my mid 1990s teenage years on my dad's discarded 80286 machine on which I had taught myself typewriting, programming in QBASIC, and using word processing software in all kinds of artistic manners.

web/content/blog/eb.md

@@ -0,0 +1,33 @@
+Title: Electronic Beats Festivals
+Date: 2019-11-23 12:00
+Category: collaboration
+Slug: electronic-beats-festivals
+Summary: Video production, event design and projections for a festival series of Deutsche Telekom for contemporary electronic music culture that takes place across Europe.
+
+The [Electronic Beats](https://www.electronicbeats.net) Festival is a live music event series of Deutsche Telekom around contemporary electronic music culture that takes place in different cities across Europe.
+
+[Sense Music & Media](http://www.sensemusic.tv/de/events-de/) (formerly Skudi Optics & Event Design) is responsible for the visual presentation of the brand at events by producing of innovative light objects, interactive media installations and video projections.
+
+![EB Dresden](/images/eb-dresden.jpg)
+
+I creatively supported them over several seasons (2012 - 2019) with producing video animations, graphic design, mapping installations, and custom made hard- and software, like a synchronized video looper for CRT TVs.
+
+<div class="para" style="height: 20em; background-image: url(/images/eb_14_4.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/slide_03.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 30em; background-image: url(/images/slide_07.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/slide_19.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/eb_14_3.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 10em; background-image: url(/images/eb-vienna.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/slide_21.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 30em; background-image: url(/images/slide_02.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/slide_10.jpg)"></div>
+
+![Muster](/images/eb-DSC01459.jpg)

web/content/blog/instant.md

@@ -0,0 +1,16 @@
+Title: #INSTANT
+Date: 2018-03-15 23:00
+Category: performance
+Slug: instant
+Summary: Volatile Live Visuals for the modular techno duo INSTANT on different occasions in Berlin.
+
+The live modular techno duo Johannes Steyer and Matthias Millhoff, aka [*INSTANT*](http://instant.wtf) invited me to support them with live streamed visuals in their studio and during performances. I used only volatile clips recorded from a USB microscope / macro-camera into a custom *Max/Jitter* patch that loops and transmits them via *Spout* to my VJ Software for further processing. The clips were just macro recordings of the musicians equipment in action during the performances.
+
+<iframe src="https://www.youtube.com/embed/Rt4JOI8YnKU?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
+
+<iframe src="https://www.youtube.com/embed/jyaw5dgjaT8?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
+
+
+For a gig at the *Performance and Visual Artist Club Festival* at Burg Schnabel & Birgit und Bier in Berlin in 2016 I created and set up an installation based on stacking several CRT TV monitors into a pyramid and use that as the only light-source of the stage in a room filled with fog. The content shown consisted of impromptu visuals performed live.
+
+<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fhashtaginstantboner%2Fvideos%2F1246976555381378%2F&show_text=0&width=560" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>

web/content/blog/kiritanflux.md

@@ -0,0 +1,130 @@
+Title: Live Visuals
+Date: 2021-03-01
+Category: performance
+Summary: Retiring my 15 year long live VJ career as 'Kiritan Flux'
+
+Under the nom de guerre of "Kiritan Flux" I performed as a live visual artist and VJ in Berlin and beyond from 2004 until 2021. My VJ work ranged from visual shows at prominent techno events such as Time Warp or Sonus Festival to more conceptual live-cinema performances tailored to their unique local context.
+
+> *flux* [flûks], n. Lat. _fluxus_, _fluo_, _fluxi_.
+
+> 1. The act of flowing; the motion or passing of a fluid.
+> 2. The moving or passing of any thing in continued succession.
+ 
+<iframe src="https://player.vimeo.com/video/157625424?h=6a9fde84a6&color=bbbbbb&title=0&byline=0&portrait=0"  frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+
+![MOAM](/images/moam_1.jpg)
+
+History
+=======
+
+- 09/2019 / Connect / Düsseldorf / DE
+- 08/2019 / Sonus Festival / Pag / HR
+- 07/2019 / Love Family Park / Rüsselsheim / DE
+- 04/2019 / Time Warp / Mannheim / DE
+- 10/2018 / Connect / Düsseldorf / DE
+- 09/2018 / Electronic Beats Festival / Budapest / HU
+- 08/2018 / Sonus Festival / Pag / HR
+- 07/2018 / Love Family Park / Rüsselsheim / DE
+- 06/2018 / Jewish Culture Festival / Kraków / PL
+- 04/2018 / f(t) Festival / Berlin / DE
+- 04/2018 / Time Warp / Mannheim / DE
+- 02/2018 / Ori @ Rotbart / Berlin / DE
+- 03/2018 / Kater Impromptu / Berlin / DE
+- 10/2017 / Ori @ Villa Neukölln / Berlin / DE
+- 11/2017 / Live Session #Instantboner / Berlin / DE
+- 09/2017 / Live Session #Instantboner / Berlin / DE
+- 08/2017 / Sonus Festival / Pag / HR
+- 08/2017 / Cables of Love / Berlin / DE
+- 07/2017 / Jewish Culture Festival / Kraków / PL
+- 04/2017 / Time Warp / Mannheim / DE
+- 12/2016 / Performance Arts Festival / Berlin / DE
+- 10/2016 / Clujotronic / Cluj-Napoca / RO
+- 08/2016 / Sonus Festival / Pag / HR
+- 07/2016 / Love Family Park / Rüsselsheim / DE
+- 04/2016 / Time Warp / Mannheim / DE
+- 03/2016 / Reflections Through Conduction / Berlin / DE
+- 12/2015 / Dérive Performance / Auroville / IN
+- 12/2015 / Scriptorium / Berlin / DE
+- 11/2015 / DOKFest Lounge / Kassel / DE
+- 10/2015 / #Adapter / Kremenchug / UA
+- 10/2015 / Tipografia / Chisinau / MO
+- 08/2015 / Sonus Festival / Pag / HR
+- 07/2015 / Love Family Park / Rüsselsheim / DE
+- 04/2015 / Time Warp / Mannheim / DE
+- 02/2015 / Reconstruction With Art / Timisoara / RO
+- 01/2015 / Scope Vorspiel / Berlin / DE
+- 10/2014 / Time Warp / Utrecht / NL
+- 09/2014 / Clujotronic / Cluj-Napoca / RO
+- 08/2014 / Sonus Festival / Pag / HR
+- 07/2014 / Love Family Park / Rüsselsheim / DE
+- 04/2014 / Time Warp / Mannheim / DE
+- 02/2014 / 5 Years OFF Recordings / Berlin / DE
+- 02/2014 / Unrender / Berlin / DE
+- 08/2013 / Sonus Festival / Pag / HR
+- 07/2013 / Love Family Park / Rüsselsheim / DE
+- 07/2013 / Wyjście Alternatywne / Zduńska Wola / PL
+- 04/2013 / Time Warp / Mannheim / DE
+- 11/2012 / Patchlab / Kraków / PL
+- 10/2012 / Intergalactic Fairy Tale @ Chalet / Berlin / DE
+- 08/2012 / Bonnie Bravo / Berlin / DE
+- 12/2011 / Freemote / Utrecht / NL
+- 08/2011 / Luft und Liebe / Berlin / DE
+- 07/2011 / Total Green Party / Berlin / DE
+- 06/2011 / Luxus für Alle @ 48h Neukölln / Berlin / DE
+- 04/2011 / Typographic Architecture / Berlin / DE
+- 11/2010 / Did We Meat? / Berlin / DE
+- 08/2010 / Luft und Liebe / Berlin / DE
+- 06/2010 / VisualBerlin Festival / Berlin / DE
+- 04/2010 / 1 Year Betahaus / Berlin / DE
+- 10/2009 / Disonancie Cognitiva / Berlin / DE
+- 09/2009 / Atoms & Bits @ Betahaus / Berlin / DE
+- 08/2009 / Cadavre Exquis / Berlin / DE
+- 06/2008 / Lauter Festival
+- 09/2008 / "Coulrophobie" - Pulp Mansion / Berlin / DE
+- 06/2008 / FF Bots Will Invade Your B-Rain @ LPM / Roma / IT
+- 12/2007 / DMY Designer Dinner @ Kunstfabrik / Berlin / DE
+- 10/2007 / Club V "Battle" @ Spindler & Klatt / Berlin / DE
+- 09/2007 / "Weltherrschaft" @ LPM / Roma / IT
+- 08/2007 / VisualBerlin AV Night @ K:ITA / Berlin / DE
+- 08/2007 / "Badespaß" @ 5 Meter Bar / Berlin / DE
+- 06/2007 / Davidoff Night @ Spindler & Klatt / Berlin / DE
+- 05/2007 / "Designmai Punksters" @ DMY / Berlin / DE
+- 03/2007 / "Nep Konijn" @ Consortium / Amsterdam / NL
+- 03/2007 / "Nep Konijn" @ Ekko / Utrecht / NL
+- 12/2006 / Break It Loose Casino Cosmonaut / Heidelberg / DE
+- 12/2006 / AVIT>C23 @ BCC / Berlin / DE
+- 11/2006 / "The Italian Job" @ LPM / Roma / IT
+- 10/2006 / Club Couch Opening @ ZMF / Berlin / DE
+- 09/2006 / Wizards of OS @ Columbia / Berlin / DE
+- 07/2006 / "Wrozlaw Parano" Era Nowe Horyzonty / Wrozlaw / PL
+- 05/2006 / Reanimation @ KKH / Pasewalk / DE
+- 05/2006 / 6 Jahre Imperium @ White Trash / Berlin / DE
+- 04/2006 / Freaks, Friends & Players Festival / Bremen / DE
+- 03/2006 / Storage / Berlin / DE
+- 02/2006 / Das Imperium lädt ein / Berlin / DE
+- 12/2005 / Break It Loose Casino Cosmonaut / Heidelberg / DE
+- 11/2005 - Break It Loose @ Barista / Oldenburg / DE
+- 11/2005 / Goodlife / Berlin / DE
+- 10/2005 / Bermudavisualisten / Berlin / DE
+- 07/2005 / Rafgier presents "now 2005" / Berlin / DE
+- 07/2005 / Dr. Motte's Klangturm / Brandenburg Havel / DE
+- 06/2005 / 2 Years Goodlife / Berlin/ DE
+- 06/2005 / Campus Vibration II / Brandenburg Havel / DE
+- 05/2005 - Break It Loose @ Barista / Oldenburg / DE
+- 05/2005 / Rafgier / Berlin / DE
+- 04/2005 / Acedia Labelnight / Oldenburg / DE
+- 02/2005 / Goodlife / Berlin / DE
+- 01/2005 / 1 Year Rafgier / Berlin / DE
+- 12/2004 / Break It Loose Casino Cosmonaut / Heidelberg / DE
+- 11/2004 / Rafgier / Berlin / DE
+- 10/2004 / Break It Loose Salon Jürgenz / Oldenburg / DE
+- 08/2004 / Boom Festival / Idhana a Nova / PT
+- 07/2004 / Rafgier Destroy euRoClAsh / Berlin / DE
+- 07/2004 / Neon Nights / Berlin / DE
+- 07/2004 / EM-Lounge / Berlin / DE 
+- 07/2004 / Zentrale Randlage / Berlin / DE 
+- 07/2004 / Contact Europe VJ Festival / Berlin / DE
+- 07/2004 / Break It Loose Salon Jürgenz / Oldenburg / DE
+- 05/2004 / Break It Loose Salon Jürgenz / Oldenburg / DE
+- 05/2004 / Sony Style Store / Berlin / DE
+- 12/2003 / Break It Loose Casino Cosmonaut / Heidelberg / DE

web/content/blog/kurtag.md

@@ -0,0 +1,11 @@
+Title: Kurtág - Reflections Through Conduction
+Date: 2016-03-08 21:00
+Category: performance
+Slug: kurtag-reflections
+Summary: Audiovisual improvisation with Tlalit and Jean-Paul Bourelly's Spontaneous Arkestra
+
+The world of contemporary music celebrated the 90th birthday of Hungarian composer [György Kurtág](https://en.wikipedia.org/wiki/György_Kurtág). Interpreting this influential oeuvre of contemporary classical music, the Collegium Hungaricum Berlin dedicated a special event to Kurtág on 8 March 2016, presenting two concerts. One of them was a live concert of The Spontaneous Arkestra led by the legendary fusion musician, composer and conceptualist [Jean-Paul Bourelly](https://en.wikipedia.org/wiki/Jean-Paul_Bourelly) through the use of Conduction to command the orchestra and reflect on Kurtág's works. By its nature, Conduction method liberates both conductor and musicians from the traditional boundaries of musical rules, habits and conventions, making the collaboration more spontaneous and surprising the audience with unexpected turns.
+
+[Tlalit](http://tlal.it) and I did a visual improvisation for the concert. The used material consisted only of macro-videography of the stage and instruments of the musicians shot during the rehearsals the day before by Tlalit. This base material was modified and mixed live by me and masked with music inspired live drawings with [Alchemy](http://al.chemy.org) by Tlalit.
+
+<iframe src="https://player.vimeo.com/video/162164543?title=0&byline=0&portrait=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>

web/content/blog/mutantenkino.md

@@ -0,0 +1,112 @@
+Title: Mutantenkino
+Date: 2016-09-07 22:00
+Category: cinema
+Slug: mutantenkino
+Summary: Post-apocalyptic pop-up cinema series that ran from 2012 until 2016 
+
+From 2012 until 2016 I curated and ran a series of underground non-profit pop-up cinema screenings at Panke and other locations called "Mutantenkino" (German for "mutant cinema") exploring the genre of ¨post-apocalypse b-movies."
+
+The official description was:
+
+> MUTANTENKINO presents thematically compiled classics and novelties of post-apocalyptic (short) film on long outdated audiovisual carriers in a dystopian ambience at end-time locations around Berlin.
+
+> Admission is free, but donations are welcome - but please no money, because that will be worth no more than other colored paper after the doom...
+
+The trope of the series was to 'educate and prepare for the apocalypse'. Each edition was around 2-3 hours long and featured one or two short-films, a feature film, and one episode of the cartoon series Adventure Time - all compiled to match the topic of the main feature. The feature film was never openly advertised and just hinted at by the topic and description of the individual edition. Advertisement was done via Facebook.
+
+Here is an [article](https://berliner-filmfestivals.de/2012/05/mutantenkino-im-filmrauschpalast-moabit/) (in German) about the 4th edition that featured a John Carpenter triple feature and [an interview](https://berliner-filmfestivals.de/2012/05/mutantenkino-macher-flux-im-gesprach/) (in German) about Mutantenkino
+
+Full list of all editions with links to the Facebook events:
+
+07/09/2016 / [Mutantenkino #31 - Kinzoku](https://www.facebook.com/events/1007925855986882/)
+Panke, Berlin Wedding
+
+06/07/2016 / [Mutantenkino #30 - Phoenix Ragazza](https://www.facebook.com/events/300121453654305/)
+Panke, Berlin Wedding
+
+01/06/2016 / [Mutantenkino #29 - 20 Minutes Into the Future](https://www.facebook.com/events/884598684984498/)
+Panke, Berlin Wedding
+
+04/05/2016 / [Mutantenkino #28 - Firifari II](https://www.facebook.com/events/211327359249590/)
+Panke, Berlin Wedding
+
+06/04/2016 / [Mutantenkino #27 - Firifari](https://www.facebook.com/events/238795093138725/)
+Panke, Berlin Wedding
+
+02/03/2016 / [Mutantenkino #26 - Omega](https://www.facebook.com/events/1567095660284148/)
+Panke, Berlin Wedding
+
+02/12/2015 / [Mutantenkino #25 - The Human Project Lives](https://www.facebook.com/events/481365612042377/)
+Panke, Berlin Wedding
+
+07/10/2015 / [Mutantenkino #24 - schland](https://www.facebook.com/events/465995026921567/)
+Panke, Berlin Wedding
+
+05/08/2015 / [Mutantenkino #23 - Formication](https://www.facebook.com/events/403806056490147/)
+Panke, Berlin Wedding
+
+03/06/2015 / [Mutantenkino #22 - Bogans Undead](https://www.facebook.com/events/1610064792596437/)
+Panke, Berlin Wedding
+
+06/05/2015 / [Mutantenkino #21 - Reality Bites](https://www.facebook.com/events/1584673011803904/)
+Panke, Berlin Wedding
+
+01/04/2015 / [Mutantenkino #20 - DMSDY GRRRL](https://www.facebook.com/events/1557111431222046/)
+Panke, Berlin Wedding
+
+04/03/2015 / [Mutantenkino #19 - Acid Desperado](https://www.facebook.com/events/409754939202911/)
+Panke, Berlin Wedding
+
+04/02/2015 / [Mutantenkino #18 - Brain Vortex](https://www.facebook.com/events/1568973286653459/)
+Panke, Berlin Wedding
+
+07/01/2015 / [Mutantenkino #17 - Конец времён](https://www.facebook.com/events/419564928197169/)
+Panke, Berlin Wedding
+
+17/12/2014 / [Mutantenkino #16 - ClipAward Special](https://www.facebook.com/events/1545617552342929/)
+Panke, Berlin Wedding
+
+12/11/2014 / [Mutantenkino #15 - Crumbling Regime](https://www.facebook.com/events/616558291799592/)
+Atelier Äuglein, Berlin Kreuzberg
+
+01/10/2014 / [Mutantenkino #14 - Fi dels Temps](https://www.facebook.com/events/345091238982536/)
+Panke, Berlin Wedding
+
+03/09/2014 / [Mutantenkino #13 - Behold the Future](https://www.facebook.com/events/270634083134054/)
+Atelier Äuglein, Berlin Kreuzberg
+
+05/08/2014 / [Mutantenkino #12 - Transapocalypse Express](https://www.facebook.com/events/336487683185590/)
+Panke, Berlin Wedding
+
+02/07/2014 / [Mutantenkino #11 - Anarchie Road](https://www.facebook.com/events/707412525988626/)
+Panke, Berlin Wedding
+
+03/06/2014 / [Mutantenkino #10 - Atomic Disco](https://www.facebook.com/events/649291645157314/)
+Panke, Berlin Wedding
+
+20/05/2014 / [Mutantenkino #9 - Beware of the Kiwi](https://www.facebook.com/events/1500771193484566/)
+Panke, Berlin Wedding
+
+02/04/2014 / [Mutantenkino #8 - Primate Business](https://www.facebook.com/events/1422316111352683/)
+Panke, Berlin Wedding
+
+05/02/2014 / [Mutantenkino #7 - nuclear winter edition](https://www.facebook.com/events/589270744493901/)
+Panke, Berlin Wedding
+
+04/12/2013 / [Mutantenkino #6 - Guns & Red Stockings](https://www.facebook.com/events/328886693917353/)
+Panke, Berlin Wedding
+
+04/05/2013 / [Special: An American Hippie in Israel](https://www.facebook.com/events/448542431896624/)
+Filmkunst, Berlin Friedrichshain
+
+28/07/2012 / [Mutantenkino #5 - A MAZE. Night of Machinima IX: Game Over](https://www.facebook.com/events/262396477202058/)
+Kino Durchs Fenster, Berlin Friedrichshain
+
+19/05/2012 / [Mutantenkino #4 - Kino der letzten Tage im Filmerausch](https://www.facebook.com/events/302852359796623/)
+Filmrauschpalast, Berlin Moabit
+
+29/02/2012 / [Mutantenkino #2 - Of Bunkers and Beasts](https://www.facebook.com/events/839822639432368/)
+Atelier Überall, Berlin Kreuzberg
+
+25/01/2012 / [Mutantenkino #1 - Fin du Temps](https://www.facebook.com/events/727142480729764/)
+Die Wohngemeinschaft, Berlin Friedrichshain

web/content/blog/occulture.md

@@ -0,0 +1,10 @@
+Title: Workshop at Occulture Conference
+Date: 2019-10-31 20:00
+Category: workshop
+Summary: Workshop about Spirit of Place and Randonauting
+
+I was invited to do a [workshop](https://www.occultureconference.com/2019/lineup/tobias-raayoni-last.html) at the 2019 [Occulture Esoteric Conference](https://www.occultureconference.com) in Berlin. The topic of my presentation was "*Close Encounters With Placeness*":
+
+> In this workshop we will explore different perspectives on approaching "spirits of place." Taking Berlin as a subject we will take a closer look at some of its psychogeography, and mythology, moody river gods and places of power. One goal is to examine together how to interface with "placeness" as an art and magical practice. An easy and exciting method of doing so is "Randonauting", the exploration of places determined by a set of geographic coordinates calculated by a quantum random number generator. The initial goal of this technique developed by the "Fatum Project" was to see what happens when people visit arbitrary locations. It unexpectedly led the randonauts to discoveries of strange places, weird artifacts and even mystical journeys. In the workshop an introduction to the method will be given and how it can be applied to set off synchronicities, how to use it for divination or other magical applications, or simply for exploring familiar as well as foreign places for fun.
+
+![Workshop](/images/occulture.jpg)

web/content/blog/ori.md

@@ -0,0 +1,23 @@
+Title: Ori Alboher @ Jewish Culture Festival Kraków
+Date: 2017-07-02 23:00
+Category: performance
+Slug: ori-alboher
+Summary: Jerusalem dérive video performance with Israeli musician Ori Alboher, with support from Tlalit
+Location: 50.05423172504668, 19.952685453779072
+
+I was invited by the *Jewish Cultural Festival Kraków* to develop and perform an audiovisual show together with Israeli musician [Ori Alboher](https://orialboher.bandcamp.com). The topic of the festival was *Jerusalem*. I decided to do one of my dérive video performances. [Tlalit](http://tlal.it) and I travelled to the city of *Jerusalem* and we both filmed impressions of the street-life, architecture and hidden places. Tlalit grew up there, so she knew many great areas I could have not found by myself.
+
+At the festival in *Kraków* I used only that material for the songs played by *Ori* during our concert. It was a multi-screen presentation with half transparent screens.
+
+All filmed video material was donated to the festival for free use under a *Creative Commons* license and was re-used by [Elektro Moon Vision](http://elektromoon.co.nr) for several projections around the festival.
+
+<div class="para" style="height: 20em; background-image: url(/images/ori_01.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/ori_02.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/ori_03.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/ori_04.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/ori_05.jpg)"></div>
+&nbsp;

web/content/blog/placeness.md

@@ -0,0 +1,16 @@
+Title: On Placeness
+Date: 2023-04-15
+Category: Blog
+Summary: How I think about Placeness in the context of my work
+
+In the 1960s the Situationist International identified a quality of sociocultural alienation which they dubbed "the spectacle", a self-referencing fiction that reduces the vibrant richness of existence to a lifeless image presented as "reality". The spectacle serves to represent experience as a disconnected assemblage of discrete and unrelated but consumable objects. To combat the spectacle, the Situationist International encouraged the practice of the dérive, which involves aimless drifting through the urban landscape, led solely by subjective stimuli. This practice supposedly allows one to break free from the imposed structures of urban planning and re-territorialize the city into representations that harmonize the inner and outer senses of place.
+
+> In many of my video performances I used the dérive to invite "place" itself to become the main protagonist as experienced through my subjective lens. I would spend hours wandering through different environments without any objective but capturing on camera whatever caught my attention. It was not only an exciting way to get to know a new place but on many occasions I had the experience that the audience really enjoyed and appreciated my outsider's view on their natural habitat. People found it refreshing and unbiased, allowing them to perceive their surroundings from a new and different perspective.
+
+Although the SI saw capitalism as the culprit at the core of this alienation I argue that the spectacle lies in fact on a deeper level: the alienation of inner felt sense and outer embodied reality. Our modern enlightened conception of the world is that of a purely external, mechanical place of quantities that is completely separated from an assumed inner private and individual space of psychological qualities. This complete detachment from our surroundings has led to the emergence of a reductionist view of reality. While the sciences treat reality as dead and soul-less mechanical matter also many of the spiritualities have abandoned matter altogether and focus on non-material energies and disincarnate beings.
+
+The dérive has a profound effect not only because of the aimlessness of the activity freeing us from the distractions of the spectacle but also because we actually pay attention to being embodied in a place. It makes sense that our human consciousness and rationality are fundamentally tied to our physical senses of orientations and interactions in space. We have to also realize that sense of "placeness" is in fact a transformation of our state of awareness through our surroundings. Our subjectivity and the content of our thoughts and feelings are very dependent on the place and places within which we live and act. So the significance of place should not be viewed as a contingent feature of human psychology or biology, but instead as rooted in the very structure that makes possible the human experience.
+
+For many cultures throughout history, places are imbued with a kind of spirit or energy that is specific to that location - the Genius Loci. This "spirit of place" is not only shaped by but also has an impact on the history, culture, and natural surroundings of a particular location. It is the soul of the place itself. The idea of a Genius Loci highlights the ways in which "placeness" is not simply a physical or metaphysical concept, but rather an embodied and lived experience.
+
+> After having explored the psychogeography of many places using the technique of the dérive for mere artistic purposes I have begun to see places as entities with their own agency. The deeper I delve into the complexities of placeness the more impossible it becomes to shy away from what is nowadays called *animism* as a universal way to experience the world.

web/content/blog/psithemius.md

@@ -0,0 +1,33 @@
+Title: Psithemius
+Date: 2020-07-16 21:00
+Category: device
+Summary: Invention of a magical device based on Renaissance magic and Psionic technology.
+
+The Psithemius is a psionic device for spirit conjuration and magical manifestation.
+
+![pointy](/images/pointy.jpg)
+
+Its basic architecture consists of printed circuit boards hosting concentric circles with magical names and symbols and a triangle with a spiral shaped transmitter in its center. The design is based on a magical system attributed to the German abbot and polymath Johannes Trithemius who lived around the end of the 15th century and developed methods for communing with transdimensional entities.
+
+![ritual](/images/ritual.jpg)
+
+For the Psithemius device to work properly, a small single terminated or ball shaped quartz crystal is needed. The device emits light and an electromagnetic field around and into this quartz crystal set in the center of the triangle that acts as a focal point and spirit medium.
+
+The Psithemius device utilizes principles borrowed from the lesser known works of *Nikola Tesla* and the fringe-science of *Psionics* to detect and electrically amplify the user's intent in the form of magical sigils or radionic rates. The goal is to charge the crystal with energies resonating with the nature of an entity and act as a beacon of condensed intent to attract them to the ritual space.
+
+![sphere](/images/sphere.jpg)
+
+A limited edition of the devices was designed by me with the help of an engineer, professionally produced as printed circuit boards in China, and sold to collectors and spiritual practitioners worldwide.
+
+MAKING OF
+=========
+
+![design](/images/small1.png)
+
+![pcb](/images/pcb.png)
+
+![3d](/images/trithemius_bot.png)
+
+![device](/images/psithemius.jpg)
+
+![accessory](/images/ingress.jpg)

web/content/blog/randonautica.md

@@ -0,0 +1,26 @@
+Title: Randonautica
+Date: 2020-08-01 23:00
+Category: blog
+Summary: New job as a project manager of an app created to enhance the human experience with novelty by mindfully exploring the world using random coordinates
+
+In early 2020 the pandemic led to total cancellation of cultural events which had been my [main source of income in the decades before](({filename}../blog/kiritanflux.md)) and I was forced to radically reconsider my career. 
+
+In summer I was approached by a group of people I had already interacted with for a few months. It was the Randonauts, a movement of geeks and seekers exploring the possibilities of escaping behavioural patterns by means of randomly generated coordinates. They founded a company with the goal to create a [professional app](https://www.randonautica.com) and were looking for a project manager. I immediately said yes and have been working for them ever since.
+
+![Randonautica Home](/images/rando_home.jpg)
+
+Randonautica is an app created to enhance the human experience with novelty by mindfully exploring the world, the interconnectivity of the universe and to test the hypothesis that human consciousness and quantum noise that is used to generate random numbers are somehow weirdly entangled.
+
+[Get it on Google Play](https://play.google.com/store/apps/details?id=com.randonautica.app) [Download on the App Store](https://apps.apple.com/us/app/randonautica/id1493743521)
+
+Developed by the global movement, The Randonauts and based on the theories stemming from the Fatum Project, the Randonautica app was created to encourage people to venture outside of their day-to-day routine by using a quantum random number generator to derive a truly random coordinate to journey to. The phenomenon has taken the world by storm and there are millions of Randonauts exploring their surroundings in nearly every country.
+
+<div class="para" style="height: 20em; background-image: url(/images/rando_point.jpg)"></div>
+
+Venturing outside of day-to-day routines with positive, sincere intentions lead to meaningful, mind-bending experiences and a deeper understanding of the interconnectivity within the universe. Randonautica presents an adventurous opportunity to do this by generating truly random locations sourced with quantum entropy all the while testing your ability to influence matter using thoughts, energy, technology and the world just outside your doorstep. 
+
+Randonautica is on a mission to serve curiosity seekers around the globe by sincerely exploring the world they never knew existed. By doing so, Randonauts are able to open their minds to endless possibilities within the multiverse and automatically become a crucial part of a phenomenon pioneering the entry into Mind Matter Interaction (MMI) for the betterment of humanity.
+
+![Randonautica Discover](/images/rando_discover.jpg)
+
+​The app is developed by a [small international team](https://www.randonautica.com/team) consisting of three software engineers from Pakistan, a designer from New England, a Canadian support agent, a British influencer and vlogger, and managed by a serial entrepreneur from the American midwest. It is my job to plan, coordinate, and supervise the development process and communicate across the different fields of expertise.

web/content/blog/scope.md

@@ -0,0 +1,30 @@
+Title: Scope Sessions
+Date: 2020-04-14
+Category: cooperation
+Summary: Scope Sessions was a monthly artist talk & media salon series
+
+[scopesessions.org](https://scopesessions.org)
+
+Scope Sessions was a monthly artist talk & media salon series that ran for almost ten years. It was co-organized by a changing group of artist friends and media arts enthusiasts. Instead of a frontal lecture format it was realized as a meeting point for the creative and the curious, a platform for sharing and learning in an informal setting.
+
+![Scope](/images/panoramica_scope.jpg)
+
+Guest artists were invited to present a project, a concept, a process or an experience. The presentations were short, around 40 minutes and unrestricted in form. Each session offered a variety of topics and approaches; Scope Sessions were mainly about exposure, not for the artist, but for the audience. The focus was on intermedia arts and technologies, but the eclectic curation of speakers rotated among the organizers and topics also diverged from the core topic to keep it fresh and interesting for the audience.
+
+<div class="para" style="height: 10em; background-image: url(/images/886178_603842469702741_442050298_o.jpg)"></div>
+
+It started in July 2011 at *Atelier Überall* in cooperation with *VisualBerlin* and quickly grew in popularity. In 2012 it took place at *NK* and soon moved to *Panke* in Wedding. In 2017 we started organizing also performance nights at *Spektrum*. From 2018 until 2020 we were hosted by *SomoS* gallery in Kreuzberg until February 2020 when the Covid-19 pandemic made it impossible to continue.
+
+<div class="para" style="height: 20em; background-image: url(/images/scope_2018_04.jpg)"></div>
+
+Among the eclectic selection of over 254 guest speakers were Miller Puckette, Rainer Kohlberger, Selcuk Artut, Tarik Barri, Ali M. Demirel, Darsha Hewitt, Susie Sie, Carla Chan, Robert Seidel, Lucas Guiterres, Defasten, Alona Rodeh, Pierce Warnecke, Transforma, pussykrew, Zan Lyons, Onyx Ashanti, Andreas Nicolas Fischer, MESO, Reynold Reynolds, MFO, Thorsten Fleisch, Peter Kirn, Quadrature.
+
+<div class="para" style="height: 15em; background-image: url(/images/scope_2018_03.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 15em; background-image: url(/images/scope_2018_01.jpg)"></div>
+
+I was involved in the inception, design, organisation, curation, moderation, web development, and video editing and actively involved from the first to the last edition.
+
+<div class="para" style="height: 20em; background-image: url(/images/scope_2018_02.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/scope_2018_05.jpg)"></div>

web/content/blog/sensor-watch.md

@@ -0,0 +1,22 @@
+Title: Sensor Watch Faces
+Date: 2023-03-31 23:00
+Category: code
+Summary: Designed and coded some watch faces for the Movement firmware of the Sensor Watch project
+
+[Sensor Watch](https://www.sensorwatch.net) is a board replacement for the classic *Casio F-91W* wristwatch invented by [Joey Castillo](https://www.joeycastillo.com) at [Oddly Specific Objects](https://www.oddlyspecificobjects.com). It is powered by a Microchip SAM L22 microcontroller with built-in segment LCD controller. Sensor Watch ships with a build of the Movement community firmware that manages the display of different screens of content on the watch. These screens are called watch faces. They can be passive displays of information like a clock or a calendar, or they can be fully interactive user interfaces like the Preferences face, which allows the user to customize Movement’s behavior.
+
+![F-91w](/images/f91w.jpg)
+
+I contributed the following watch faces to the project:
+
+* [PLANETARY HOURS](https://github.com/joeycastillo/Sensor-Watch/blob/main/movement/watch_faces/complication/planetary_hours_face.h) Displays the next planetary hours and their rulers
+* [PLANETARY TIME](https://github.com/joeycastillo/Sensor-Watch/blob/main/movement/watch_faces/complication/planetary_time_face.h) Displays the current planetary time together with their ruler
+* [DUAL TIMER](https://github.com/joeycastillo/Sensor-Watch/blob/main/movement/watch_faces/complication/dual_timer_face.h) dual chronograph for timing two simultaneous events
+
+<iframe src="https://www.youtube.com/embed/Z64oJCeY62M" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+* [TOSS UP](https://github.com/joeycastillo/Sensor-Watch/blob/main/movement/watch_faces/complication/toss_up_face.h) games of chance or divination using coins or dice.
+* [GEOMANCY](https://github.com/joeycastillo/Sensor-Watch/blob/main/movement/watch_faces/complication/geomancy_face.h) I Ching and Geomancy divination
+* [RANDONAUT](https://github.com/joeycastillo/Sensor-Watch/blob/main/movement/watch_faces/complication/randonaut_face.h) Generate random location coordinate
+
+<iframe src="https://www.youtube.com/embed/wQOzrDqH97Y" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

web/content/blog/shechina-ex-machina.md

@@ -0,0 +1,24 @@
+Title: Shechina Ex Machina
+Date: 2012-11-11 07:11
+Category: installation
+Slug: shechina-ex-machina
+Summary: installation about an exiled spirit manifesting herself in a piece of obsolete technology, presented at p a t c h : audio_visual_lab in Kraków
+
+שכינה מתוך המכונה / Shechina ex machina is an artistic installation about an exiled spirit manifesting herself in a piece of obsolete technology, desperately trying to reach man who stays preoccupied with postmodern capitalist shenanigans.
+
+According to jewish teachings, Shechina is the feminine majestic presence or manifestation of God which has descended to dwell among men. As the Israelites became exiled the Shechina came with them. Her manifestations remind men to constantly improve themselves and humankind and therefore seek reunification with God.
+
+The installation was presented at [p a t c h : audio_visual_lab](http://patchlab.pl) in Kraków in 2012.
+
+![](/images/177016_197704830367064_1922593328_o.png "177016_197704830367064_1922593328_o")
+
+![](/images/665198_197699897034224_337639898_o.png "665198_197699897034224_337639898_o")
+
+![](/images/679873_197706323700248_2103233284_o.png "679873_197706323700248_2103233284_o")
+
+![](/images/177016_197704833700397_1305549512_o.png "177016_197704833700397_1305549512_o")
+
+![](/images/665198_197699883700892_1858072692_o.png "665198_197699883700892_1858072692_o")
+
+![](/images/flux.jpg "OLYMPUS DIGITAL CAMERA") (photo © Peter Kirn)
+

web/content/blog/telepong.md

@@ -0,0 +1,27 @@
+Title: Telepong Touchcube
+Date: 2015-05-20 22:00
+Category: installation
+Slug: telepong-touchcube
+Summary: 8bit style interactive Pong game inside a plexiglass cube as an installation for Electronic Beats Festival Cologne 
+
+[Skudi Optics & Eventdesign](http://skudi-eventdesign.de) has 1 cubic meter sized white cubes made of plexiglass that are usually rented out to events as simple light objects branded with adhesive foil. I suggested to them that we can try to transform one of their cubes into an interactive multitouch object to use for simple games. After some research I came up with a concept for the technical solution with infrared LED spotlights and a modified PS2 webcam. The limitation was that the cube should stay intact - which meant that the top surface would stay 1cm thick diffuse plexiglass. This affected the touch recognition as well as limited the type of graphics to be projected. Everything would end up very blurry. 
+
+Peter Kurzweg of Skudi worked on modifying the cube to host the short-throw-video-projector, cameras, LED spots and cables and keep the sides illuminatable without interfering with the projection. I hired [Peter Kolski](http://www.bildpeter.de/creative-coding-berlin/) to program a simple pong based game in openFrameworks, using TUIO protocol signals for control. [Tlalit Segal Raayoni](http://tlal.it) did the 8bit style design of the game so it would look cool even on the blurry surface. The prototype of this installation ran successfully at the [Electronic Beats Festival]({filename}eb.md) Cologne in May 2015 and was embraced by the audience who used the pong game intuitively during the concert breaks.
+
+![pong](/images/pong_01.jpg)
+
+![pong](/images/pong_02.jpg)
+
+![pong](/images/pong_03.jpg)
+
+<h2>Making Of</h2>
+
+![pong](/images/pong_04.jpg)
+
+![pong](/images/pong_05.jpg)
+
+![pong](/images/pong_06.jpg)
+
+![pong](/images/pong_07.jpg)
+
+![pong](/images/pong_08.jpg)

web/content/blog/the-city-zen.md

@@ -0,0 +1,27 @@
+Title: The City Zen
+Date: 2010-06-12 11:06
+Category: performance
+Slug: the-city-zen
+Summary: Live Cinema + stage performance together with the übermutanty collective.
+
+Live Cinema + stage performance together with the übermutanty collective: Dr. Bronkenstein (Agnieszka K. Bronowska – paintings, drawings, photos, visuals, choerography, dance, writing) and Dangerous Dave (Dave A. Evans – music composing, mixing, editing, and playing, photography).
+
+performed
+
+* March 20, 2010 - B-Seite Festival Mannheim, DE
+* May 29, 2010 - Live Performers Meeting, Roma, IT
+* June 12, 2010 - visualberlinFestival, Berlin, DE
+ 
+<div class="para" style="height: 20em; background-image: url(/images/flux_04_fotochristiankleiner.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/flux_06_fotochristiankleiner.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 10em; background-image: url(/images/flux_10_fotochristiankleiner.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/flux_07_fotochristiankleiner.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 10em; background-image: url(/images/flux_08_fotochristiankleiner.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 10em; background-image: url(/images/flux_13_fotochristiankleiner.jpg)"></div>    
+&nbsp;
+<iframe style="aspect-ratio: 12 / 3;" src="//player.vimeo.com/video/10344661?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

web/content/blog/visualberlin.md

@@ -0,0 +1,32 @@
+Title: Visual Berlin e.V.
+Date: 2012-07-11
+Category: cooperation
+Summary: VisualBerlin is a video art association that offered a platform for live video performers
+
+[visualberlin.org](http://visualberlin.org)
+
+VisualBerlin is a video art association that offers a platform for live video performers seeking cooperative projects and mutual exchange. It has been mostly active between 2006 and 2012. The Videokunst-Club VisualBerlin e.V. was founded in 2005 and still exists and is a non-profit organization. Its members have participated in numerous festivals and events around the globe and has organized several video performance festivals in Berlin.
+
+The club aims to spread information about the projected image as used in a live performance setting and all of its relative forms. It also provides the opportunity for combining the ideas, knowledge and creativity of its members to realize complex projects. The association operates in the tradition of the worldwide VJ network AVIT and strives for representing these ideals and philosophy in Germany and beyond.
+
+<iframe src="https://player.vimeo.com/video/11136061?h=4cef6fde8a&color=bbbbbb&title=0&byline=0&portrait=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
+
+My involvement with VisualBerlin was its inception and foundation as an official association and I served as elected member of the management board from the beginning until 2012. 
+
+![AVIT>C23](/images/avitc23_dsc05925.jpg)
+
+In 2006 I help organize the 3 days *AVIT>C23* festival with over 80 invited audiovisual artists that ran alongside the 23rd Chaos Communication Congress.
+
+![microavit01](/images/2596535049_ed93668c3e.jpg)
+&nbsp;
+![microavit02](/images/2597369410_b39aa88dc7.jpg)
+
+In 2008 I co-organized another edition called *μ:avit* in collaboration with the DMY Design festival.
+
+<div class="para" style="height: 20em; background-image: url(/images/4690742038_461554b204_b.jpg)"></div>
+
+As head of coordination I managed the organization of another 3 days VJ and video-arts festival with many international artists in 4 venues across Berlin, most notably as the first big event that ever took place in the turbine hall of Tresor.
+
+<div class="para" style="height: 20em; background-image: url(/images/32229_127122107321117_100000699868082_173611_4407089_n.jpg)"></div>
+&nbsp;
+<div class="para" style="height: 20em; background-image: url(/images/4711820592_162d272be8_b.jpg)"></div>