Migration

.htaccess

@@ -0,0 +1,6 @@
+AddType application/x-httpd-php55 .php
+
+RewriteEngine On
+RewriteBase /
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteRule ^ index.php [L]

assets/css/normalize.css

@@ -0,0 +1,2 @@
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

assets/ico/arrow_black_left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="29" height="69" viewBox="0 0 29 69">
+  <polyline fill="none" stroke="#1B1B1B" points="66.016 3086.5 100.258 3059.984 134.5 3086.5" transform="rotate(-90 -1462.242 1596.742)"/>
+</svg>

assets/ico/arrow_black_right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="29" height="69" viewBox="0 0 29 69">
+  <polyline fill="none" stroke="#1B1B1B" points="1143.016 3086.5 1177.258 3059.984 1211.5 3086.5" transform="rotate(90 2115.258 972.242)"/>
+</svg>

assets/ico/arrow_next_circle.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <g fill="none" fill-rule="evenodd">
+    <circle cx="15" cy="15" r="15" fill="#339967"/>
+    <g stroke="#FFFFFF" transform="translate(9 11)">
+      <path d="M0.161764706,0.5 L10.8431361,0.5" transform="translate(0 4)" stroke-linecap="square"/>
+      <polyline points="5.714 6.511 9.714 2.511 13.714 6.511" transform="rotate(90 9.714 4.51)"/>
+    </g>
+  </g>
+</svg>

assets/ico/arrow_white_left.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52" height="99" viewBox="0 0 52 99">
+  <g fill="none" fill-rule="evenodd" stroke="#FFFFFF" transform="rotate(180 25.5 49)" stroke-linecap="round">
+    <path d="M39.3649316,43.9775 C39.3568789,43.9865 39.3506158,43.9975 39.3416684,44.0065 L2.32014211,85.3825 C2.31119474,85.3925 2.30224737,85.4005 2.29419474,85.4095 C-0.168121053,88.1615 -0.168121053,92.6215 2.2933,95.3735 C4.75472105,98.1235 8.74614211,98.1235 11.2084579,95.3725 L11.2093526,95.3725 L48.2783,53.9415 L48.2791947,53.9405 C50.7406158,51.1895 50.7397211,46.7295 48.2783,43.9785 C45.8159842,41.2265 41.8263526,41.2265 39.3649316,43.9775 Z"/>
+    <path d="M2.29365789,12.5254 C2.30171053,12.5354 2.31065789,12.5424 2.31960526,12.5514 L39.3411316,53.9284 C39.3500789,53.9384 39.3563421,53.9494 39.3643947,53.9584 C41.8267105,56.7104 45.8172368,56.7104 48.2795526,53.9584 C50.7400789,51.2074 50.7400789,46.7474 48.2786579,43.9954 L48.2777632,43.9944 L11.2088158,2.5634 L11.2079211,2.5624 C8.7465,-0.1886 4.75507895,-0.1876 2.29365789,2.5634 C-0.167763158,5.3154 -0.167763158,9.7744 2.29365789,12.5254 Z"/>
+  </g>
+</svg>

assets/ico/arrow_white_right.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="52" height="99" viewBox="0 0 52 99">
+  <g fill="none" fill-rule="evenodd" stroke="#FFFFFF" transform="translate(1 1)" stroke-linecap="round">
+    <path d="M39.3649316,43.9775 C39.3568789,43.9865 39.3506158,43.9975 39.3416684,44.0065 L2.32014211,85.3825 C2.31119474,85.3925 2.30224737,85.4005 2.29419474,85.4095 C-0.168121053,88.1615 -0.168121053,92.6215 2.2933,95.3735 C4.75472105,98.1235 8.74614211,98.1235 11.2084579,95.3725 L11.2093526,95.3725 L48.2783,53.9415 L48.2791947,53.9405 C50.7406158,51.1895 50.7397211,46.7295 48.2783,43.9785 C45.8159842,41.2265 41.8263526,41.2265 39.3649316,43.9775 Z"/>
+    <path d="M2.29365789,12.5254 C2.30171053,12.5354 2.31065789,12.5424 2.31960526,12.5514 L39.3411316,53.9284 C39.3500789,53.9384 39.3563421,53.9494 39.3643947,53.9584 C41.8267105,56.7104 45.8172368,56.7104 48.2795526,53.9584 C50.7400789,51.2074 50.7400789,46.7474 48.2786579,43.9954 L48.2777632,43.9944 L11.2088158,2.5634 L11.2079211,2.5624 C8.7465,-0.1886 4.75507895,-0.1876 2.29365789,2.5634 C-0.167763158,5.3154 -0.167763158,9.7744 2.29365789,12.5254 Z"/>
+  </g>
+</svg>

assets/ico/by.svg

@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="120px" height="42px" viewBox="0 0 120 42" enable-background="new 0 0 120 42" xml:space="preserve">  <image id="image0" width="120" height="42" x="0" y="0"
+    xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAqEAIAAACn0NQ6AAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0T///////8JWPfcAAAA
+CXBIWXMAAABIAAAASABGyWs+AAAAB3RJTUUH4QULDCYmFuSVSwAADfRJREFUeNrtXHtYU8cSX1t5
+lQK2RTCiUlsuEpWXBbVYH1gJovioCEh9BEWEi6KIgIqoKIoW8AFY6xPBQgERqRJF0FKk8lCivCpg
+GpubosYAFSFSDWC9fwz2W75DQkISTon5/ZHvfHN2T87OzpmdmZ3ZQafiElcnrg64tKF0Q2u7lvC1
+UBOpoMKAgvoLjUEaow/Pj50c+2jQ+0Z64/XcLCiTdtkw1gXuMNyQRvbrqaCCdPh2ZIQgjle5qzS4
+7PE77ROEr4WaKlFWYeBibf12nfWUdi3hayFnMNkvo4J0aNn3tOJZVZ55VkPuXj7rkeWTQY8WcOl/
+fA93P2Dp0z/qeK9We6b2qmnhThb20yxabfkWfmS/df9BgQJ9MyJP7ZemCu3Sh3fXPThY+5yl2Rzd
+GNXoLKq99iOdNJ2pxuNMj32qY77cNskq2W7TzP12k/W2fmg1xIJsRpGJKt0yw6qjqeXHrJO8eR9z
+jetZSIAQckUUlIkQuo2M0UVoyUPcgnqEKKgALWYeL0RFSI2qvlfdzDJ/8itbq+XCdTx6qHLzc5D6
+PM1xmisSPa4fP7dY9sdlME7npbvnjcickF3ZUdu+rX2P7M+04U3bPeX82zAZRBw5uJsfu4RJKdxR
+1MPsjDYwGWwSbmZsFknlAqUloHV+S17148pllW6C4BZmyyG8vRpVfa96GD07gOJz84vttI6p+mSP
+T57wTJ3l43ZeDgINmjhV67v3El+1GQmWCH6RpBdMxiPt+jH1t9s5wnvCK+Lbw2TYLaGV2ruvrAtw
+9tpFNgMVBTAqwr9dq7PtIL6m6UTr2eht9MxbuWJVfIz/vpmRp8U/h/lTuXe5t+85vylrz1bzKmLK
+l+B35+p4uLhkuDp70dzTyR6xfCAHgT5jdphxeueNnYzsXHPiXfXRGuM05nyp70CnGU5mTqqetH3L
+xaDNm0SKO8M3J+dq9CmjhNcJtndmMx2ZexoinljyjIgtR+uYrTOdFFC9+1VQs/Lp7F2MddVh9RxB
+3RHWLaDYpUyrm2b0s05uZ24ksX1Q/Nb8UC/2M/ZL9vIwu9CsrSk2X1qftD6Jtzkdn+Sd5L2Ztrlj
+81pcc7v7+3I9nzo1Lb46Zw3Z45YVINDv9K1zVM7m1Mi/iKIMQuxk6xw1b+X9cbW2tfU/bs+Yc26G
+eFEGOB9zcpodDO3rbTnv/n7d3yEgbuNg0Ex4S5hs0GGgz8hmpnwABgYuykvT6R/R/ydKlEFM468d
+Xn+oM6eMEZJ9ZvYIpw6ntcSWXv70k/STVTfKx5dfN9g+rJLyCOgXrick/3CQy2Uf5nqQPXr5QGqB
+Biu55tmdgopuRgKwKVWY6pn2Bwjl8DWUIEqQLC8HC2vTmCeJT6xAS+F3YTne7xa8JYJKNhtlBXyW
+lTNL3y2rAAqYZAlax24cuyGqVy2q87j/N04RHn354uV9Ue1hRr47fTTvqCOoHvBz0mtOGqb0YsAM
+FEgh0OBrXxakZma64nQQ5VvlxYeKZoOWVcSLgpYCnY3Tebe5xvUXQbeRwUD54HuNI5SkSNyNTvY4
+a3s2Unwv+ODhU4cP4LBJrG7sdfG9YI7AFAQKqCfl0NNSCPQZ3YPFx2/jFDAGQJRl18eSAKYQTBqc
+DnGAgTsltX+Xm1bFwjWMjmgH41gY4XrFrcBstbmVOYe38fH4x95Aj66MKYsJBTr4JKKecNQwriaW
+CXoaKLerb4wt/RsNcEgk0GBmEKPIiYfOuCde6x9RxgEmDW4LAgbi0gnrHh4dmjfEOWtuivheYDFz
+Gtid7HBRv+Bei3oCzNqYl1SnsSuAUoPKKdUxZPNDVkgk0AV1DNe8OJwCWkRxBoYkCC8N9905GqfA
+0gkiQtZbSYvW4OanLW44BRy4/vn3ESNGGIzIheuX1BfBL4aRzQ9Z0YtAE/UHLFKwYInvCz44/Ipf
+/vrWCyYebEecfmd40ekyPtmMlRSwkwrXxLEoGvhqAN4I2fyQFb1sfReG51T9XIgoCKGuKLXNnkmZ
+kyqH61DSKT24LKte+E73nZ6xJW1Yml87R3hP2P7PrRL0q859vXS9CjBUcO3et14AZ0vng/P2xF87
+vP7NpljV81vUu1yEEPIim7sq9Dt60dB44gvAcZnDXloPEWUQyhT3pD+TPha18wchfQ8Nj8Qlo0D7
+StsLNDd+N1Bj/V3/bmE78Rkj/zZYtU0eMeEIXIPt25//nv2M8dXlpXBNmWjMHbmAbH7Iil4EuknA
+S+Z32zpZMXfpu1/3MGzQrzhl16CI5Xt+F1568euLpMzhF6KzxoO5Ajp+mOuwC4YsaXtZjrVA3bcF
+wbkhLtYDxZIeueKT6FH+OIX40RIB/CFGe/C74DqLf87Dhw8bHjrCtWatVrTWE7L5ISt6EWhighEx
+pgETgOtXiD/gu4NgKsDeIUSUn2Q8WcQ3lbaX+GAWDqKz9e+EsbFJgHEqZBoCBdeaisPjE7wYXsx9
+zdqcmrNAGYuseeb9Gq1SBPq49S0eJmamGv+ZSKTjHwN/XMMFPgu/+9lVm1ybMPG9lBXUd6xZFhvg
+GkJykrvRfYMff/3YDTa4QploPr1mskLkoT+hkAHgoX7JUcetC601Jpsh5ACSY9UWqWepd33SQZ0h
+W4PlkNBLBHwqPzVdS8rrigWNHfLZDKs5sFaQzQlZIQeBdtKgjaGNwSng3OA6Bha4kWWjX30yy17g
+ONgxlGgNS9ILUiLJZpr8ATmDdpa0BHt3nBswann9C/DWc+PKdE8H0M3wCflUbKb6scnmgXzQi0AT
+Pd/9C2K+OTAVp4BJQEwegrgEbMOOuUcto46EdNDipYVmhY+ux/1kkl9HdGvwXhbTrX+1nkXsRXxP
+yKvGKQMxgR3yvEFfAgVGDdwgfswQRQYe4r/EJ0OKKfAWTx+lRwU0+9xUphTcXuLQRheNk0Yt51G4
+O+q7lr9Sm1vmtyKILVNSE/cnfjifskjf5QCkk4MO4CA2Yl9BCN170xISjLb4B83c9Avo4PmUh0EP
+03roFYyYPfXC/xc+sPbXwnvCT4Dyj4PVQjZz+4YQp288Qt+LytmMIufA3meXtr5k32o/58tihyu0
+Ash7hq0lL0RH9B6eA846ZHdwGtid7E6EEEJX1LapZ2mk0OJckp3Vv9hO65iqEMOGLPSS4J+jf372
+lRPp8ceMEz8ECiQkQUqnqIfiqfpAMRliomnyPcSMRTl5fesFizJoMqBAyZZy1LGLL8GCuTAfbpls
+eU7vsO4lPRqE4Yj1KQBtN12uTrDPB1vLNwQrX/GsFBUr3hVzmpaZ4SE8WNokiXQqDrAET4m1K7Fr
+x+mBPvt+DGtQpgmDLEJIvSJmoouHtpsuV/fCjJy5gQ6vlKngiggQaImqvqFmmEkpRG/0BPjIj0/w
+angxZIXVoFoOIVSCurQRWPwWrbZ8C7X+fx/FAeIPIcbfoFDUsu8p9Zlp8YH8LcWlD0Jrkn7L/4va
+lt+W0GzalPSnGpiI2id0y94f89njKV62hhattnyLH9CA2TmVFVLUFK6N+UrPi48nKsH+XN2p6orq
+0b3/lfwALg6UHuH01eyQBP8ZA9EdVEF2SF1T6Lx/6ecu3bKxFBFaEg9RogxlsypRVqHL5BBVwoSf
+vgO1wQ94NfzfurkpXaElA3Mrc07+xLxleZmKMEKgRiOnjBGS3U2UPwgeGjKUEbB2tyDIFDkjhEZC
+fR4UNZHNXhX6ERSE0OIuk0Nkm4nG3JEL9n16+uqBblYpVH0THRRpz44QD0LgKRy/Cyd1+E/bNS5k
+Pe4Cio8MqKDc6EWgAaICYaLEGgDJRg7jHWfSOvyKfUx9TMWnFkFM+uzllFc/XMxNvrYtbyoejMPR
+pZWLIrJDhPiGLRx5c8okalV8AdmMVYEcSCTQAFFn7Uh+/Bfob/3ooRVD9XB6m8/zO23eoo6VwSHq
+WDBIFo0v3HkvKk5eR5D9eyCKbwBYu/A2xPOo8PTa/s+67k9IIdCwxC+atWrZ14HEs3Zwy1W+yz2Y
+PR7WvuX0k8ToMojy8R2RL2NdJD+IbGABjpsRdUYHbEj918uP5pcLB/SAqeZ3zbfEt92cYhVkncY8
+XuJZLMTLKcgek6IghUDjEH8yGmwE5DsyTK6bsi5XH6kJk7xeDcyJTwOp75u+FH8grHJrZRy4QENe
+B2hZKIaADHKN+Vrjteh4SxufzxPtNI65HS36tmt+7S/Zt9rPkuQkwYGLPgo0ANJoIFdLkgQXEEFR
+qfeSB93eNrcPF1PQx5BNDnmOB4VxE+JrIZQJ1T1QEoHHmkC4RW2JKxNkOh8a3MFQNS/fTVNnMJwz
+aO7iN1e7dO32vvwXOHyZx8/UpQU1UxqjGt8KUSaiYFyhRmHd09XNrKdsw40GiwxNAyesv+tPTYw+
+Y5MwCzLplu7xzPQ0+hnlBuV2RYqqeRUlyi7KADkceA6W62VBKsp0LYhhuObxof5insvXqQsH9S1t
+HDdaoIq72aQxqtEZRSP09mzj9gRGJSMwO4zjzu5kh1dRKvlVYcw1JUHFQv3VQ62GcgSoBbW8KbA4
+hRBCRatLWCUsdA0h9DHZ794fkPMJ/iDcTFSIihYziwtREdLO0NHT4RuYGd2ktH/EMjAY2nUIAVQ7
+/5ZSk8WKb1vTavv8PuQkcO+xfB8I2owEtQIXVIxqEUIIZSNzGV5KqRAzOGpf9Hm+Q8MFvrqXP92T
+LoRwZ1Nwo1XjLDzh9u2ETDa0Cv0DCLrZxU/Rm+KJ0zmdnCLOFGbYLZdblrirByG8+aMWchZuKPYv
+ailKVO5QHQ6VQKugVBjwVb4qqIDj//SZ1jx0um2eAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA1
+LTExVDEyOjM4OjM4KzAyOjAwaOtFIAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wNS0xMVQxMjoz
+ODozOCswMjowMBm2/ZwAAAAmdEVYdHBzOkhpUmVzQm91bmRpbmdCb3gAMTIweDQyKzM0MC41KzI3
+OC41DjHjzgAAABx0RVh0cHM6TGV2ZWwAQWRvYmUtMy4wIEVQU0YtMy4wDQUULkAAAAAxdEVYdHBz
+OlNwb3RDb2xvci0wAHByb2NzZXQgQWRvYmVfQ29sb3JJbWFnZV9BSTYgMS4zIDCV6EqJAAAAMnRF
+WHRwczpTcG90Q29sb3ItMQBwcm9jc2V0IEFkb2JlX0lsbHVzdHJhdG9yX0FJNSAxLjMgMG1NxWkA
+AAAodEVYdHBzOlNwb3RDb2xvci0yAHByb2NzZXQgQWRvYmVfY3Nob3cgMi4wIDhn1+OfAAAALnRF
+WHRwczpTcG90Q29sb3ItMwBwcm9jc2V0IEFkb2JlX3NoYWRpbmdfQUk4IDEuMCAwgxNUQQAAAHF0
+RVh0cHM6U3BvdENvbG9yLTQAT3B0aW9uczogMSAxNiAwIDEgMSAxIDAgMCAwIDAgMSAxIDEgMTgg
+MCAwIDAgMCAwIDAgMCAwIC0xIC0xIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMCAwIDEgMiAz
+IDTNILt8AAAARHRFWHRwczpTcG90Q29sb3ItNQBQUEQ6IDEgMjEgMCAwIDYwIDQ1IDIgMiAxIDAg
+MCAxIDAgMCAwIDAgMCAwIDAgMCAtMSAtMVx0Fj0AAAAASUVORK5CYII=" />
+</svg>

assets/ico/close.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="31" height="30" viewBox="0 0 31 30">
+  <g fill="none" fill-rule="evenodd" stroke="#FFFFFF" transform="translate(1)" stroke-linecap="square">
+    <path d="M0 29.2842712L28.2842712 1M1 0L29.2842712 28.2842712"/>
+  </g>
+</svg>

assets/ico/reload_circle.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
+  <g fill="none" fill-rule="evenodd">
+    <circle cx="15" cy="15" r="15" fill="#339967"/>
+    <g stroke="#FFFFFF" transform="translate(4 4)">
+      <path d="M11.2706564,19.2706564 C15.6889344,19.2706564 19.2706564,15.6889344 19.2706564,11.2706564 C19.2706564,6.85237842 15.6889344,3.27065642 11.2706564,3.27065642 C6.85237842,3.27065642 3.27065642,6.85237842 3.27065642,11.2706564 C3.27065642,13.9434531 4.58139973,16.3101093 6.59516111,17.7628998" transform="rotate(140 11.27 11.27)"/>
+      <polyline points="2.983 7.013 5.483 4.513 7.983 7.013" transform="rotate(43 5.483 5.763)"/>
+    </g>
+  </g>
+</svg>

assets/img/chart_card.svg

@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   width="190"
+   height="330"
+   viewBox="0 0 189.99999 329.99999"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="chart_card.svg"><metadata
+     id="metadata22"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs20" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10000"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1113"
+     id="namedview18"
+     showgrid="false"
+     inkscape:zoom="0.58846997"
+     inkscape:cx="131.52"
+     inkscape:cy="200.52"
+     inkscape:window-x="1920"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g3" /><g
+     style="opacity:0.5"
+     id="g3"
+     transform="translate(0,-71.040009)"><linearGradient
+       id="SVGID_1_"
+       gradientUnits="userSpaceOnUse"
+       x1="140.1396"
+       y1="288.52829"
+       x2="121.3973"
+       y2="102.2094"><stop
+         offset="4.783163e-04"
+         style="stop-color:#67CBA1"
+         id="stop6" /><stop
+         offset="0.9565"
+         style="stop-color:#FAE79F"
+         id="stop8" /><stop
+         offset="0.99"
+         style="stop-color:#FFE89F"
+         id="stop10" /></linearGradient><polygon
+       style="fill:url(#SVGID_1_)"
+       points="226.864,146.083 226.816,365.917 35.747,255.357 36.049,35.917 "
+       id="polygon12"
+       transform="matrix(0.99415541,0,0,1,-35.538081,35.123009)" /></g></svg>

assets/img/cube_themen_green.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="200px" height="230.75px" viewBox="0 0 200 230.75" enable-background="new 0 0 200 230.75" xml:space="preserve">
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="42.7324" y1="93.4009" x2="107.6331" y2="162.2955" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+		<stop  offset="0" style="stop-color:#339966"/>
+		<stop  offset="0.9985" style="stop-color:#5DC493"/>
+	</linearGradient>
+	<polygon fill="url(#SVGID_1_)" points="100.589,115.777 100.265,230.693 0.257,172.953 0.582,58.037 	"/>
+</g>
+<g opacity="0.8">
+	<g enable-background="new    ">
+		<g>
+			
+				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="158.4688" y1="39.9082" x2="158.4688" y2="199.6632" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+				<stop  offset="0" style="stop-color:#339966"/>
+				<stop  offset="1" style="stop-color:#5DC493"/>
+			</linearGradient>
+			<polygon fill="url(#SVGID_2_)" points="199.95,58.025 199.624,172.941 100.266,230.684 100.59,115.766 			"/>
+		</g>
+	</g>
+</g>
+<g>
+	<g>
+		<polygon fill="#5DC493" points="199.949,58.036 100.589,115.777 0.582,58.037 99.94,0.297 		"/>
+	</g>
+</g>
+</svg>

assets/img/cube_themen_orange.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="200px" height="230.75px" viewBox="0 0 200 230.75" enable-background="new 0 0 200 230.75" xml:space="preserve">
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="38.3545" y1="89.8677" x2="139.688" y2="193.2007" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+		<stop  offset="0" style="stop-color:#339966"/>
+		<stop  offset="1" style="stop-color:#F29400"/>
+	</linearGradient>
+	<polygon fill="url(#SVGID_1_)" points="100.486,115.657 100.16,230.75 0,172.922 0.325,57.829 	"/>
+</g>
+<g opacity="0.8">
+	<g enable-background="new    ">
+		<g>
+			
+				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="163.4404" y1="45.5361" x2="154.7734" y2="158.2031" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+				<stop  offset="0" style="stop-color:#339966"/>
+				<stop  offset="1" style="stop-color:#F29400"/>
+			</linearGradient>
+			<polygon fill="url(#SVGID_2_)" points="200,57.817 199.674,172.909 100.162,230.741 100.487,115.646 			"/>
+		</g>
+	</g>
+</g>
+<g>
+	<g>
+		
+			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="34.3916" y1="229.1016" x2="585.8887" y2="-9.8972" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+			<stop  offset="4.982462e-04" style="stop-color:#F6921E"/>
+			<stop  offset="0.999" style="stop-color:#FFFFFF"/>
+		</linearGradient>
+		<polygon fill="url(#SVGID_3_)" points="199.998,57.828 100.486,115.657 0.325,57.829 99.836,0 		"/>
+	</g>
+</g>
+</svg>

assets/img/cubes_themenuebersicht.svg

@@ -0,0 +1,119 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="433.513px" height="365.585px" viewBox="-115.514 0 433.513 365.585" enable-background="new -115.514 0 433.513 365.585"
+	 xml:space="preserve">
+<g>
+	<line fill="none" stroke="#339966" stroke-miterlimit="10" x1="100.486" y1="115.657" x2="100.16" y2="230.75"/>
+	<g>
+		
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="58.6021" y1="78.063" x2="58.602" y2="273.5049" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+			<stop  offset="0" style="stop-color:#339966"/>
+			<stop  offset="1" style="stop-color:#5DC493"/>
+		</linearGradient>
+		<polygon fill="url(#SVGID_1_)" points="100.486,115.657 100.16,230.75 0,172.922 0.325,57.829 		"/>
+	</g>
+	<g>
+		<g enable-background="new    ">
+			<g>
+				
+					<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="158.4414" y1="64.875" x2="158.4414" y2="212.9772" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+					<stop  offset="0" style="stop-color:#339966"/>
+					<stop  offset="1" style="stop-color:#5DC493"/>
+				</linearGradient>
+				<polygon fill="url(#SVGID_2_)" points="200,57.816 199.674,172.909 100.162,230.741 100.487,115.646 				"/>
+			</g>
+		</g>
+	</g>
+	<g>
+		<g>
+			<polygon fill="#5DC493" points="199.998,57.828 100.486,115.657 0.325,57.829 99.836,0 			"/>
+		</g>
+	</g>
+</g>
+<g>
+	<line fill="none" stroke="#339966" stroke-miterlimit="10" x1="218.484" y1="183.907" x2="218.159" y2="299"/>
+	<g>
+		
+			<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="176.6016" y1="9.8135" x2="176.6015" y2="205.2565" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+			<stop  offset="0" style="stop-color:#339966"/>
+			<stop  offset="1" style="stop-color:#5DC493"/>
+		</linearGradient>
+		<polygon fill="url(#SVGID_3_)" points="218.484,183.907 218.159,299 117.999,241.172 118.324,126.079 		"/>
+	</g>
+	<g>
+		<g enable-background="new    ">
+			<g>
+				
+					<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="277.957" y1="30.3276" x2="269.9571" y2="93.3272" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+					<stop  offset="0" style="stop-color:#339966"/>
+					<stop  offset="1" style="stop-color:#5DC493"/>
+				</linearGradient>
+				<polygon fill="url(#SVGID_4_)" points="317.999,126.066 317.673,241.159 218.161,298.991 218.486,183.896 				"/>
+			</g>
+		</g>
+	</g>
+	<g>
+		<g>
+			<polygon fill="#5DC493" points="317.997,126.078 218.484,183.907 118.324,126.079 217.835,68.25 			"/>
+		</g>
+	</g>
+</g>
+<g>
+	<line fill="none" stroke="#339966" stroke-miterlimit="10" x1="-15.029" y1="183.907" x2="-15.354" y2="299"/>
+	<g>
+		
+			<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-56.9121" y1="9.8135" x2="-56.9121" y2="205.2565" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+			<stop  offset="0" style="stop-color:#339966"/>
+			<stop  offset="1" style="stop-color:#5DC493"/>
+		</linearGradient>
+		<polygon fill="url(#SVGID_5_)" points="-15.029,183.907 -15.354,299 -115.514,241.172 -115.189,126.079 		"/>
+	</g>
+	<g>
+		<g enable-background="new    ">
+			<g>
+				
+					<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="42.9263" y1="19.375" x2="42.9263" y2="201.1503" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+					<stop  offset="0" style="stop-color:#339966"/>
+					<stop  offset="1" style="stop-color:#5DC493"/>
+				</linearGradient>
+				<polygon fill="url(#SVGID_6_)" points="84.486,126.066 84.16,241.159 -15.352,298.991 -15.027,183.896 				"/>
+			</g>
+		</g>
+	</g>
+	<g>
+		<g>
+			<polygon fill="#5DC493" points="84.484,126.078 -15.029,183.907 -115.189,126.079 -15.678,68.25 			"/>
+		</g>
+	</g>
+</g>
+<g>
+	<line fill="none" stroke="#339966" stroke-miterlimit="10" x1="100.645" y1="250.491" x2="100.32" y2="365.584"/>
+	<g>
+		
+			<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="58.7617" y1="-56.7705" x2="58.7617" y2="138.6725" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+			<stop  offset="0" style="stop-color:#339966"/>
+			<stop  offset="1" style="stop-color:#5DC493"/>
+		</linearGradient>
+		<polygon fill="url(#SVGID_7_)" points="100.645,250.491 100.32,365.584 0.16,307.756 0.485,192.663 		"/>
+	</g>
+	<g>
+		<g enable-background="new    ">
+			<g>
+				
+					<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="160.1191" y1="-36.2563" x2="152.1192" y2="26.7433" gradientTransform="matrix(1 0 0 -1 -8.3599 254.8047)">
+					<stop  offset="0" style="stop-color:#339966"/>
+					<stop  offset="1" style="stop-color:#5DC493"/>
+				</linearGradient>
+				<polygon fill="url(#SVGID_8_)" points="200.16,192.65 199.834,307.743 100.322,365.575 100.646,250.48 				"/>
+			</g>
+		</g>
+	</g>
+	<g>
+		<g>
+			<polygon fill="#5DC493" points="200.158,192.662 100.645,250.491 0.485,192.663 99.996,134.834 			"/>
+		</g>
+	</g>
+</g>
+</svg>

assets/img/wmde_logo_black.svg

@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="45" viewBox="0 0 200 45" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <polygon id="a" points="44.624 39.05 0 39.05 0 19.618 0 .185 44.624 .185"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <polyline fill="#000106" points="59.822 18.723 62.961 8.548 67.087 8.548 70.201 18.723 73.719 8.548 77.997 8.548 71.821 26.239 68.884 26.239 65.011 13.939 61.163 26.239 58.227 26.239 52.05 8.548 56.328 8.548 59.822 18.723"/>
+    <polygon fill="#000106" points="80.098 26.239 84.048 26.239 84.048 8.548 80.098 8.548"/>
+    <path fill="#000106" d="M88.4013023,8.54830448 L92.3505116,8.54830448 L92.3505116,15.8120475 L99.0334884,8.54830448 L103.919256,8.54830448 L96.8818605,16.3687652 C97.4893023,17.2128631 98.6115349,18.7859207 100.248558,21.0890542 C101.885395,23.3921877 103.109209,25.1092145 103.919256,26.2393905 L99.312,26.2393905 L94.1224186,19.2540993 L92.3505116,21.2281872 L92.3505116,26.2393905 L88.4013023,26.2393905 L88.4013023,8.54830448"/>
+    <polygon fill="#000106" points="106.375 26.239 110.324 26.239 110.324 8.548 106.375 8.548"/>
+    <polyline fill="#000106" points="130.524 15.103 125.74 24.771 123.386 24.771 118.626 15.103 118.626 26.239 114.678 26.239 114.678 8.548 120.019 8.548 124.575 18.267 129.157 8.548 134.473 8.548 134.473 26.239 130.524 26.239 130.524 15.103"/>
+    <polyline fill="#000106" points="151.586 8.548 151.586 12.066 142.777 12.066 142.777 15.711 150.7 15.711 150.7 19.077 142.777 19.077 142.777 22.747 151.865 22.747 151.865 26.239 138.828 26.239 138.828 8.548 151.586 8.548"/>
+    <path fill="#000106" d="M166.002605,21.3801545 C166.972837,20.4689083 167.458233,19.1445414 167.458233,17.4064959 C167.458233,15.6688224 166.972837,14.3314351 166.002605,13.395078 C165.032,12.4585348 163.542698,11.9903563 161.534512,11.9903563 L159.332093,11.9903563 L159.332093,22.7467449 L161.838326,22.7467449 C163.643907,22.7467449 165.032,22.2912148 166.002605,21.3801545 Z M168.901209,10.8640864 C170.588465,12.4079411 171.432558,14.555201 171.432558,17.3053083 C171.432558,20.0557877 170.60986,22.2322507 168.964465,23.8350694 C167.31907,25.4382601 164.808558,26.2393905 161.433302,26.2393905 L155.383256,26.2393905 L155.383256,8.54830448 L161.635907,8.54830448 C164.791442,8.54830448 167.213209,9.32023179 168.901209,10.8640864 L168.901209,10.8640864 Z"/>
+    <polygon fill="#000106" points="174.85 26.239 178.799 26.239 178.799 8.548 174.85 8.548"/>
+    <path fill="#000106" d="M190.418605 13.8126628L188.189767 18.9503506 192.621395 18.9503506 190.418605 13.8126628zM195.76 26.2393905L194.113488 22.4176992 186.697674 22.4176992 185.051349 26.2393905 180.849116 26.2393905 188.494884 8.54830448 192.316279 8.54830448 199.96093 26.2393905 195.76 26.2393905 195.76 26.2393905zM63.6057674 36.9064959C63.6057674 35.1349692 62.5905116 34.2490199 60.560186 34.2490199L59.2532093 34.2490199 59.2532093 39.5529976 60.704186 39.5529976C61.6416744 39.5529976 62.359814 39.3296037 62.8582326 38.8830019 63.3566512 38.4364001 63.6057674 37.7775647 63.6057674 36.9064959zM63.8052093 34.055201C64.5506977 34.7307769 64.9237209 35.6701102 64.9237209 36.8732007 64.9237209 38.0764773 64.5618605 39.028831 63.8383256 39.7300758 63.1146047 40.4313206 62.0072558 40.7819431 60.5157209 40.7819431L57.9464186 40.7819431 57.9464186 33.0422092 60.6044651 33.0422092C61.9923721 33.0422092 63.0593488 33.3798111 63.8052093 34.055201L63.8052093 34.055201z"/>
+    <polyline fill="#000106" points="77.106 33.042 77.106 34.271 72.975 34.271 72.975 36.32 76.686 36.32 76.686 37.482 72.975 37.482 72.975 39.553 77.239 39.553 77.239 40.782 71.668 40.782 71.668 33.042 77.106 33.042"/>
+    <path fill="#000106" d="M85.711814,39.0104164 C86.0662326,39.423723 86.5460465,39.6303763 87.1516279,39.6303763 C87.7568372,39.6303763 88.2368372,39.423723 88.5914419,39.0104164 C88.9456744,38.5969237 89.1229767,38.0357419 89.1229767,37.3272428 L89.1229767,33.0422092 L90.4299535,33.0422092 L90.4299535,37.3826728 C90.4299535,38.4974102 90.1233488,39.3554586 89.5106977,39.9570039 C88.8976744,40.5587352 88.1112558,40.8595078 87.1516279,40.8595078 C86.1916279,40.8595078 85.4053953,40.5587352 84.7925581,39.9570039 C84.1795349,39.3554586 83.8733023,38.4974102 83.8733023,37.3826728 L83.8733023,33.0422092 L85.1802791,33.0422092 L85.1802791,37.3272428 C85.1802791,38.0357419 85.3573953,38.5969237 85.711814,39.0104164"/>
+    <polyline fill="#000106" points="100.464 34.238 100.464 40.782 99.157 40.782 99.157 34.238 96.809 34.238 96.809 33.042 102.812 33.042 102.812 34.238 100.464 34.238"/>
+    <path fill="#000106" d="M111.63293 34.0607812C111.252651 34.0607812 110.941023 34.13816 110.697302 34.2932895 110.453581 34.4482329 110.331721 34.6827872 110.331721 34.9963943 110.331721 35.3101874 110.453581 35.5499499 110.697302 35.7162398 110.941023 35.8821577 111.459535 36.061282 112.253209 36.2530548 113.046884 36.4453856 113.645023 36.7147231 114.047442 37.0614394 114.44986 37.4085277 114.650977 37.9194878 114.650977 38.5950637 114.650977 39.2704536 114.396279 39.818615 113.886884 40.2393619 113.377302 40.6601087 112.709209 40.8706682 111.882233 40.8706682 110.671256 40.8706682 109.597023 40.4534554 108.659349 39.6192159L109.478884 38.633753C110.261395 39.3132351 111.073674 39.6525111 111.915535 39.6525111 112.336372 39.6525111 112.670512 39.5621119 112.917953 39.3813135 113.165209 39.2005151 113.28893 38.9603806 113.28893 38.661654 113.28893 38.3625554 113.172651 38.1300472 112.939907 37.9639433 112.707349 37.7978395 112.306605 37.6466161 111.738419 37.5099013 111.169674 37.3733724 110.737674 37.248004 110.442605 37.133424 110.147163 37.0192159 109.885023 36.8696666 109.656186 36.6851481 109.19814 36.3380598 108.969488 35.806639 108.969488 35.0905137 108.969488 34.3745743 109.229767 33.8226928 109.750326 33.4352411 110.270884 33.0476034 110.914977 32.8537845 111.682977 32.8537845 112.177488 32.8537845 112.668651 32.9350694 113.155907 33.0974531 113.643163 33.2600229 114.064186 33.488811 114.418419 33.7840034L113.720744 34.7694663C113.491907 34.562813 113.181767 34.392803 112.790512 34.2599943 112.39907 34.1271856 112.013209 34.0607812 111.63293 34.0607812M124.86214 39.5972671C125.312558 39.5972671 125.700093 39.5215625 126.025116 39.3701531 126.349953 39.2189297 126.689488 38.9771212 127.043907 38.6449134L127.885767 39.508542C127.066047 40.4164401 126.07107 40.8706682 124.901023 40.8706682 123.730605 40.8706682 122.759628 40.4940049 121.988279 39.7410502 121.216558 38.9880956 120.830884 38.0357419 120.830884 36.8843611 120.830884 35.7326084 121.224 34.7731864 122.010419 34.0053513 122.796651 33.2377021 123.789581 32.8537845 124.989395 32.8537845 126.189395 32.8537845 127.191628 33.2968522 127.996279 34.1826155L127.165953 35.0905137C126.796465 34.7361711 126.447628 34.4889684 126.119256 34.3487194 125.790512 34.2084705 125.404837 34.13816 124.96186 34.13816 124.179163 34.13816 123.522233 34.3913149 122.990512 34.8966948 122.458977 35.4024467 122.193116 36.0484476 122.193116 36.8345114 122.193116 37.6207612 122.45693 38.2777364 122.98493 38.8054371 123.512744 39.3333238 124.138419 39.5972671 124.86214 39.5972671"/>
+    <polyline fill="#000106" points="134.542 40.782 134.542 33.042 135.849 33.042 135.849 36.397 139.692 36.397 139.692 33.042 140.999 33.042 140.999 40.782 139.692 40.782 139.692 37.615 135.849 37.615 135.849 40.782 134.542 40.782"/>
+    <polyline fill="#000106" points="148.209 40.782 148.209 33.042 149.516 33.042 149.516 39.542 153.048 39.542 153.048 40.782 148.209 40.782"/>
+    <path fill="#000106" d="M163.979535,37.814394 L162.572837,34.6254972 L161.166512,37.814394 L163.979535,37.814394 Z M160.634791,39.0213908 L159.859535,40.7819431 L158.464,40.7819431 L161.875163,33.0422092 L163.270698,33.0422092 L166.68186,40.7819431 L165.286326,40.7819431 L164.51107,39.0213908 L160.634791,39.0213908 L160.634791,39.0213908 Z"/>
+    <polyline fill="#000106" points="178.621 33.042 179.928 33.042 179.928 40.782 178.51 40.782 174.124 35.135 174.124 40.782 172.817 40.782 172.817 33.042 174.124 33.042 178.621 38.822 178.621 33.042"/>
+    <path fill="#000106" d="M192.796279 36.9064959C192.796279 35.1349692 191.782326 34.2490199 189.750698 34.2490199L188.444651 34.2490199 188.444651 39.5529976 189.895814 39.5529976C190.833488 39.5529976 191.551628 39.3296037 192.050233 38.8830019 192.548837 38.4364001 192.796279 37.7775647 192.796279 36.9064959zM192.997209 34.055201C193.741395 34.7307769 194.115349 35.6701102 194.115349 36.8732007 194.115349 38.0764773 193.752558 39.028831 193.028837 39.7300758 192.305116 40.4313206 191.19814 40.7819431 189.707907 40.7819431L187.138605 40.7819431 187.138605 33.0422092 189.795349 33.0422092C191.183256 33.0422092 192.251163 33.3798111 192.997209 34.055201L192.997209 34.055201zM24.2498605 36.1079697C30.9136744 35.1664043 36.0396279 29.4422378 36.0396279 22.5201889 36.0396279 18.3149521 34.1473488 14.5522249 31.168186 12.0346258L24.2498605 18.9514666 24.2498605 36.1079697"/>
+    <g transform="translate(0 5.766)">
+      <mask id="b" fill="white">
+        <use xlink:href="#a"/>
+      </mask>
+      <path fill="#000106" d="M20.3743256,30.3417656 L20.3743256,13.1852626 L13.456186,6.26842181 C10.4770233,8.78602089 8.58474419,12.548748 8.58474419,16.7539848 C8.58474419,23.6760338 13.7106977,29.4002003 20.3743256,30.3417656" mask="url(#b)"/>
+      <path fill="#000106" d="M34.2418605,4.82668479 C37.4284651,8.01260552 39.1834419,12.2485334 39.1834419,16.7539848 C39.1834419,21.2594363 37.4284651,25.4953641 34.2418605,28.6812849 C31.0554419,31.8670196 26.8186047,33.6216197 22.312186,33.6216197 C17.8055814,33.6216197 13.5689302,31.8670196 10.3823256,28.6812849 C7.19572093,25.4953641 5.44093023,21.2594363 5.44093023,16.7539848 C5.44093023,12.2485334 7.19572093,8.01260552 10.3823256,4.82668479 C10.655814,4.55325512 10.9376744,4.29117184 11.2262326,4.03894692 L7.37190698,0.185448562 C7.08706977,0.442695665 6.808,0.70738303 6.53506977,0.980254686 C4.48688372,3.02800114 2.87851163,5.41353556 1.75460465,8.07008156 C0.590325581,10.8220489 0,13.7436543 0,16.7539848 C0,19.7643154 0.590325581,22.6859207 1.75460465,25.4378881 C2.87851163,28.0944341 4.48688372,30.4797825 6.53506977,32.527715 C8.58325581,34.5754614 10.9691163,36.1834883 13.6264186,37.3071541 C16.3789767,38.4711833 19.3012093,39.0613822 22.312186,39.0613822 C25.3231628,39.0613822 28.2453953,38.4711833 30.9979535,37.3071541 C33.6550698,36.1834883 36.0411163,34.5754614 38.0893023,32.527715 C40.1374884,30.4797825 41.7458605,28.0944341 42.8697674,25.4378881 C44.0340465,22.6859207 44.6243721,19.7643154 44.6243721,16.7539848 C44.6243721,13.7436543 44.0340465,10.8220489 42.8697674,8.07008156 C41.7458605,5.41353556 40.1374884,3.02800114 38.0893023,0.980254686 C37.8163721,0.70738303 37.5371163,0.442695665 37.2524651,0.185448562 L33.3981395,4.03894692 C33.6866977,4.29117184 33.9683721,4.55325512 34.2418605,4.82668479" mask="url(#b)"/>
+    </g>
+    <path fill="#000106" d="M22.312186,0.0894691658 C26.1527442,0.0894691658 29.2660465,3.20210331 29.2660465,7.04183717 C29.2660465,10.881571 26.1527442,13.9942052 22.312186,13.9942052 C18.4716279,13.9942052 15.3583256,10.881571 15.3583256,7.04183717 C15.3583256,3.20210331 18.4716279,0.0894691658 22.312186,0.0894691658"/>
+  </g>
+</svg>

assets/img/wmde_logo_white.svg

@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="45" viewBox="0 0 200 45" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <polygon id="a" points="44.624 39.02 0 39.02 0 19.603 0 .185 44.624 .185"/>
+  </defs>
+  <g fill="none" fill-rule="evenodd">
+    <polyline fill="#FFFFFF" points="59.822 18.708 62.961 8.542 67.087 8.542 70.201 18.708 73.719 8.542 77.997 8.542 71.821 26.219 68.884 26.219 65.011 13.928 61.163 26.219 58.227 26.219 52.05 8.542 56.328 8.542 59.822 18.708"/>
+    <polygon fill="#FFFFFF" points="80.098 26.219 84.048 26.219 84.048 8.542 80.098 8.542"/>
+    <path fill="#FFFFFF" d="M88.4013023,8.54175071 L92.3505116,8.54175071 L92.3505116,15.7999248 L99.0334884,8.54175071 L103.919256,8.54175071 L96.8818605,16.3562157 C97.4893023,17.1996664 98.6115349,18.771518 100.248558,21.0728858 C101.885395,23.3742535 103.109209,25.0899639 103.919256,26.2192734 L99.312,26.2192734 L94.1224186,19.2393377 L92.3505116,21.211912 L92.3505116,26.2192734 L88.4013023,26.2192734 L88.4013023,8.54175071"/>
+    <polygon fill="#FFFFFF" points="106.375 26.219 110.324 26.219 110.324 8.542 106.375 8.542"/>
+    <polyline fill="#FFFFFF" points="130.524 15.092 125.74 24.752 123.386 24.752 118.626 15.092 118.626 26.219 114.678 26.219 114.678 8.542 120.019 8.542 124.575 18.253 129.157 8.542 134.473 8.542 134.473 26.219 130.524 26.219 130.524 15.092"/>
+    <polyline fill="#FFFFFF" points="151.586 8.542 151.586 12.057 142.777 12.057 142.777 15.699 150.7 15.699 150.7 19.062 142.777 19.062 142.777 22.729 151.865 22.729 151.865 26.219 138.828 26.219 138.828 8.542 151.586 8.542"/>
+    <path fill="#FFFFFF" d="M166.002605,21.3637629 C166.972837,20.4532153 167.458233,19.1298638 167.458233,17.3931508 C167.458233,15.6568095 166.972837,14.3204476 166.002605,13.3848083 C165.032,12.4489832 163.542698,11.9811636 161.534512,11.9811636 L159.332093,11.9811636 L159.332093,22.7293055 L161.838326,22.7293055 C163.643907,22.7293055 165.032,22.2741246 166.002605,21.3637629 Z M168.901209,10.8557572 C170.588465,12.3984282 171.432558,14.5440419 171.432558,17.2920408 C171.432558,20.0404114 170.60986,22.2152058 168.964465,23.8167956 C167.31907,25.4187572 164.808558,26.2192734 161.433302,26.2192734 L155.383256,26.2192734 L155.383256,8.54175071 L161.635907,8.54175071 C164.791442,8.54175071 167.213209,9.3130862 168.901209,10.8557572 L168.901209,10.8557572 Z"/>
+    <polygon fill="#FFFFFF" points="174.85 26.219 178.799 26.219 178.799 8.542 174.85 8.542"/>
+    <path fill="#FFFFFF" d="M190.418605 13.8020729L188.189767 18.9358218 192.621395 18.9358218 190.418605 13.8020729zM195.76 26.2192734L194.113488 22.4005121 186.697674 22.4005121 185.051349 26.2192734 180.849116 26.2192734 188.494884 8.54175071 192.316279 8.54175071 199.96093 26.2192734 195.76 26.2192734 195.76 26.2192734zM63.6057674 36.8782006C63.6057674 35.1080321 62.5905116 34.222762 60.560186 34.222762L59.2532093 34.222762 59.2532093 39.5226733 60.704186 39.5226733C61.6416744 39.5226733 62.359814 39.2994506 62.8582326 38.8531912 63.3566512 38.4069318 63.6057674 37.7486016 63.6057674 36.8782006zM63.8052093 34.0290918C64.5506977 34.7041497 64.9237209 35.6427628 64.9237209 36.844931 64.9237209 38.047285 64.5618605 38.9989086 63.8383256 39.6996158 63.1146047 40.400323 62.0072558 40.7506765 60.5157209 40.7506765L57.9464186 40.7506765 57.9464186 33.0168765 60.6044651 33.0168765C61.9923721 33.0168765 63.0593488 33.3542197 63.8052093 34.0290918L63.8052093 34.0290918z"/>
+    <polyline fill="#FFFFFF" points="77.106 33.017 77.106 34.245 72.975 34.245 72.975 36.292 76.686 36.292 76.686 37.454 72.975 37.454 72.975 39.523 77.239 39.523 77.239 40.751 71.668 40.751 71.668 33.017 77.106 33.017"/>
+    <path fill="#FFFFFF" d="M85.711814,38.9805081 C86.0662326,39.3934978 86.5460465,39.5999927 87.1516279,39.5999927 C87.7568372,39.5999927 88.2368372,39.3934978 88.5914419,38.9805081 C88.9456744,38.5673324 89.1229767,38.0065808 89.1229767,37.2986249 L89.1229767,33.0168765 L90.4299535,33.0168765 L90.4299535,37.3540124 C90.4299535,38.4678952 90.1233488,39.3252857 89.5106977,39.9263698 C88.8976744,40.5276398 88.1112558,40.8281818 87.1516279,40.8281818 C86.1916279,40.8281818 85.4053953,40.5276398 84.7925581,39.9263698 C84.1795349,39.3252857 83.8733023,38.4678952 83.8733023,37.3540124 L83.8733023,33.0168765 L85.1802791,33.0168765 L85.1802791,37.2986249 C85.1802791,38.0065808 85.3573953,38.5673324 85.711814,38.9805081"/>
+    <polyline fill="#FFFFFF" points="100.464 34.212 100.464 40.751 99.157 40.751 99.157 34.212 96.809 34.212 96.809 33.017 102.812 33.017 102.812 34.212 100.464 34.212"/>
+    <path fill="#FFFFFF" d="M111.63293 34.0346677C111.252651 34.0346677 110.941023 34.1119871 110.697302 34.2669976 110.453581 34.4218223 110.331721 34.6561968 110.331721 34.9695635 110.331721 35.283116 110.453581 35.5226947 110.697302 35.6888571 110.941023 35.8546477 111.459535 36.0336347 112.253209 36.2252605 113.046884 36.4174438 113.645023 36.6865749 114.047442 37.0330253 114.44986 37.3798475 114.650977 37.8904158 114.650977 38.5654738 114.650977 39.2403459 114.396279 39.788087 113.886884 40.2085113 113.377302 40.6289356 112.709209 40.8393337 111.882233 40.8393337 110.671256 40.8393337 109.597023 40.4224408 108.659349 39.5888408L109.478884 38.6041335C110.261395 39.2830946 111.073674 39.6221105 111.915535 39.6221105 112.336372 39.6221105 112.670512 39.5317806 112.917953 39.3511208 113.165209 39.170461 113.28893 38.9305106 113.28893 38.6320131 113.28893 38.3331438 113.172651 38.1008139 112.939907 37.9348373 112.707349 37.7688608 112.306605 37.6177534 111.738419 37.4811434 111.169674 37.3447192 110.737674 37.2194469 110.442605 37.1049547 110.147163 36.9908342 109.885023 36.8413996 109.656186 36.6570225 109.19814 36.3102003 108.969488 35.7791869 108.969488 35.0636106 108.969488 34.3482202 109.229767 33.7967618 109.750326 33.4096071 110.270884 33.0222666 110.914977 32.8285963 111.682977 32.8285963 112.177488 32.8285963 112.668651 32.9098189 113.155907 33.0720781 113.643163 33.2345233 114.064186 33.4631359 114.418419 33.7581021L113.720744 34.7428094C113.491907 34.5363145 113.181767 34.3664349 112.790512 34.233728 112.39907 34.1010211 112.013209 34.0346677 111.63293 34.0346677M124.86214 39.5669089C125.312558 39.5669089 125.700093 39.4912623 126.025116 39.339969 126.349953 39.1888616 126.689488 38.9472384 127.043907 38.6152853L127.885767 39.4782518C127.066047 40.3854538 126.07107 40.8393337 124.901023 40.8393337 123.730605 40.8393337 122.759628 40.4629591 121.988279 39.7105817 121.216558 38.9582044 120.830884 38.0065808 120.830884 36.8560828 120.830884 35.7052131 121.224 34.7465267 122.010419 33.9792802 122.796651 33.2122196 123.789581 32.8285963 124.989395 32.8285963 126.189395 32.8285963 127.191628 33.2713243 127.996279 34.1564086L127.165953 35.0636106C126.796465 34.7095398 126.447628 34.4625265 126.119256 34.3223851 125.790512 34.1822437 125.404837 34.1119871 124.96186 34.1119871 124.179163 34.1119871 123.522233 34.364948 122.990512 34.8699404 122.458977 35.3753045 122.193116 36.0208101 122.193116 36.8062713 122.193116 37.5919183 122.45693 38.2483899 122.98493 38.7756859 123.512744 39.3031679 124.138419 39.5669089 124.86214 39.5669089"/>
+    <polyline fill="#FFFFFF" points="134.542 40.751 134.542 33.017 135.849 33.017 135.849 36.369 139.692 36.369 139.692 33.017 140.999 33.017 140.999 40.751 139.692 40.751 139.692 37.586 135.849 37.586 135.849 40.751 134.542 40.751"/>
+    <polyline fill="#FFFFFF" points="148.209 40.751 148.209 33.017 149.516 33.017 149.516 39.512 153.048 39.512 153.048 40.751 148.209 40.751"/>
+    <path fill="#FFFFFF" d="M163.979535,37.7854027 L162.572837,34.5989507 L161.166512,37.7854027 L163.979535,37.7854027 Z M160.634791,38.991474 L159.859535,40.7506765 L158.464,40.7506765 L161.875163,33.0168765 L163.270698,33.0168765 L166.68186,40.7506765 L165.286326,40.7506765 L164.51107,38.991474 L160.634791,38.991474 L160.634791,38.991474 Z"/>
+    <polyline fill="#FFFFFF" points="178.621 33.017 179.928 33.017 179.928 40.751 178.51 40.751 174.124 35.108 174.124 40.751 172.817 40.751 172.817 33.017 174.124 33.017 178.621 38.792 178.621 33.017"/>
+    <path fill="#FFFFFF" d="M192.796279 36.8782006C192.796279 35.1080321 191.782326 34.222762 189.750698 34.222762L188.444651 34.222762 188.444651 39.5226733 189.895814 39.5226733C190.833488 39.5226733 191.551628 39.2994506 192.050233 38.8531912 192.548837 38.4069318 192.796279 37.7486016 192.796279 36.8782006zM192.997209 34.0290918C193.741395 34.7041497 194.115349 35.6427628 194.115349 36.844931 194.115349 38.047285 193.752558 38.9989086 193.028837 39.6996158 192.305116 40.400323 191.19814 40.7506765 189.707907 40.7506765L187.138605 40.7506765 187.138605 33.0168765 189.795349 33.0168765C191.183256 33.0168765 192.251163 33.3542197 192.997209 34.0290918L192.997209 34.0290918zM24.2498605 36.0802866C30.9136744 35.1394431 36.0396279 29.4196652 36.0396279 22.5029232 36.0396279 18.3009104 34.1473488 14.5410681 31.168186 12.0253992L24.2498605 18.936937 24.2498605 36.0802866"/>
+    <g transform="translate(0 5.762)">
+      <mask id="b" fill="white">
+        <use xlink:href="#a"/>
+      </mask>
+      <path fill="#FFFFFF" d="M20.3743256,30.3185034 L20.3743256,13.1751537 L13.456186,6.26361596 C10.4770233,8.77928487 8.58474419,12.5391272 8.58474419,16.74114 C8.58474419,23.6578819 13.7106977,29.3776599 20.3743256,30.3185034" mask="url(#b)"/>
+      <path fill="#FFFFFF" d="M34.2418605,4.82298429 C37.4284651,8.00646246 39.1834419,12.2391428 39.1834419,16.74114 C39.1834419,21.2431372 37.4284651,25.4758175 34.2418605,28.6592956 C31.0554419,31.8425879 26.8186047,33.5958428 22.312186,33.5958428 C17.8055814,33.5958428 13.5689302,31.8425879 10.3823256,28.6592956 C7.19572093,25.4758175 5.44093023,21.2431372 5.44093023,16.74114 C5.44093023,12.2391428 7.19572093,8.00646246 10.3823256,4.82298429 C10.655814,4.54976425 10.9376744,4.28788191 11.2262326,4.03585036 L7.37190698,0.185306383 C7.08706977,0.442356261 6.808,0.706840697 6.53506977,0.979503149 C4.48688372,3.02567965 2.87851163,5.40938513 1.75460465,8.06389443 C0.590325581,10.8137519 0,13.7331174 0,16.74114 C0,19.7491625 0.590325581,22.668528 1.75460465,25.4183855 C2.87851163,28.0728948 4.48688372,30.4564144 6.53506977,32.5027768 C8.58325581,34.5489533 10.9691163,36.1557474 13.6264186,37.2785516 C16.3789767,38.4416884 19.3012093,39.0314348 22.312186,39.0314348 C25.3231628,39.0314348 28.2453953,38.4416884 30.9979535,37.2785516 C33.6550698,36.1557474 36.0411163,34.5489533 38.0893023,32.5027768 C40.1374884,30.4564144 41.7458605,28.0728948 42.8697674,25.4183855 C44.0340465,22.668528 44.6243721,19.7491625 44.6243721,16.74114 C44.6243721,13.7331174 44.0340465,10.8137519 42.8697674,8.06389443 C41.7458605,5.40938513 40.1374884,3.02567965 38.0893023,0.979503149 C37.8163721,0.706840697 37.5371163,0.442356261 37.2524651,0.185306383 L33.3981395,4.03585036 C33.6866977,4.28788191 33.9683721,4.54976425 34.2418605,4.82298429" mask="url(#b)"/>
+    </g>
+    <path fill="#FFFFFF" d="M22.312186,0.089400572 C26.1527442,0.089400572 29.2660465,3.19964833 29.2660465,7.03643837 C29.2660465,10.8732284 26.1527442,13.9834762 22.312186,13.9834762 C18.4716279,13.9834762 15.3583256,10.8732284 15.3583256,7.03643837 C15.3583256,3.19964833 18.4716279,0.089400572 22.312186,0.089400572"/>
+  </g>
+</svg>

assets/js/base.js

@@ -0,0 +1 @@
+requirejs.config({baseUrl:"/assets/js",waitSeconds:60,paths:{domready:"require/domReady",waypoint:"waypoints",swiper:"swiper","components/achievements":"components/achievements","components/reports":"components/reports","components/chart":"components/chart",modernizr:"compat/modernizr",smoothscroll:"compat/smoothscroll"},shim:{waypoint:{exports:"Waypoint",deps:["domready!"]},modernizr:{exports:"Modernizr",deps:["domready!"]}}});

assets/js/compat/smoothscroll.js

@@ -0,0 +1 @@
+"use strict";function polyfill(){function o(o,t){this.scrollLeft=o,this.scrollTop=t}function t(o){return.5*(1-Math.cos(Math.PI*o))}function l(o){if(null===o||"object"!=typeof o||void 0===o.behavior||"auto"===o.behavior||"instant"===o.behavior)return!0;if("object"==typeof o&&"smooth"===o.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+o.behavior+" is not a valid value for enumeration ScrollBehavior.")}function e(o,t){return"Y"===t?o.clientHeight+h<o.scrollHeight:"X"===t?o.clientWidth+h<o.scrollWidth:void 0}function r(o,t){var l=f.getComputedStyle(o,null)["overflow"+t];return"auto"===l||"scroll"===l}function i(o){var t=e(o,"Y")&&r(o,"Y"),l=e(o,"X")&&r(o,"X");return t||l}function c(o){var t;do o=o.parentNode,t=o===p.body;while(t===!1&&i(o)===!1)return t=null,o}function s(o){var l,e,r,i=u(),c=(i-o.startTime)/d;c=c>1?1:c,l=t(c),e=o.startX+(o.x-o.startX)*l,r=o.startY+(o.y-o.startY)*l,o.method.call(o.scrollable,e,r),e===o.x&&r===o.y||f.requestAnimationFrame(s.bind(f,o))}function n(t,l,e){var r,i,c,n,a=u();t===p.body?(r=f,i=f.scrollX||f.pageXOffset,c=f.scrollY||f.pageYOffset,n=v.scroll):(r=t,i=t.scrollLeft,c=t.scrollTop,n=o),s({scrollable:r,method:n,startTime:a,startX:i,startY:c,x:l,y:e})}var f=window,p=document;if(!("scrollBehavior"in p.documentElement.style&&f.__forceSmoothScrollPolyfill__!==!0)){var a=f.HTMLElement||f.Element,d=468,v={scroll:f.scroll||f.scrollTo,scrollBy:f.scrollBy,elementScroll:a.prototype.scroll||o,scrollIntoView:a.prototype.scrollIntoView},u=f.performance&&f.performance.now?f.performance.now.bind(f.performance):Date.now,h=function(o){var t=["MSIE ","Trident/","Edge/"];return new RegExp(t.join("|")).test(o)}(f.navigator.userAgent)?1:0;f.scroll=f.scrollTo=function(){if(void 0!==arguments[0])return l(arguments[0])===!0?void v.scroll.call(f,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:f.scrollX||f.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:f.scrollY||f.pageYOffset):void n.call(f,p.body,void 0!==arguments[0].left?~~arguments[0].left:f.scrollX||f.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:f.scrollY||f.pageYOffset)},f.scrollBy=function(){if(void 0!==arguments[0])return l(arguments[0])?void v.scrollBy.call(f,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):void n.call(f,p.body,~~arguments[0].left+(f.scrollX||f.pageXOffset),~~arguments[0].top+(f.scrollY||f.pageYOffset))},a.prototype.scroll=a.prototype.scrollTo=function(){if(void 0!==arguments[0]){if(l(arguments[0])===!0){if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");return void v.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}var o=arguments[0].left,t=arguments[0].top;n.call(this,this,void 0===o?this.scrollLeft:~~o,void 0===t?this.scrollTop:~~t)}},a.prototype.scrollBy=function(){if(void 0!==arguments[0])return l(arguments[0])===!0?void v.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop):void this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior})},a.prototype.scrollIntoView=function(){if(l(arguments[0])===!0)return void v.scrollIntoView.call(this,void 0===arguments[0]||arguments[0]);var o=c(this),t=o.getBoundingClientRect(),e=this.getBoundingClientRect();o!==p.body?(n.call(this,o,o.scrollLeft+e.left-t.left,o.scrollTop+e.top-t.top),"fixed"!==f.getComputedStyle(o).position&&f.scrollBy({left:t.left,top:t.top,behavior:"smooth"})):f.scrollBy({left:e.left,top:e.top,behavior:"smooth"})}}}"object"==typeof exports&&"undefined"!=typeof module?module.exports={polyfill:polyfill}:polyfill();

assets/js/components/achievements.js

@@ -0,0 +1 @@
+define("components/achievements",[],function(){return class e{constructor(e){this.element=e,this.state={alreadyVisible:!1,runningTasks:0,loading:!0,store:this.element.querySelectorAll(".achievement--store"),unseen:[],lastStoreIndexes:[]},this.element.querySelector(".achievements__button").addEventListener("click",()=>{0==this.state.runningTasks&&this.toggleAnimation()}),this.element.querySelectorAll(".achievements__cube").forEach(e=>{e.addEventListener("click",()=>{0==this.state.runningTasks&&this.toggleAnimation()})})}init(){if(!this.state.alreadyVisible){this.state.alreadyVisible=!0;let e=this.element.querySelectorAll(".achievement");e.forEach(e=>{this.loadNextUnseen(e)}),this.toggleAnimation(),this.element.querySelector(".achievements__button").classList.remove("invis")}}loadNextUnseen(e){0==this.state.unseen.length&&(this.state.store.forEach((e,t)=>{this.state.unseen.push(t)}),this.state.lastStoreIndexes.forEach(e=>{this.state.unseen=this.state.unseen.filter(t=>t!==e)}));let t=this.state.unseen[Math.floor(Math.random()*this.state.unseen.length)];this.state.lastStoreIndexes.push(t),this.state.lastStoreIndexes.length>2&&this.state.lastStoreIndexes.shift(),this.state.unseen=this.state.unseen.filter(e=>e!==t);let n=this.state.store[t];e.querySelector(".achievement__number").dataset.number=n.dataset.number,e.querySelector(".achievement__number-placeholder").innerHTML=n.dataset.number,e.querySelector(".achievement__number-postfix").innerHTML=n.dataset.postfix,e.querySelector(".achievement__category").innerHTML=n.dataset.category,e.querySelector(".achievement__teaser").innerHTML=n.innerHTML,e.querySelector(".achievement__link").href=n.dataset.url}toggleAnimation(){let e=this.element,t=e.querySelectorAll(".achievement");this.state.loading?(t.forEach(e=>{this.state.runningTasks++,this.countUp(e.querySelector(".achievement__number"),()=>{this.state.runningTasks--})}),e.classList.remove("loading"),this.state.loading=!1):(e.classList.add("loading"),this.state.loading=!0,this.state.runningTasks++,setTimeout(()=>{this.state.runningTasks--,t.forEach(e=>{this.loadNextUnseen(e)}),this.toggleAnimation()},800))}countUp(e,t,n=700,s=13){let i=parseInt(e.dataset.number,10),a=document.documentElement.getAttribute("lang"),r=0;s=Math.min(s,i);let o=Math.abs(Math.floor(n/s)),l=Math.floor(i/s),h=e.querySelector(".achievement__number-placeholder");h.style.width="auto",h.innerHTML=i.toLocaleString(a),h.style.width=h.offsetWidth+"px";let c=setInterval(()=>{l>1&&r+l>=i&&(l=Math.floor(l/4)),l=l<1?1:l,r+=l,r=r>i?i:r,h.innerHTML=r.toLocaleString(a),r==i&&(clearInterval(c),t())},o)}}});

assets/js/components/chart.js

@@ -0,0 +1 @@
+define("components/chart",[],function(){return class e{constructor(e){this.element=e,this.state={},this.chartHeight=100,this.numberOfDates=6,this.source=[],this.maxValue,this.minValue;for(let e in chartValues)this.source.push({dateString:e,days:this.getDateInDays(e),value:chartValues[e],count:chartValues[e]}),this.maxValue=this.maxValue?Math.max(this.maxValue,chartValues[e]):chartValues[e],this.minValue=this.minValue?Math.min(this.minValue,chartValues[e]):chartValues[e];this.source.map(e=>{return e.value=(e.value-this.minValue)/(this.maxValue-this.minValue),e}),this.rangeOfDays=this.source[this.source.length-1].days-this.source[0].days,this.chartCards1=this.insertCards(this.element.querySelector(".chart__cards--desktop"),17),this.chartCards2=this.insertCards(this.element.querySelector(".chart__cards--small"),11),this.chartCards3=this.insertCards(this.element.querySelector(".chart__cards--mobile"),6)}init(){this.delayedDropClass(this.chartCards1,50,"fix",()=>{setTimeout(()=>{this.element.querySelector(".chart__cards--desktop").classList.remove("loading")},1e3)}),this.delayedDropClass(this.chartCards2,50,"fix",()=>{setTimeout(()=>{this.element.querySelector(".chart__cards--small").classList.remove("loading")},1e3)}),this.delayedDropClass(this.chartCards3,50,"fix",()=>{setTimeout(()=>{this.element.querySelector(".chart__cards--mobile").classList.remove("loading")},1e3)})}delayedDropClass(e,t,s,a,i){void 0===i&&(i=e.length-1),e[i].classList.remove(s),i>0?setTimeout(()=>{this.delayedDropClass(e,t,s,a,i-1)},t+30*Math.random()):a&&a()}insertCards(e,t){let s=document.createElement("div");s.className="chart__card fix";let a=this.element.querySelectorAll(".chart__date"),i=this.element.querySelector(".chart__button");for(let r=0;r<t;r++){let c=s.cloneNode();c.style.right=100*r/(t-1)+"%",c.style.bottom=this.getValue((t-1-r)/(t-1))*this.chartHeight+"%";let h=Math.floor((t-r)/(t/(this.numberOfDates-1)));c.addEventListener("mouseover",()=>{0==r?i.classList.add("active"):i.classList.remove("active"),this.element.querySelectorAll(".chart__date.active").forEach(e=>{e.classList.contains("active")&&e.classList.remove("active")}),a[h].classList.add("active")}),e.appendChild(c)}return e.addEventListener("mouseleave",()=>{this.element.querySelectorAll(".chart__date.active").forEach(e=>{e.classList.remove("active")}),i.classList.remove("active")}),e.querySelectorAll(".chart__card")}getValue(e){let t,s,a=this.source[0].days+Math.floor(e*this.rangeOfDays);for(let e=0;e<this.source.length;e++)if(!s&&this.source[e].days>=a)return s=this.source[e],t=0==e?s:this.source[e-1],0==e?t.value:t.value+(a-t.days)*(s.value-t.value)/(s.days-t.days)}getDateInDays(e){let t=e.split("."),s=new Date(t[2],t[1],t[0]);return Math.floor(s/864e5)}}});

assets/js/components/reports.js

@@ -0,0 +1 @@
+define("components/reports",[],function(){return class t{constructor(t){this.element=t,this.state={runningTransitions:0,animationState:1,store:this.element.querySelectorAll(".reports--store"),unseen:[],lastStoreIndexes:[],loading:!0,backgroundImage:"none"};let e=this.element.querySelector(".reports__background");this.element.querySelectorAll(".reports__link").forEach(t=>{t.addEventListener("mouseenter",()=>{this.state.backgroundImage=t.dataset.cover?"url("+t.dataset.cover+")":"none",e.style.backgroundImage=this.state.backgroundImage,e.classList.remove("hidden")}),t.addEventListener("mouseleave",()=>{this.state.backgroundImage="none",e.classList.add("hidden"),setTimeout(()=>{e.style.backgroundimage=this.state.backgroundImage},300)})});let s=this.element.querySelector(".reports__cube--1"),n=this.element.querySelector(".reports__cube--2"),i=this.element.querySelector(".reports__cube--3"),o=s.offsetWidth/2,l=s.offsetHeight/4;this.shuffleLoop=[[{el:s,styles:{left:1*o,top:2*l},pixelSpeed:80},{el:n,styles:{left:0*o,top:1*l},pixelSpeed:80},{el:i,styles:{left:2*o,top:1*l},pixelSpeed:80}],[{el:s,styles:{left:1*o,top:0*l},pixelSpeed:80}],[{el:s,styles:{left:1*o,top:4*l},pixelSpeed:80}],[{el:n,styles:{left:0*o,top:3*l},pixelSpeed:80}],[{el:s,styles:{left:1*o,top:2*l},pixelSpeed:80},{el:i,styles:{left:1*o,top:0*l},pixelSpeed:80}],[{el:s,styles:{left:0*o,top:1*l},pixelSpeed:80}],[{el:s,styles:{left:1*o,top:2*l},pixelSpeed:80},{el:i,styles:{left:2*o,top:1*l},pixelSpeed:80}]],this.element.querySelector(".reports__button--reload").addEventListener("click",()=>{0==this.state.runningTransitions&&this.loadNewReports()}),this.element.querySelectorAll(".reports__link").forEach(t=>{this.loadNextUnseen(t)}),this.loadNewReports(),this.element.querySelectorAll(".reports__button").forEach(t=>{t.classList.remove("invis")})}loadNextUnseen(t){0==this.state.unseen.length&&(this.state.store.forEach((t,e)=>{this.state.unseen.push(e)}),this.state.lastStoreIndexes.forEach(t=>{this.state.unseen=this.state.unseen.filter(e=>e!==t)}));let e=this.state.unseen[Math.floor(Math.random()*this.state.unseen.length)];this.state.lastStoreIndexes.push(e),this.state.lastStoreIndexes.length>3&&this.state.lastStoreIndexes.shift(),this.state.unseen=this.state.unseen.filter(t=>t!==e);let s=this.state.store[e];t.href=s.dataset.url,t.querySelector(".reports__link-title").innerHTML=s.innerHTML,t.dataset.cover=s.dataset.cover}delayedDropClass(t,e,s,n,i){void 0===i&&(i=0),i<t.length?(t[i].classList.remove(s),setTimeout(()=>{this.delayedDropClass(t,e,s,n,i+1)},e+30*Math.random())):n&&n()}loadNewReports(){let t=this.element,e=t.querySelectorAll(".reports__link");this.state.loading?this.delayedDropClass(e,50,"loading",()=>{this.state.loading=!1}):(this.toggleAnimationState(this.shuffleLoop),e.forEach(t=>{t.classList.add("loading")}),this.state.loading=!0,this.state.runningTasks++,setTimeout(()=>{this.state.runningTasks--,e.forEach(t=>{this.loadNextUnseen(t)}),this.loadNewReports()},300))}toggleAnimationState(t){this.performAnimationState(t[this.state.animationState],()=>{}),this.state.animationState=this.state.animationState+1<t.length?this.state.animationState+1:0}performAnimationState(t,e){let s;Object.entries(t).forEach(t=>{s=t[1],this.performTransition(s,e)})}performAnimation(t,e,s=0){t[s]?this.performAnimationState(t[s],()=>{this.performAnimation(t,e,s+1)}):e&&e()}performTransition(t,e){t.onStart&&t.onStart();let s=[];if(Object.entries(t.styles).forEach(e=>{let n=(t.el.style[e[0]]||window.getComputedStyle(t.el,null)[e[0]]).match(/(-?\d*\.?\d*)(.*)/);n[1]=parseInt(n[1]),s[e[0]]=n}),t.pixelSpeed){let e=void 0===s.left[1]?0:s.left[1],n=void 0===s.top[1]?0:s.top[1],i=void 0===t.styles.left?0:t.styles.left,o=void 0===t.styles.top?0:t.styles.top,l=i-e,a=o-n,r=Math.sqrt(l*l+a*a);r>0&&(t.duration=r/t.pixelSpeed*1e3)}t.el.style.transitionDuration=t.duration/1e3+"s",Object.entries(t.styles).forEach(n=>{let i=t.styles[n[0]];t.el.style[n[0]]=i+s[n[0]][2],this.state.runningTransitions++,setTimeout(()=>{this.state.runningTransitions--,0==this.state.runningTransitions&&e&&e(),t.onEnd&&t.onEnd()},t.duration)})}}});

assets/js/require/domReady.js

@@ -0,0 +1 @@
+define(function(){"use strict";function n(n){var e;for(e=0;e<n.length;e+=1)n[e](r)}function e(){var e=u;l&&e.length&&(u=[],n(e))}function t(){l||(l=!0,c&&clearInterval(c),e())}function o(n){return l?n(r):u.push(n),o}var d,i,c,a="undefined"!=typeof window&&window.document,l=!a,r=a?document:null,u=[];if(a){if(document.addEventListener)document.addEventListener("DOMContentLoaded",t,!1),window.addEventListener("load",t,!1);else if(window.attachEvent){window.attachEvent("onload",t),i=document.createElement("div");try{d=null===window.frameElement}catch(n){}i.doScroll&&d&&window.external&&(c=setInterval(function(){try{i.doScroll(),t()}catch(n){}},30))}"complete"===document.readyState&&t()}return o.version="2.0.1",o.load=function(n,e,t,d){d.isBuild?t(null):o(t)},o});

assets/js/views/layouts/default.js

@@ -0,0 +1 @@
+require(["modernizr","domready!"],function(e){let i=document.querySelector.bind(document),n=(document.querySelectorAll.bind(document),i("body")),t=i(".imprint"),o=i(".imprint-close"),s=i(".imprint-toggle");s.addEventListener("click",function(e){if(e.preventDefault(),t.classList.toggle("invis"),o.classList.toggle("invis"),!t.classList.contains("invis")){let e=t.getBoundingClientRect();"scrollBehavior"in document.documentElement.style?window.scrollTo({top:window.pageYOffset+e.top-40,behavior:"smooth"}):require(["smoothscroll"],function(){window.scrollTo({top:window.pageYOffset+e.top-40,behavior:"smooth"})})}}),o.addEventListener("click",function(e){e.preventDefault(),o.classList.add("invis"),t.classList.add("invis")});let l=i(".mn-trigger"),c=i(".mn-container"),r=i(".real-logo"),d=i(".mn-close");l.addEventListener("click",e=>{c.classList.add("mn-inframe"),n.classList.add("no-scroll"),r.classList.add("no-filter")}),d.addEventListener("click",e=>{c.classList.remove("mn-inframe"),n.classList.remove("no-scroll"),r.classList.remove("no-filter")})});

assets/js/views/pages/finance.js

@@ -0,0 +1 @@
+require(["modernizr","waypoint","domready!"],function(e,n){let t=document.querySelectorAll(".bagel");t.length&&!e.touchevents&&t.forEach(e=>{new n({element:e,handler:()=>{e.querySelector(".bagel__image img").classList.add("turn-in")},offset:"70%"})})});

assets/js/views/pages/home.js

@@ -0,0 +1 @@
+require(["skrollr","modernizr","waypoint","components/achievements","components/reports","components/chart","domready!"],function(e,n,o,t,r,c){let i=document.querySelector.bind(document);document.querySelectorAll.bind(document);n.touchevents||e.init({forceHeight:!1});let s=new t(i(".achievements"));new o({element:i(".achievements"),handler:e=>{"down"===e&&s.init()},offset:"70%"});new r(i(".reports"));new o({element:i(".reports"),handler:e=>{"down"===e&&i(".reports").classList.remove("loading")},offset:"60%"});let d=new c(i(".chart"));new o({element:i(".chart"),handler:e=>{"down"===e&&d.init()},offset:"60%"}),new o({element:i(".home__box"),handler:e=>{"down"===e&&i(".home__box").classList.add("comes-in")},offset:"80%"})});

assets/js/views/pages/report.js

@@ -0,0 +1 @@
+require(["modernizr","waypoint","domready!"],function(e,n){let t=(document.querySelector.bind(document),document.querySelectorAll.bind(document)),o=t(".jb-hsplit");o.length&&(e.touchevents?o.forEach(e=>e.classList.add("come-in")):o.forEach(e=>{new n({element:e,handler:()=>{e.classList.add("come-in")},offset:"90%"})}));let i=t(".slider");i.length&&require(["swiper"],function(e){i.forEach(n=>{n.querySelectorAll(".swiper-slide").length<=1?n.classList.remove("loading"):new e(n,{nextButton:".swiper-button-next",prevButton:".swiper-button-prev",centeredSlides:!0,loop:!0,slidesPerView:1,onImagesReady:function(){n.classList.remove("loading")}})})})});

data/achievements.php

@@ -0,0 +1,122 @@
+<?php return [
+	[
+		'category' => [
+			'de' => 'Freiwillige',
+			'en' => 'Volunteers'
+		],
+		'number' => '436',
+		'teaser' => [
+			'de' => 'Freiwillige haben wir 2017 direkt gefördert.',
+			'en' => 'volunteers received direct support in 2017.'
+		],
+		'url' => '/report/volunteers'
+	],
+	[
+		'category' => [
+			'de' => 'Freiwillige',
+			'en' => 'Volunteers'
+		],
+		'number' => '5844',
+		'teaser' => [
+			'de' => 'Mal haben Menschen an Aktivitäten rund um die Wikimedia-Projekte teilgenommen.',
+			'en' => 'times people took part in activities related to the Wikimedia projects.'
+		],
+		'url' => '/report/volunteers'
+	],
+	[
+		'category' => [
+			'de' => 'Freiwillige',
+			'en' => 'Volunteers'
+		],
+		'number' => '1531',
+		'teaser' => [
+			'de' => 'Neuregistrierungen bei Wikipedia erfolgten aufgrund unserer 4 Kampagnen.',
+			'en' => 'new registrations on Wikipedia as a result of our 4 campaigns.'
+		],
+		'url' => '/report/newvolunteers'
+	],
+	[
+		'category' => [
+			'de' => 'Software',
+			'en' => 'Software'
+		],
+		'number' => '450',
+		'teaser' => [
+			'de' => 'Wikimedia-Aktive arbeiteten gemeinsam mit uns an technischen Wünschen.',
+			'en' => 'Wikimedia contributors work together with us on our Technical Wishes project.'
+		],
+		'url' => '/report/knowledge'
+	],
+	[
+		'category' => [
+			'de' => 'Software',
+			'en' => 'Software'
+		],
+		'number' => '180',
+		'teaser' => [
+			'de' => 'ehrenamtlich Entwickelnde nahmen an der ersten WikidataCon teil.',
+			'en' => 'volunteer developers and Wikidata enthusiasts took part in the first WikidataCon.'
+		],
+		'url' => '/report/wikicon'
+	],
+	[
+		'category' => [
+			'de' => 'Rahmenbedingungen',
+			'en' => 'Conditions'
+		],
+		'number' => '39345',
+		'teaser' => [
+			'de' => 'Mal wurde der Digital-O-Mat vor der Bundestagswahl genutzt.',
+			'en' => 'times the Digital-O-Mat was used before the federal elections.'
+		],
+		'url' => '/report/digitalomat'
+	],
+	[
+		'category' => [
+			'de' => 'Rahmenbedingungen',
+			'en' => 'Conditions'
+		],
+		'number' => '8',
+		'teaser' => [
+			'de' => 'Kulturinstitutionen öffneten im Rahmen von Glam on Tour ihre Türen für Freiwillige.',
+			'en' => 'cultural institutions opened their doors to volunteers as part of Glam on Tour.'
+		],
+		'url' => '/report/glam'
+	],
+	[
+		'category' => [
+			'de' => 'Rahmenbedingungen',
+			'en' => 'Conditions'
+		],
+		'number' => '20',
+		'teaser' => [
+			'de' => 'Nachwuchs-Wissenschaftlerinnen und -Wissenschaftler wurden im Fellow-Programm Freies Wissen gefördert (doppelt so viele wie im Vorjahr).',
+			'en' => 'young scientists have been supported by the Open Science Fellows Program (twice as many as last year).'
+		],
+		'url' => '/report/fellow'
+	],
+	[
+		'category' => [
+			'de' => 'Wikimedia',
+			'en' => 'Wikimedia'
+		],
+		'number' => '65000',
+		'teaser' => [
+			'de' => 'Menschen unterstützen Freies Wissen als Mitglied bei Wikimedia Deutschland.',
+			'en' => 'people support Free Knowledge as members of Wikimedia Deutschland.'
+		],
+		'url' => '/report/members'
+	],
+	[
+		'category' => [
+			'de' => 'Wikimedia',
+			'en' => 'Wikimedia'
+		],
+		'number' => '94',
+		'teaser' => [
+			'de' => 'Organisationen aus der Wikimedia-Bewegung haben die neue strategische Ausrichtung unterstützt.',
+			'en' => 'organisations from the Wikimedia Movement have given their support to the new strategic direction.'
+		],
+		'url' => '/report/international'
+	],
+] ?>

data/report_filters.php

@@ -0,0 +1,46 @@
+<?php return [
+	[
+		'name' => 'wikimedia',
+		'title' => [
+			'de' => 'Wikimedia',
+			'en' => 'Wikimedia'
+		],
+		'teaser' => [
+			'de' => 'Als Gesellschaft zur Förderung Freien Wissens arbeitet Wikimedia Deutschland daran, dass Projekte wie die Wikipedia auch in Zukunft existieren können und dass Freies Wissen in unserer Gesellschaft zur Selbstverständlichkeit wird. Wir unterstützen die unschätzbar wertvolle Arbeit der Ehrenamtlichen in den Wikimedia-Projekten und wirken darauf hin, dass sich noch mehr Menschen beteiligen. Wir entwickeln und verbessern Software, damit Freiwillige ihr Wissen noch besser in den Wikimedia-Projekten teilen können. Wir arbeiten mit Institutionen aus Kultur, Bildung und Wissenschaft zusammen und bringen politischen und gesellschaftlichen Entscheidungsträgern die Idee des Freien Wissens näher.',
+			'en' => 'As the association for the promotion of Free Knowledge, Wikimedia Deutschland works to ensure that projects such as Wikipedia can continue to exist in the future and that Free Knowledge becomes a standard in our society. We support the invaluable work of the volunteers working on Wikimedia projects and try to ensure that even more people take part. We develop and improve software so that volunteers can more easily share their knowledge through the Wikimedia projects. We work with cultural, educational and scientific institutions and  promote the idea of Free Knowledge to political and societal decision makers.'
+		]
+	],
+	[
+		'name' => 'volunteers',
+		'title' => [
+			'de' => 'Freiwillige',
+			'en' => 'Volunteers'
+		],
+		'teaser' => [
+			'de' => 'Ehrenamtliche Autorinnen und Autoren teilen in der freien Enzyklopädie Wikipedia kostenlos ihr Wissen, indem sie Fehler verbessern, Fotos einbinden, Informationen aktuell halten und ganze Artikel schreiben. Ohne den unermüdlichen Einsatz von vielen Tausend Freiwilligen würden Projekte wie die Wikipedia nicht existieren. Deswegen ist die Förderung der Freiwilligen ein fester Bestandteil der Arbeit von Wikimedia Deutschland. 2017 haben wir beispielsweise zahlreiche Aktiven-Treffen ermöglicht – bei der größten davon, der WikiCon, kamen 287 Ehrenamtliche in Leipzig zusammen. Wir unterstützen auch die Einrichtung lokaler Wikipedia-Büros, die mittlerweile in Köln, Hamburg, München und seit 2017 auch in Berlin die Arbeit der Freiwilligen erleichtern. Ein großer Schwerpunkt waren 2017 zudem die vier Banner-Kampagnen innerhalb der Wikipedia, mit denen wir neue Autorinnen und Autoren für die freie Enzyklopädie gewinnen wollten.',
+			'en' => 'Volunteer authors share their knowledge for free through the free encyclopaedia Wikipedia by correcting errors, adding photographs, ensuring information is kept up-to-date as well as writing entire articles. Without the tireless efforts of may thousands of volunteers, projects such as Wikipedia simply could not exist. This is why providing support to volunteers is a core element of the work done by Wikimedia Deutschland. For example, in 2017, numerous events were held where contributors could get together in person – the largest of these was WikiCon in Leipzig, which was attended by 287 volunteers. We also provide support for establishing local Wikipedia offices which are now facilitating the work of our volunteers in Cologne, Hamburg, Munich and, since 2017, also in Berlin. A key area of focus in 2017 was our Wikipedia banner campaign. This was aimed at gaining new editors to help work on the free encyclopaedia.'
+		]
+	],
+	[
+		'name' => 'software',
+		'title' => [
+			'de' => 'Software-Entwicklung',
+			'en' => 'Software Development'
+		],
+		'teaser' => [
+			'de' => 'Wikimedia Deutschland unterstützt nicht nur die Ehrenamtlichen, die in den Wikimedia-Projekten ihr Wissen mit der Welt teilen, sondern kümmert sich auch um die stetige Verbesserung der technischen Infrastruktur für Wikipedia & Co. Das beinhaltet beispielsweise die Arbeit an der Software, mit der sämtliche Wikimedia-Projekte betrieben werden. Darüber hinaus entwickeln wir im engen Austausch mit Freiwilligen technische Produkte zur Weiterentwicklung von Wikipedia und zur Verbreitung Freien Wissens. Ein Großprojekt, an dem wir Hand in Hand mit einer internationalen Community arbeiten, ist die freie, kollaborativ gepflegte Wissensdatenbank Wikidata, die 2012 bei Wikimedia Deutschland in Berlin startete und seitdem federführend durch uns ausgebaut und weiterentwickelt wird. Unsere Arbeit im Bereich der Software-Entwicklung folgt dem Ziel, dem sich auch die Tausenden von Wikimedia-Aktiven verschrieben haben: mehr Menschen mehr Zugang zu mehr Wissen zu ermöglichen.',
+			'en' => 'Wikimedia Deutschland does not just provide support to volunteers who want to share their knowledge with the world through the Wikimedia projects. We also take care of making continuous improvements to the technical infrastructure behind Wikipedia and its sister projects. This includes, for example, working on the software that runs all Wikimedia projects. We also work closely with volunteers to develop technical projects that allow  Wikipedia to be further developed and to spread Free Knowledge. A large project, on which we are working hand in hand with an international community, is the collaboratively maintained Free Knowledge database Wikidata. This was started at Wikimedia Deutschland in Berlin in 2012 and has since been expanded and further developed under our leadership. Our work in the field of software development aims to do that which the many thousands of Wikimedia contributors have dedicated themselves: giving more people more access to more knowledge.'
+		]
+	],
+	[
+		'name' => 'framework',
+		'title' => [
+			'de' => 'Rahmenbe&shy;dingungen',
+			'en' => 'Conditions'
+		],
+		'teaser' => [
+			'de' => 'Die Stärkung rechtlicher und politischer Rahmenbedingungen für Freies Wissen auf EU- und Bundesebene spielt für Wikimedia Deutschland eine zentrale Rolle. 2017 konnten wir Politikerinnen und Politiker durch direkte Gespräche, Veranstaltungen, Stellungnahmen und verschiedene Materialien auf unsere Positionen aufmerksam machen und die Vorteile Freien Wissens für die Gesellschaft vermitteln. Außerdem haben wir mit Kultur-, Bildungs- und Wissenschaftsinstitutionen zusammengearbeitet, um mehr Inhalte für die Wikimedia-Projekte &mdash; und damit für alle Menschen &mdash; zu befreien. Im Bildungsbereich haben wir 2017 weiterhin das Thema freie Bildungsmaterialien (englisch: Open Educational Resources, kurz OER) vorangebracht.',
+			'en' => 'The strengthening of legal and political conditions for Free Knowledge at the European and national levels plays a central role for Wikimedia Deutschland. In 2017 we have been able to raise awareness of our position among politicians through direct meetings, events, statements and various materials. We also worked together with cultural, educational and scientific institutions to get more content released for Wikimedia projects – and therefore available to everyone. In the area of education, 2017 saw us make progress with open educational resources (OER).'
+		]
+	],
+] ?>

data/reports.php

@@ -0,0 +1,112 @@
+<?php return [
+	[
+		'name' => 'volunteers',
+		'title' => [
+			'de' => 'Digitales Ehrenamt unterstützen',
+			'en' => 'Support digital volunteering'
+		],
+		'category' => 'volunteers',
+		'cover' => '/assets/img/01_volunteers_cover.jpg',
+		'hero' => '/assets/img/01_volunteers_hero.jpg',
+	],
+	[
+		'name' => 'newvolunteers',
+		'title' => [
+			'de' => 'Mehr Menschen für die Wikipedia begeistern',
+			'en' => 'Getting more people excited about Wikipedia'
+		],
+		'category' => 'volunteers',
+		'cover' => '/assets/img/02_newvolunteers_cover.jpg',
+		'hero' => '/assets/img/02_newvolunteers_hero.jpg',
+	],
+	[
+		'name' => 'knowledge',
+		'title' => [
+			'de' => 'Einfacher Wissen teilen',
+			'en' => 'Share knowledge more easily'
+		],
+		'category' => 'software',
+		'cover' => '/assets/img/03_knowledge_cover.jpg',
+		'hero' => '/assets/img/03_knowledge_hero.jpg',
+	],
+	[
+		'name' => 'wikicon',
+		'title' => [
+			'de' => 'WikidataCon: die erste internationale Konferenz rund um Wikidata',
+			'en' => 'WikidataCon: the first international Wikidata conference'
+		],
+		'category' => 'software',
+		'cover' => '/assets/img/04_wikicon_cover.jpg',
+		'hero' => '/assets/img/04_wikicon_hero.jpg',
+	],
+	[
+		'name' => 'digitalomat',
+		'title' => [
+			'de' => 'Digital-O-Mat: die netzpolitische Wahlhilfe',
+			'en' => 'Digital-O-Mat: an election aid for net politics'
+		],
+		'category' => 'framework',
+		'cover' => '/assets/img/05_digitalomat_cover.jpg',
+		'hero' => '/assets/img/05_digitalomat_hero.jpg',
+	],
+	[
+		'name' => 'glam',
+		'title' => [
+			'de' => 'Auf Tour zu Kulturgütern für die Wikipedia',
+			'en' => 'Cultural heritage for Wikipedia'
+		],
+		'category' => 'framework',
+		'cover' => '/assets/img/06_glam_cover.jpg',
+		'hero' => '/assets/img/06_glam_hero.jpg',
+	],
+	[
+		'name' => 'fellow',
+		'title' => [
+			'de' => 'Offene Wissenschaft aktiv vorantreiben',
+			'en' => 'Driving forward open science'
+		],
+		'category' => 'framework',
+		'cover' => '/assets/img/07_fellow_cover.jpg',
+		'hero' => '/assets/img/07_fellow_hero.jpg',
+	],
+	[
+		'name' => '2017',
+		'title' => [
+			'de' => 'Das Jahr 2017 bei Wikimedia Deutschland',
+			'en' => 'Looking back at 2017'
+		],
+		'category' => 'wikimedia',
+		'cover' => '/assets/img/11_2017_cover.jpg',
+		'hero' => '/assets/img/11_2017_hero.jpg',
+	],
+	[
+		'name' => 'members',
+		'title' => [
+			'de' => 'Schon Mitglied?',
+			'en' => 'Join us as a member!'
+		],
+		'category' => 'wikimedia',
+		'cover' => '/assets/img/08_members_cover.jpg',
+		'hero' => '/assets/img/08_members_hero.jpg',
+	],
+	[
+		'name' => 'international',
+		'title' => [
+			'de' => 'Wikimedias strategische Ausrichtung anpacken',
+			'en' => 'Addressing Wikimedia’s strategic direction'
+		],
+		'category' => 'wikimedia',
+		'cover' => '/assets/img/09_international_cover.jpg',
+		'hero' => '/assets/img/09_international_hero.jpg',
+	],
+	[
+		'name' => '2018',
+		'title' => [
+			'de' => 'Ausblick: So geht es 2018 weiter',
+			'en' => 'Prospects for 2018'
+		],
+		'category' => 'wikimedia',
+		'cover' => '/assets/img/10_2018_cover.jpg',
+		'hero' => '/assets/img/10_2018_hero.jpg',
+	],
+] ?>

index.php

@@ -0,0 +1,220 @@
+<?php
+/**
+ * Wikimedia Jahresbericht 2017
+ *
+ * Copyright (c) 2017 Atelier Disko - All rights reserved.
+ *
+ * Use of this source code is governed by the AGPL v3
+ * license that can be found in the LICENSE file.
+ */
+
+define('PROJECT_CONTEXT', 'dev');
+define('PROJECT_APP_PATH', __DIR__);
+define('PROJECT_DOMAIN', 'wmde-bericht2017.test');
+
+if (PROJECT_CONTEXT === 'dev') {
+	error_reporting(E_ALL);
+	ini_set('display_errors', true);
+} else {
+	ini_set('display_errors', false);
+}
+
+$routes = [];
+$helpers = [];
+$viewVars = [];
+$scripts = [];
+
+$lang = 'de';
+$path = $_SERVER['REQUEST_URI'];
+$isCanonical = false;
+
+// Configure g11n stack early and strip locale from URL.
+if (preg_match('#^/(de|en)(/.*)?#', $path, $matches)) {
+	$isCanonical = true;
+	$lang = $matches[1];
+
+	if (isset($matches[2])) {
+		$path = '/' . ltrim($matches[2], '/');
+	} else {
+		$path = '/';
+	}
+}
+
+//
+// Helpers
+//
+
+// Used to construct URLs in the view.
+$helpers['url'] = function($goal, $lang) {
+	$path = $lang . '/' . trim($goal, '/');
+	return '/' . trim($path, '/');
+};
+
+// Used to construct a URL for switching the language, but
+// staying on the same page.
+$helpers['switchLanguageFromUrl'] = function($lang) use ($path) {
+	return rtrim('/' . ($lang === 'de' ? 'en' : 'de') . '' . $path, '/');
+};
+
+$helpers['formatNumber'] = function($number, $lang) {
+	if ($lang !== 'de') {
+		return number_format($number);
+	}
+	return number_format($number, 0, ',', '.');
+};
+
+//
+// Scripts
+//
+$scripts[] = 'views/layouts/default';
+
+// Constructs a script path for the current page path. And will check if a script under
+// that name is present in the filesystem. If not simply returns `null` otherwise
+// it returns the script path, good for constructing the full script URL.
+//
+// Does not support pages with underscores.
+$fragment = null;
+
+if (!ltrim($path, '/')) {
+	$fragment = 'pages/home';
+} elseif (strpos($path, '/report') === 0)  {
+	// Sub-pages all use the same JS file, so we don't need to duplicate logic.
+	$fragment = 'pages/report';
+} elseif (strpos($path, '/finance') === 0)  {
+	// Sub-pages all use the same JS file, so we don't need to duplicate logic.
+	$fragment = 'pages/finance';
+} else {
+	$fragment = 'pages/' . ltrim($path, '/');
+}
+
+if (file_exists(PROJECT_APP_PATH . '/assets/js/views/' . $fragment . '.js')) {
+	$scripts[] = "views/{$fragment}";
+}
+
+//
+// Routes
+//
+
+$routes['#^/$#'] = function() {
+	$reports = require PROJECT_APP_PATH .'/data/reports.php';
+	$achievements = require PROJECT_APP_PATH .'/data/achievements.php';
+
+	return compact('reports', 'achievements') + [
+		'hasBlackHeader' => false
+	];
+};
+$routes['#^/finance#'] = function($path) {
+	return ['hasBlackHeader' => $path !== '/finance'];
+};
+$routes['#^/report$#'] = function($path, $query, $matches) {
+	$filter = isset($query['filter']) ? $query['filter'] : null;
+
+	$reports = require PROJECT_APP_PATH .'/data/reports.php';
+	$filters = require PROJECT_APP_PATH .'/data/report_filters.php';
+
+	if ($filter) {
+		$reports = array_filter($reports, function($v) use ($filter) {
+			return $v['category'] === $filter;
+		});
+		foreach ($filters as $f) {
+			if ($f['name'] === $filter) {
+				$filter = $f;
+				break;
+			}
+		}
+	}
+
+	return compact('reports', 'filter', 'filters') + [
+		'hasBlackHeader' => false
+	];
+};
+$routes['#^/report/(.*)$#'] = function($path, $query, $matches) {
+	$achievements = require PROJECT_APP_PATH .'/data/achievements.php';
+	$achievements = array_values(array_filter($achievements, function($v) use ($path) {
+		return $v['url'] === $path;
+	}));
+
+	$reports = require PROJECT_APP_PATH .'/data/reports.php';
+	$report = null;
+
+	foreach ($reports as $_report) {
+		if ($_report['name'] === $matches[1]) {
+			$report = $_report;
+			break;
+		}
+	}
+	return compact('report', 'achievements') + [
+		'hasBlackHeader' => true
+	];
+};
+
+//
+// Functions
+//
+
+// Matches current request against registered routes and
+// returns view variables.
+$matchRoute = function($path, $routes) {
+	$query = parse_url($path, PHP_URL_QUERY);
+	parse_str($query, $query);
+
+	$path = parse_url($path, PHP_URL_PATH);
+
+	foreach ($routes as $regex => $handler) {
+		if (preg_match($regex, $path, $matches)) {
+			return $handler($path, $query, $matches);
+		}
+	}
+	return false;
+};
+
+$renderView = function($viewVars, $scripts, $helpers, $_path, $_lang) {
+	$_viewFileFromURI = function($path, $lang) {
+		// $path may contain query string
+		$path = parse_url($path, PHP_URL_PATH);
+
+		$viewBase = PROJECT_APP_PATH . '/views/pages/' . $lang;
+		$viewName = str_replace('/', '_', trim($path, '/'));
+
+		$viewFile = $viewBase . '/' . $viewName . '.php';
+		$viewFile = realpath($viewFile);
+
+		if ($viewName === '') {
+			return $viewBase . '/home.php';
+		}
+
+		// Prevent directory traversal attack
+		// see http://stackoverflow.com/a/4205278
+		if ($viewFile === false || strpos($viewFile, $viewBase) !== 0) {
+			return false;
+		}
+		return $viewFile;
+	};
+	$_viewFile = $_viewFileFromURI($_path, $_lang);
+
+	if ($_viewFile === false || trim($_path, '/') === 'home') {
+		return false;
+	}
+	extract($helpers, EXTR_SKIP);
+	extract($viewVars, EXTR_SKIP);
+
+	require PROJECT_APP_PATH . '/views/elements/' . $_lang . '/header.php';
+	require $_viewFile;
+	require PROJECT_APP_PATH . '/views/elements/' . $_lang . '/footer.php';
+};
+
+//
+// Handle the request
+//
+$viewVars += compact('lang', 'isCanonical', 'path');
+
+if (($viewVars += $matchRoute($path, $routes)) === false) {
+	header('HTTP/1.1 404 Not Found');
+	exit();
+}
+if ($renderView($viewVars, $scripts, $helpers, $path, $lang) === false) {
+	header('HTTP/1.1 404 Not Found');
+	exit();
+}
+
+?>

views/elements/de/footer.php

@@ -0,0 +1,95 @@
+<footer class="main-footer">
+	<div class="main-footer__upper clearfix cp">
+		<div class="main-footer__upper-wrapper limit--l">
+			<a class="logo main-footer__logo image-replace" href="<?= $url('/', $lang) ?>">Wikimedia Deutschland</a>
+			<div class="main-footer__info">
+				<div class="main-footer__info-1 t--delta-serif">
+					<p>
+						Wikimedia Deutschland — Gesellschaft zur Förderung Freien Wissens e. V.
+					</p>
+					<p>
+						Postfach 61 03 49, 10925 Berlin
+					</p>
+					<p>
+						Tempelhofer Ufer 23-24, 10963 Berlin</br>
+						Telefon: <a href="tel:004930219158260">030 219 158 26-0</a></br>
+						Fax: 030 219 158 26-9
+					</p>
+				</div>
+				<div class="main-footer__info-2 t--delta-serif">
+					<p>
+						<a href="mailto:info@wikimedia.de">info@wikimedia.de</a><br>
+						<a href="https://wikimedia.de" target="new">www.wikimedia.de</a>
+					</p>
+					<p>
+						Blog: <a href="https://blog.wikimedia.de" target="new">blog.wikimedia.de</a><br>
+						Twitter: <a href="https://twitter.com/WikimediaDE" target="new">twitter.com/WikimediaDE</a><br>
+						Facebook: <a href="https://facebook.com/WMDEeV" target="new">facebook.com/WMDEeV</a>
+					</p>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="main-footer__bottom clearfix">
+		<div class="limit--l">
+			<a class="imprint-toggle nav__link" href="#imprint-toggle">Impressum und Datenschutz</a>
+			<a class="imprint-close image-replace invis" href="#imprint-close">Schließen</a>
+			<article id="imprint" class="imprint invis cp--2x-bottom">
+				<h1 class="h--delta">
+					Dieses Impressum gilt für die Domain
+					<a href="http://2017.wikimedia.de">2017.wikimedia.de</a>.
+				</h1>
+				<section>
+					<h1 class="h--delta">Diensteanbieter</h1>
+					<p class="t--delta-serif">
+						Wikimedia Deutschland – Gesellschaft zur Förderung Freien Wissens e. V.<br>
+						Tempelhofer Ufer 23/24<br>
+						10963 Berlin
+					</p>
+					<p class="t--delta-serif">
+						E-Mail: info@wikimedia.de<br>
+						Telefon: +49 (0)30-219 15 826-0<br>
+						Fax: +49 (0)30-219 158 26-9
+					</p>
+					<p class="t--delta-serif">
+						Geschäftsführender Vorstand: Abraham Taherivand
+					</p>
+					<p class="t--delta-serif">
+						Eingetragen im Vereinsregister des Amtsgerichts Charlottenburg, VR 23855. Inhaltlich Verantwortlicher gemäß § 55 Abs. 2 RStV: Abraham Taherivand (Anschrift wie oben).
+					</p>
+				</section>
+				<section>
+					<h1 class="h--delta">Datenschutzerklärung</h1>
+					<p class="t--delta-serif">
+						Auf <a href="https://wikimedia.de/de/impressum" target="new">https://wikimedia.de/de/impressum</a> finden Sie alle Hinweise darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese oder andere Websites von Wikimedia Deutschland besuchen.
+					</p>
+				</section>
+				<section>
+					<h1 class="h--delta">Lizenzhinweise</h1>
+
+					<span class="h--delta">Konzeption:</span>
+					<span class="t--delta-serif"> Tjane Hartenstein, Elisabeth Mandl, Atelier Disko</span><br>
+
+					<span class="h--delta">Redaktion:</span>
+					<span class="t--delta-serif"> Tjane Hartenstein</span><br>
+
+					<span class="h--delta">Inhaltlich verantwortlich:</span>
+					<span class="t--delta-serif"> Abraham Taherivand</span><br>
+
+					<span class="h--delta">Design:</span>
+					<span class="t--delta-serif">Atelier Disko, <a href="https://atelierdisko.de" target="new">atelierdisko.de</a><br><br>
+
+					<p class="t--delta-serif">
+						Soweit nicht anders angegeben, stehen die Texte, Bilder, das Layout und der Code dieser Webseite unter der <a href="https://creativecommons.org/licenses/by/4.0/" target="new">Creative Commons Attribution-Lizenz (CC BY-SA) in der Version 4.0</a>.
+					</p>
+					<a href="https://creativecommons.org/licenses/by/4.0/" target="new" class="imprint__cc-logo">
+						<img src="/assets/ico/by.svg" alt="Creative Commons Logo" width="120" height="42" />
+					</a>
+				</section>
+			</article>
+		</div>
+	</div>
+</footer>
+
+</body>
+</html>

views/elements/de/header.php

@@ -0,0 +1,143 @@
+<?php
+
+// Page Title Controller
+$title = ['Jahresbericht 2017'];
+
+if (isset($report)) {
+	$title[] = $report['title'][$lang];
+} elseif ($path === '/report') {
+	$title[] = 'Themen';
+} elseif ($path === '/report/monuments') {
+	$title[] = 'Wikipedia Loves Monuments';
+} elseif ($path === '/finance') {
+	$title[] = 'Finanzreport';
+} elseif ($path === '/finance/assn') {
+	$title[] = 'Finanzen WMDE e.V.';
+} elseif ($path === '/finance/fund') {
+	$title[] = 'Finanzen Fördergesellschaft';
+}
+
+?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+	<meta charset="UTF-8">
+	<title><?php echo implode(' – ', array_reverse($title)) ?> – Wikimedia Deutschland e. V.</title>
+
+	<?php
+	// mark up the canonical page and any other variants; use complete url
+	// in this case, pages in default language are duplicated; prefer the prefixed '/de' paths
+	// see https://support.google.com/webmasters/answer/139066?visit_id=0-636295122699147333-3497274728&rd=1#2
+	?>
+	<link rel="canonical" href="<?= trim(trim(PROJECT_DOMAIN, '/') . '/de/' . trim($path, '/'), '/') ?>">
+
+<?php if ($isCanonical): ?>
+	<?php
+	// each language page should identify different language versions, including itself
+	// no need to list hreflang on non-canonical - in this case, unprefixed - urls
+	// see https://support.google.com/webmasters/answer/189077
+	?>
+	<link rel="alternate" hreflang="de" href="<?= trim(trim(PROJECT_DOMAIN, '/') . '/de/' . trim($path, '/'), '/') ?>">
+	<link rel="alternate" hreflang="en" href="<?= trim(trim(PROJECT_DOMAIN, '/') . '/en/' . trim($path, '/'), '/') ?>">
+<?php endif ?>
+
+	<link rel="icon" href="/assets/ico/app.png?v=1+d14caaf">
+	<link rel="stylesheet" href="/assets/css/normalize.css?v=1+d14caaf">
+	<link rel="stylesheet" href="/assets/css/base.css?v=1+d14caaf">
+
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
+
+	<script src="/assets/js/compat/core.js?v=1+d14caaf"></script>
+	<script src="/assets/js/require.js?v=1+d14caaf"></script>
+	<script src="/assets/js/base.js?v=1+d14caaf"></script>
+	<?php foreach ($scripts as $script): ?>
+		<script async src="/assets/js/<?= $script ?>.js?v=1+d14caaf"></script>
+	<?php endforeach ?>
+</head>
+<body>
+
+<!-- Piwik -->
+<script type="text/javascript">
+	var _paq = _paq || [];
+	_paq.push(["setDomains", ["*.2017.wikimedia.de"]]);
+	_paq.push(['trackPageView']);
+	_paq.push(['enableLinkTracking']);
+	(function() {
+		var u="//stats.wikimedia.de/";
+		_paq.push(['setTrackerUrl', u+'piwik.php']);
+		_paq.push(['setSiteId', '8']);
+		var d=document, g=d.createElement('script'),
+		s=d.getElementsByTagName('script')[0];
+		g.type='text/javascript'; g.async=true; g.defer=true;
+		g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+	})();
+</script>
+<noscript>
+	<p>
+		<img src="https://stats.wikimedia.de/piwik.php?idsite=8" style="border:0;" alt="" />
+	</p>
+</noscript>
+<!-- End Piwik Code -->
+
+<?php if ($hasBlackHeader): ?>
+<div class="cp real-logo-black real-logo">
+<?php else: ?>
+<div class="cp real-logo-white real-logo">
+<?php endif ?>
+	<a class="logo main-header__logo image-replace logo--s" href="<?= $url('/', $lang) ?>">Wikimedia Deutschland</a>
+</div>
+<div class="mn-container cp">
+	<div class="mn-close"></div>
+	<ul class="mn__list">
+		<li><a class="mn__link" href="<?= $url('report', $lang) ?>">Themen</a></li>
+		<li><a class="mn__link" href="<?= $url('finance', $lang) ?>">Finanzen</a></li>
+	</ul>
+	<div class="mn__mini-nav">
+		<a class="t--epsilon lang-switch" href="<?= $switchLanguageFromUrl($lang) ?>">English Site</a>
+		<a class="pdf-download t--epsilon" download href="/assets/doc/jahresbericht_2017_de.pdf">PDF</a>
+		<a class="t--epsilon" href="https://spenden.wikimedia.de/apply-for-membership?piwik_campaign=jb2017&piwik_kwd=mitglieds_btn" target="new">Mitglied werden</a>
+	</div>
+</div>
+
+<header
+	<?php if ($hasBlackHeader): ?>
+		class="main-header main-header--black"
+	<?php else: ?>
+		class="main-header main-header--white"
+	<?php endif ?>
+>
+	<div class="cp">
+		<div class="limit--l clearfix">
+			<a class="logo main-header__logo image-replace logo--l" href="<?= $url('/', $lang) ?>">Wikimedia Deutschland</a>
+			<nav class="nav main-header__nav">
+				<ul class="nav__list">
+					<li>
+						<a
+							class="nav__link<?= (preg_match('#^/report.*$#', $path) ? ' active' : '')?>"
+							href="<?= $url('report', $lang) ?>"
+						>
+							Themen
+						</a>
+					</li>
+					<li>
+						<a
+							class="nav__link<?= (preg_match('#^/finance.*$#', $path) ? ' active' : '')?>"
+							href="<?= $url('finance', $lang) ?>"
+						>
+							Finanzen
+						</a>
+					</li>
+				</ul>
+				<main class="nav__list--upper">
+					<a class="lang-switch" href="<?= $switchLanguageFromUrl($lang) ?>">English Site</a>
+					<a class="pdf-download" download href="/assets/doc/jahresbericht_2017_de.pdf">PDF</a>
+					<a href="https://spenden.wikimedia.de/apply-for-membership?piwik_campaign=jb2017&piwik_kwd=mitglieds_btn" target="new">Mitglied werden</a>
+				</main>
+			</nav>
+			<nav class="nav mobile__nav">
+				<div class="nav__link mn-trigger">Menü</div>
+			</nav>
+		</div>
+	</div>
+</header>

views/elements/en/footer.php

@@ -0,0 +1,97 @@
+<footer class="main-footer">
+	<div class="main-footer__upper clearfix cp">
+		<div class="main-footer__upper-wrapper limit--l">
+			<a class="logo main-footer__logo image-replace" href="<?= $url('/', $lang) ?>">Wikimedia Deutschland</a>
+			<div class="main-footer__info">
+				<div class="main-footer__info-1 t--delta-serif">
+					<p>
+						Wikimedia Deutschland - Association for the promotion of Free Knowledge e. V.
+					</p>
+					<p>
+						Postfach 61 03 49<br>
+						10925 Berlin, Germany
+					</p>
+					<p>
+						Tempelhofer Ufer 23-24<br>
+						10963 Berlin, Germany</br>
+						Phone: <a href="tel:004930219158260">030 219 158 26-0</a></br>
+						Fax: 030 219 158 26-9
+					</p>
+				</div>
+				<div class="main-footer__info-2 t--delta-serif">
+					<p>
+						<a href="mailto:info@wikimedia.de">info@wikimedia.de</a><br>
+						<a href="https://wikimedia.de" target="new">www.wikimedia.de</a>
+					</p>
+					<p>
+						Blog: <a href="https://blog.wikimedia.de" target="new">blog.wikimedia.de</a><br>
+						Twitter: <a href="https://twitter.com/WikimediaDE" target="new">twitter.com/WikimediaDE</a><br>
+						Facebook: <a href="https://facebook.com/WMDEeV" target="new">facebook.com/WMDEeV</a>
+					</p>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="main-footer__bottom clearfix">
+		<div class="limit--l">
+			<a class="imprint-toggle nav__link" href="#imprint-toggle">Imprint and Data protection</a>
+			<a class="imprint-close image-replace invis" href="#imprint-close">Close</a>
+			<article id="imprint" class="imprint invis cp--2x-bottom">
+				<h1 class="h--delta">
+					This imprint is valid for the domain
+					<a href="http://2017.wikimedia.de">2017.wikimedia.de</a>.
+				</h1>
+				<section>
+					<h1 class="h--delta">Service provider</h1>
+					<p class="t--delta-serif">
+						Wikimedia Deutschland – Association for the promotion of Free Knowledge e. V.<br>
+						Tempelhofer Ufer 23/24<br>
+						10963 Berlin, Germany
+					</p>
+					<p class="t--delta-serif">
+						Mail: info@wikimedia.de<br>
+						Phone: +49 (0)30-219 15 826-0<br>
+						Fax: +49 (0)30-219 158 26-9
+					</p>
+					<p class="t--delta-serif">
+						Executive Director: Abraham Taherivand
+					</p>
+					<p class="t--delta-serif">
+						Registered in the Register of Associations of the district court Berlin-Charlottenburg, VR 23855. Responsible for content according to § 55 paragraph 2 RStV: Abraham Taherivand (address as above).
+					</p>
+				</section>
+				<section>
+					<h1 class="h--delta">Data protection</h1>
+					<p class="t--delta-serif">
+						At <a href="https://wikimedia.de/de/impressum" target="new">https://wikimedia.de/de/impressum</a> you will find notes that provide a basic overview of what happens to your personal data when you visit this or other Wikimedia Deutschland websites.
+					</p>
+				</section>
+				<section>
+					<h1 class="h--delta">Credits</h1>
+
+					<span class="h--delta">Concept:</span>
+					<span class="t--delta-serif"> Tjane Hartenstein, Elisabeth Mandl, Atelier Disko</span><br>
+
+					<span class="h--delta">Editor:</span>
+					<span class="t--delta-serif"> Tjane Hartenstein</span><br>
+
+					<span class="h--delta">Responsible for content:</span>
+					<span class="t--delta-serif"> Abraham Taherivand</span><br>
+
+					<span class="h--delta">Design:</span>
+					<span class="t--delta-serif">Atelier Disko, <a href="https://atelierdisko.de" target="new">atelierdisko.de</a><br><br>
+
+					<p class="t--delta-serif">
+						If not stated otherwise, the text, images, graphics, layout and code used in this website are licensed under the terms and conditions of <a href="https://creativecommons.org/licenses/by/4.0/" target="new">version 4.0 of the Creative Commons Attribution license (CC-BY-SA)</a>.
+					</p>
+					<a href="https://creativecommons.org/licenses/by/4.0/" target="new" class="imprint__cc-logo">
+						<img src="/assets/ico/by.svg" alt="Creative Commons Logo" width="120" height="42" />
+					</a>
+				</section>
+			</article>
+		</div>
+	</div>
+</footer>
+
+</body>
+</html>

views/elements/en/header.php

@@ -0,0 +1,139 @@
+<?php
+
+// Page Title Controller
+$title = ['Annual Report 2017'];
+
+if (isset($report)) {
+	$title[] = $report['title'][$lang];
+} elseif ($path === '/report') {
+	$title[] = 'Themen';
+} elseif ($path === '/report/monuments') {
+	$title[] = 'Wikipedia Loves Monuments';
+} elseif ($path === '/finance') {
+	$title[] = 'Finanzreport';
+} elseif ($path === '/finance/assn') {
+	$title[] = 'Finanzen WMDE e.V.';
+} elseif ($path === '/finance/fund') {
+	$title[] = 'Finanzen Fördergesellschaft';
+}
+
+?>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title><?php echo implode(' – ', array_reverse($title)) ?> – Wikimedia Deutschland e. V.</title>
+
+	<?php
+	// mark up the canonical page and any other variants; use complete url
+	// in this case, pages in default language are duplicated; prefer the prefixed '/de' paths
+	// see https://support.google.com/webmasters/answer/139066?visit_id=0-636295122699147333-3497274728&rd=1#2
+	?>
+	<link rel="canonical" href="<?= trim(trim(PROJECT_DOMAIN, '/') . '/de/' . trim($path, '/'), '/') ?>">
+
+<?php if ($isCanonical): ?>
+	<?php
+	// each language page should identify different language versions, including itself
+	// no need to list hreflang on non-canonical - in this case, unprefixed - urls
+	// see https://support.google.com/webmasters/answer/189077
+	?>
+	<link rel="alternate" hreflang="de" href="<?= trim(trim(PROJECT_DOMAIN, '/') . '/de/' . trim($path, '/'), '/') ?>">
+	<link rel="alternate" hreflang="en" href="<?= trim(trim(PROJECT_DOMAIN, '/') . '/en/' . trim($path, '/'), '/') ?>">
+<?php endif ?>
+
+	<link rel="icon" href="/assets/ico/app.png?v=1+d14caaf">
+	<link rel="stylesheet" href="/assets/css/normalize.css?v=1+d14caaf">
+	<link rel="stylesheet" href="/assets/css/base.css?v=1+d14caaf">
+
+	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
+
+	<script src="/assets/js/compat/core.js?v=1+d14caaf"></script>
+	<script src="/assets/js/require.js?v=1+d14caaf"></script>
+	<script src="/assets/js/base.js?v=1+d14caaf"></script>
+	<?php foreach ($scripts as $script): ?>
+		<script async src="/assets/js/<?= $script ?>.js?v=1+d14caaf"></script>
+	<?php endforeach ?>
+</head>
+<body>
+<!-- Piwik -->
+<script type="text/javascript">
+  var _paq = _paq || [];
+  _paq.push(["setDomains", ["*.2017.wikimedia.de"]]);
+  _paq.push(['trackPageView']);
+  _paq.push(['enableLinkTracking']);
+  (function() {
+    var u="https://stats.wikimedia.de/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', '8']);
+    var d=document, g=d.createElement('script'),
+s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true;
+g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<noscript><p><img src="https://stats.wikimedia.de/piwik.php?idsite=8"
+style="border:0;" alt="" /></p></noscript>
+<!-- End Piwik Code -->
+
+<?php if ($hasBlackHeader): ?>
+<div class="cp real-logo-black real-logo">
+<?php else: ?>
+<div class="cp real-logo-white real-logo">
+<?php endif ?>
+	<a class="logo main-header__logo image-replace logo--s" href="<?= $url('/', $lang) ?>">Wikimedia Deutschland</a>
+</div>
+<div class="mn-container cp">
+	<div class="mn-close"></div>
+	<ul class="mn__list">
+		<li><a class="mn__link" href="<?= $url('report', $lang) ?>">Topics</a></li>
+		<li><a class="mn__link" href="<?= $url('finance', $lang) ?>">Finances</a></li>
+	</ul>
+	<div class="mn__mini-nav">
+		<a class="t--epsilon lang-switch" href="<?= $switchLanguageFromUrl($lang) ?>">Deutsch</a>
+		<a class="pdf-download t--epsilon" download href="/assets/doc/annual_report_2017_en.pdf">PDF</a>
+		<a class="t--epsilon" href="https://spenden.wikimedia.de/apply-for-membership?piwik_campaign=jb2017&piwik_kwd=mitglieds_btn" target="new">Become a member</a>
+	</div>
+</div>
+
+<header
+	<?php if ($hasBlackHeader): ?>
+		class="main-header main-header--black"
+	<?php else: ?>
+		class="main-header main-header--white"
+	<?php endif ?>
+>
+	<div class="cp">
+		<div class="limit--l clearfix">
+			<a class="logo main-header__logo image-replace logo--l" href="<?= $url('/', $lang) ?>">Wikimedia Deutschland</a>
+			<nav class="nav main-header__nav">
+				<ul class="nav__list">
+					<li>
+						<a
+							class="nav__link<?= (preg_match('#^/report.*$#', $path) ? ' active' : '')?>"
+							href="<?= $url('report', $lang) ?>"
+						>
+							Topics
+						</a>
+					</li>
+					<li>
+						<a
+							class="nav__link<?= (preg_match('#^/finance.*$#', $path) ? ' active' : '')?>"
+							href="<?= $url('finance', $lang) ?>"
+						>
+							Finances
+						</a>
+					</li>
+				</ul>
+				<main class="nav__list--upper">
+					<a class="lang-switch" href="<?= $switchLanguageFromUrl($lang) ?>">Deutsch</a>
+					<a class="pdf-download" download href="/assets/doc/annual_report_2017_en.pdf">PDF</a>
+					<a href="https://spenden.wikimedia.de/apply-for-membership?piwik_campaign=jb2017&piwik_kwd=mitglieds_btn" target="new">Become a member</a>
+				</main>
+			</nav>
+			<nav class="nav mobile__nav">
+				<div class="nav__link mn-trigger">Menu</div>
+			</nav>
+		</div>
+	</div>
+</header>

views/pages/de/finance.php

@@ -0,0 +1,40 @@
+<main class="finance bg--finance-main">
+	<section class="section section__body cp">
+		<div class="limit--s finance__intro">
+			<h1 class="h--beta finance__intro-heading">Finanzen</h1>
+			<p class="t--gamma">2017 war für Wikimedia Deutschland aus finanzieller Sicht erneut ein gutes Jahr.</p>
+		</div>
+		<div class="limit--m finance__boxes">
+			<a class="border-box border-box--finance t--epsilon" href="<?= $url('finance/assn', $lang) ?>">
+				<span>Zum Finanzteil <em class="t--delta">Wikimedia Deutschland e.&nbsp;V.</em></span>
+			</a>
+			<a class="border-box border-box--finance t--epsilon" href="<?= $url('finance/fund', $lang) ?>">
+				<span>Zum Finanzteil <em class="t--delta">Gemeinnützige Wikimedia Fördergesellschaft mbH</em></span>
+			</a>
+		</div>
+		<div class="limit--s">
+			<h2 class="h--gamma">Erträge</h2>
+			<p class="t--gamma-serif finance__p">Die Summe der Erträge 2017 ist auf 6,8 Millionen Euro gestiegen (zum Vergleich: im Vorjahr waren es 5,2 Mio. Euro). Die Spendenerträge sind zwar nominal auf 2,3 Mio. Euro (Vorjahr 3,2 Mio. Euro) zurückgegangen, allerdings sind die übrigen Erlöse auf 1,9 Mio. (Vorjahr 0,3 Mio. Euro) gestiegen; dies liegt vornehmlich darin begründet, dass der Zuschuss für Wikidata in Höhe von 1,4 Mio. Euro im Jahr 2017 nicht als Spendenertrag, sondern als übriger Erlös bilanziert wurde. Deutlich gesteigert haben sich die Erträge aus Mitglieds- und Förderbeiträgen auf 2,5 Mio. Euro (Vorjahr: 1,6 Mio. Euro), da die Mitgliedszahl mit Stand vom 31. Dezember auf 52.650 (Vorjahr: 35.758) stieg.</p>
+			<h2 class="h--gamma">Aufwand</h2>
+			<p class="t--gamma-serif finance__p">Die Höhe der Aufwendungen stieg auf 6,8 Mio. Euro (Vorjahr 5,2 Mio. Euro). Steigerungen gab es sowohl bei den Personalaufwendungen in Höhe von 3,5 Mio. Euro (Vorjahr: 3,1 Mio. Euro), als auch bei den betrieblichen Aufwendungen in Höhe von 3,2 Mio. Euro (Vorjahr 2,0 Mio. Euro).</br>
+			Aus der Übersicht „<a href="<?= $url('finance/assn', $lang) ?>">Mittelverwendung</a>“ wird die inhaltliche Verwendung der Mittel genauer ersichtlich.</p>
+			<h2 class="h--gamma">Noch nicht verbrauchte Spendenmittel/Rücklagen</h2>
+			<p class="t--gamma-serif finance__p">Wikimedia Deutschland wendet als Rechnungslegungsstandard HFA 21 an. Eine Besonderheit dieses Standards ist, dass Erträge aus Spenden erst zum Zeitpunkt der Verausgabung der Spenden erfolgswirksam verbucht werden. Daher ist die Position „noch nicht verbrauchte Spendenmittel“ auf der Passivseite der Bilanz ein wichtiger Maßstab zur Beurteilung der Finanzsituation von Wikimedia Deutschland. Dieser Betrag ist auf 5,0 Mio. Euro (Vorjahr: 4,3 Mio. Euro) gestiegen und steht dem Verein im Folgejahr zur Verfügung. Aus dieser Summe wird in voller Höhe die steuerliche Rücklage nach §62 AO gebildet.</p>
+			<h2 class="h--gamma">Mittelverwendung</h2>
+			<p class="t--gamma-serif finance__p">Wikimedia Deutschland ist wie viele spendensammelnde Organisationen bemüht, dass möglichst viel Geld der inhaltlichen Arbeit zugute kommt und möglichst wenig Kosten für indirekte Projektaufwendungen, sprich Verwaltungskosten anfallen. Gleichwohl sind letztere notwendig und sinnvoll, da sie die Mittelverwendung organisieren sowie Rechenschaft und damit Transparenz sichern. Die direkten Projektaufwendungen von Wikimedia Deutschland sind auf 5,1 Mio. Euro gestiegen (Vorjahr: 4,1 Mio. Euro). Ihr Anteil an den Gesamtaufwendungen sank auf 74 Prozent (Vorjahr: 78 Prozent).
+			</p>
+			<h2 class="h--gamma">Gemeinnützige Wikimedia Fördergesellschaft mbH (WMFG)</h2>
+			<p class="t--gamma-serif finance__p">Der Verein hat eine 100%-ige Tochter, deren ausschließlicher Zweck die Beschaffung von Spendengeldern zur Weiterleitung an den Verein und die Wikimedia Foundation ist. Der Spendenertrag ging in diesem Jahr auf 10,3 Mio. Euro (Vorjahr: 10,4 Mio. Euro) zurück. Das liegt daran, dass erstmalig Spenden an den Verein (0,8 Mio. Euro) ausschließlich dort erfasst wurden. Die Personal- und Sachaufwendungen blieben mit 0,7 Mio. Euro (Vorjahr: 0,7 Mio. Euro) konstant. Damit konnten 8,4 Mio. Euro (Vorjahr: 6,8 Mio. Euro) an die Wikimedia Foundation in den USA und 1,9 Mio. Euro (Vorjahr: 2,6 Mio. Euro) an den Verein in Deutschland weitergeleitet werden. Die Aufteilung der Mittel orientiert sich an einer zwischen Wikimedia Deutschland und der Wikimedia Foundation geschlossenen Vereinbarung. Erstmalig wurde ein Jahresüberschuss von 0,2 Mio. Euro erzielt, der in die Gewinnrücklage eingestellt wurde.</p>
+			<h2 class="h--gamma">Wirtschaftsprüfung</h2>
+			<p class="t--gamma-serif finance__p">Wikimedia Deutschland lässt den Jahresabschluss, interne Abläufe und die Spendenverteilung freiwillig prüfen. Die Prüfung des Wikimedia Deutschland - Gesellschaft zur Förderung Freien Wissens e. V. und der Gemeinnützigen Wikimedia Fördergesellschaft mbH erfolgte durch die KWP Revision GmbH Wirtschaftsprüfungsgesellschaft Berlin und wurde im Dezember 2017 und Februar / März 2018 durchgeführt. Es wurde ein uneingeschränkter Bestätigungsvermerk erteilt. Demnach wurde die Buchführung des <a href="https://upload.wikimedia.org/wikipedia/commons/7/74/BEST%C3%84TIGUNGSVERMERK_an_den_Wikimedia_Deutschland_%E2%80%93_Gesellschaft_zur_F%C3%B6rderung_Freien_Wissens_e._V.pdf" target="new">Vereins</a> und der <a href="https://upload.wikimedia.org/wikipedia/commons/e/ea/BESTÄTIGUNGSVERMERK_an_die_Gemeinnützige_Wikimedia_Fördergesellschaft_mbH.pdf" target="new">Gesellschaft</a> vollständig und gewissenhaft vorgenommen und die Prüfung hat insgesamt zu keinerlei Einwänden geführt.</p>
+		</div>
+		<div class="limit--m finance__boxes">
+			<a class="border-box border-box--finance t--epsilon" href="<?= $url('finance/assn', $lang) ?>">
+				<span>Zum Finanzteil <em class="t--delta">Wikimedia Deutschland e. V.</em></span>
+			</a>
+			<a class="border-box border-box--finance t--epsilon" href="<?= $url('finance/fund', $lang) ?>">
+				<span>Zum Finanzteil <em class="t--delta">Gemeinnützige Wikimedia Fördergesellschaft mbH</em></span>
+			</a>
+		</div>
+	</section>
+</main>

views/pages/de/finance_assn.php

@@ -0,0 +1,577 @@
+<main class="finance finance--assn bg--finance-assn">
+	<section class="section section__body cp">
+		<div class="limit--s finance__intro">
+			<h1 class="fin-detail__heading">
+				<div class="h--delta fin-detail__heading-s">Finanzen 2017</div>
+				<div class="h--beta fin-detail__heading-l">Wikimedia Deutschland e.&nbsp;V.</div>
+			</h1>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m fin-detail__aktiva">
+			<h2 class="h--beta ft__heading">Bilanz &mdash; Aktiva</h2>
+			<div class="ft-wrapper">
+				<table class="ft">
+					<thead>
+						<th class="ft__col-key"></th>
+						<th class="ft__col-val ft__green-bg ft__green-border">31.12.2017</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em">31.12.2016</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em">31.12.2015</th>
+					</thead>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">Anlagevermögen</td>
+						<td class="ft__col-val ft__empty ft__green-border"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Immaterielle Vermögens&shy;gegenstände</td>
+						<td class="ft__col-val ft__green-border">66.929 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">24.460 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">1.789 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Sachanlagen</td>
+						<td class="ft__col-val ft__green-border">338.408 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">222.560 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">174.976 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Finanzanlagen</td>
+						<td class="ft__col-val ft__green-border">25.655 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">25.655 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">25.655 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">Umlaufvermögen</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Forderungen aus Mittelweitergabe&shy;verpflichtungen</td>
+						<td class="ft__col-val ft__green-border">1.667.383 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">1.581.856 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">3.040.732 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Forderungen aus Lieferungen und Leistungen</td>
+						<td class="ft__col-val ft__green-border">67.435 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">64.567 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">101.241 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Sonstige Vermögens&shy;gegenstände</td>
+						<td class="ft__col-val ft__green-border">180.326 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">97.152 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">219.790 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Wertpapiere</td>
+						<td class="ft__col-val ft__green-border">104.198 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">107.164 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">265.665 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Kassenbestand und Bankguthaben</td>
+						<td class="ft__col-val ft__green-border">3.453.485 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">2.552.120 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">1.263.264 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__row-foot ft__col-key">Rechnungs&shy;abgrenzungs&shy;posten</td>
+						<td class="ft__col-val ft__green-border">55.459 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">48.322 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">28.548 €</td>
+					</tr>
+					<tr class="ft__row-low ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+					</tr>
+					<tfoot>
+						<td class="ft__col-key">Bilanzsumme</td>
+						<td class="ft__col-val ft__green-border ft__green-bg">5.959.277 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em">4.723.856 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em">5.121.660 €</td>
+					</tfoot>
+				</table>
+			</div>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m fin-detail__passiva">
+			<h2 class="h--beta ft__heading">Bilanz &mdash; Passiva</h2>
+			<div class="ft-wrapper">
+				<table class="ft">
+					<thead>
+						<th class="ft__col-key"></th>
+						<th class="ft__col-val ft__green-bg ft__green-border">31.12.2017</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em ft__cell-line">31.12.2016</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em ft__cell-line">31.12.2015</th>
+					</thead>
+					<tr class="ft__row-line">
+						<td class="ft__col-key ft__row-foot">Noch nicht verbrauchte Spendenmittel</td>
+						<td class="ft__col-val ft__green-border">4.968.500 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">4.349.061 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">4.238.145 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">davon steuerliche Rücklagen nach §62 AO</td>
+						<td class="ft__col-val ft__green-border">4.968.500 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">605.246 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">605.246 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">Rückstellungen</td>
+						<td class="ft__col-val ft__empty ft__green-border"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Steuer&shy;rückstellungen</td>
+						<td class="ft__col-val ft__green-border">54 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">198 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">187 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Sonstige Rückstellungen</td>
+						<td class="ft__col-val ft__green-border">222.110 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">143.626 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">149.257 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">Verbindlichkeiten</td>
+						<td class="ft__col-val ft__empty ft__green-border"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Erhaltene Anzahlungen</td>
+						<td class="ft__col-val ft__green-border">280.206 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">0 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Aus Lieferungen und Leistungen</td>
+						<td class="ft__col-val ft__green-border">289.630 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">111.057 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">195.969 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Sonstige Verbindlichkeiten</td>
+						<td class="ft__col-val ft__green-border">198.777 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">99.701 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">517.889 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key ft__row-foot">Rechnungs&shy;abgrenzungs&shy;posten</td>
+						<td class="ft__col-val ft__green-border">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">20.213 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">20.213 €</td>
+					</tr>
+					<tr class="ft__row-low ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+					</tr>
+					<tfoot>
+						<td class="ft__col-key">Bilanzsumme</td>
+						<td class="ft__col-val ft__green-border ft__green-bg">5.959.277 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em">4.723.856 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em">5.121.660 €</td>
+					</tfoot>
+				</table>
+			</div>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m fin-detail__rechnung">
+			<h2 class="h--beta ft__heading">Gewinn- und Verlustrechnung</h2>
+			<div class="ft-wrapper">
+				<table class="ft">
+					<thead>
+						<th class="ft__col-key"></th>
+						<th class="ft__col-val ft__green-bg ft__green-border">31.12.2017</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em ft__cell-line">31.12.2016</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em ft__cell-line">31.12.2015</th>
+					</thead>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Spendenerträge</td>
+						<td class="ft__col-val ft__green-border">2.339.176 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">3.218.133 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">3.530.014 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Mitgliedsbeiträge incl. Förderbeiträge</td>
+						<td class="ft__col-val ft__green-border">2.542.663 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">1.632.360 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">1.196.638 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Übrige Erlöse</td>
+						<td class="ft__col-val ft__green-border">1.891.880 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">265.760 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">443.686 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Sonstige betriebliche Erträge</td>
+						<td class="ft__col-val ft__green-border">34.044 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">61.096 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">195.256 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Erträge aus anderen Wertpapieren und sonstige Zinsen</td>
+						<td class="ft__col-val ft__green-border">2.367 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">360 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">7.411 €</td>
+					</tr>
+					<tr class="ft__row-foot ft__row-line">
+						<td class="ft__col-key">Summe Erträge</td>
+						<td class="ft__col-val ft__green-border">6.810.129 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">5.177.709 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">5.373.004 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Personal&shy;aufwendungen</td>
+						<td class="ft__col-val ft__green-border">-3.510.509 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-3.095.159 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-2.916.042 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Abschreibungen</td>
+						<td class="ft__col-val ft__green-border">-115.931 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-78.572 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-50.584 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Sonstige betriebliche Aufwendungen</td>
+						<td class="ft__col-val ft__green-border">-3.183.689 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-2.003.978 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-1.923.667 €</td>
+					</tr>
+					<tr class="ft__row-foot ft__row-line">
+						<td class="ft__col-key">Summe Aufwendungen aus gewöhnlicher Geschäftstätigkeit</td>
+						<td class="ft__col-val ft__green-border">-6.810.129 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-5.177.709 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-4.890.293 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Steuern vom Einkommen und Ertrag</td>
+						<td class="ft__col-val ft__green-border">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-4.099 €</td>
+					</tr>
+					<tr class="ft__row-low ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line ft__row-foot">
+						<td class="ft__col-key">Jahresüberschuss</td>
+						<td class="ft__col-val ft__green-border">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">478.612 €</td>
+					</tr>
+					<tr class="ft__row-line">
+						<td class="ft__col-key">Einstellungen in satzungsmäßige Rücklagen</td>
+						<td class="ft__col-val ft__green-border">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-478.612 €</td>
+					</tr>
+					<tr class="ft__row-low ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__green-border ft__empty"></td>
+					</tr>
+					<tfoot>
+						<td class="ft__col-key">Bilanzgewinn</td>
+						<td class="ft__col-val ft__green-border ft__green-bg">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em">0 €</td>
+					</tfoot>
+				</table>
+			</div>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m fin-detail__mittel">
+			<h2 class="h--beta ft__heading">Mittelverwendung</h2>
+			<div class="bagel">
+				<figure class="fig bagel__image bagel__image--l">
+					<img src="/assets/img/bagel_ev_17.png" alt="Mittelverwendung Diagramm 2017">
+					<figcaption class="t--beta bagel__cap">2017</figcaption>
+				</figure>
+				<div class="bagel__text">
+					<div class="bagel__ratio">
+						<div class="t--beta bagel__line-1"><span>
+							<div class="bagel__circle"></div>
+							26%
+						</span></div>
+						<div class="t--beta bagel__line-2"><span>
+							<div class="bagel__circle"></div>
+							74%
+						</span></div>
+					</div>
+					<div class="bagel__info">
+						<div class="bagel__line-1">
+							<span class="t--delta bagel__label">Indirekte Projektaufwendungen</span>
+							<span class="t--delta bagel__amount">1.745.439 €</span>
+						</div>
+						<div class="bagel__line-2">
+							<span class="t--delta bagel__label">Direkte Projektaufwendungen</span>
+							<span class="t--delta bagel__amount">5.064.690 €</span>
+						</div>
+						<div class="bagel__line-3">
+							<span class="t--delta bagel__label">Gesamt</span>
+							<span class="t--delta bagel__amount">6.810.129 €</span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="bagel bagel--s">
+				<figure class="fig bagel__image bagel__image--s">
+					<img src="/assets/img/bagel_ev_1615.png" alt="Mittelverwendung Diagramm 2016">
+					<figcaption class="t--gamma bagel__cap">2016</figcaption>
+				</figure>
+				<div class="bagel__text">
+					<div class="bagel__ratio">
+						<div class="t--gamma bagel__line-1"><span>
+							<div class="bagel__circle"></div>
+							22%
+						</span></div>
+						<div class="t--gamma bagel__line-2"><span>
+							<div class="bagel__circle"></div>
+							78%
+						</span></div>
+					</div>
+					<div class="bagel__info">
+						<div class="bagel__line-1">
+							<span class="t--delta bagel__label">Indirekte Projektaufwendungen</span>
+							<span class="t--delta bagel__amount">1.116.153 €</span>
+						</div>
+						<div class="bagel__line-2">
+							<span class="t--delta bagel__label">Direkte Projektaufwendungen</span>
+							<span class="t--delta bagel__amount">4.061.556 €</span>
+						</div>
+						<div class="bagel__line-3">
+							<span class="t--delta bagel__label">Gesamt</span>
+							<span class="t--delta bagel__amount">5.177.708 €</span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="bagel bagel--s">
+				<figure class="fig bagel__image bagel__image--s">
+					<img src="/assets/img/bagel_ev_1615.png" alt="Mittelverwendung Diagramm 2015">
+					<figcaption class="t--gamma bagel__cap">2015</figcaption>
+				</figure>
+				<div class="bagel__text">
+					<div class="bagel__ratio">
+						<div class="t--gamma bagel__line-1"><span>
+							<div class="bagel__circle"></div>
+							22%
+						</span></div>
+						<div class="t--gamma bagel__line-2"><span>
+							<div class="bagel__circle"></div>
+							78%
+						</span></div>
+					</div>
+					<div class="bagel__info">
+						<div class="bagel__line-1">
+							<span class="t--delta bagel__label">Indirekte Projektaufwendungen</span>
+							<span class="t--delta bagel__amount">1.058.727 €</span>
+						</div>
+						<div class="bagel__line-2">
+							<span class="t--delta bagel__label">Direkte Projektaufwendungen</span>
+							<span class="t--delta bagel__amount">3.835.666 €</span>
+						</div>
+						<div class="bagel__line-3">
+							<span class="t--delta bagel__label">Gesamt</span>
+							<span class="t--delta bagel__amount">4.894.393 €</span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<table class="ft ft--alloc">
+				<thead>
+					<th class="ft__col-key"></th>
+					<th class="ft__col-val ft__green-bg ft__green-border">31.12.2017</th>
+				</thead>
+				<tr class="ft__row-line">
+					<td class="ft__col-key">Schwerpunkt 1: Neue Freiwillige für Wikimedia-Projekte gewinnen und halten</td>
+					<td class="ft__col-val ft__green-border">230.119 €</td>
+				</tr>
+				<tr class="ft__row-line">
+					<td class="ft__col-key">Schwerpunkt 2: Freiwillige in den Wikimedia-Projekten unterstützen</td>
+					<td class="ft__col-val ft__green-border">1.189.857 €</td>
+				</tr>
+				<tr class="ft__row-line">
+					<td class="ft__col-key">Schwerpunkt 3: Wikidata ausbauen und MediaWiki weiterentwickeln</td>
+					<td class="ft__col-val ft__green-border">1.848.354 €</td>
+				</tr>
+				<tr class="ft__row-line">
+					<td class="ft__col-key">Schwerpunkt 4: Politische und rechtliche Rahmenbedingungen für Freies Wissen stärken</td>
+					<td class="ft__col-val ft__green-border">523.731 €</td>
+				</tr>
+				<tr class="ft__row-line">
+					<td class="ft__col-key">Schwerpunkt 5: Gemeinsam mit den Communitys Inhalte durch Kooperationen mit Institutionen befreien</td>
+					<td class="ft__col-val ft__green-border">490.186 €</td>
+				</tr>
+				<tr class="ft__row-line">
+					<td class="ft__col-key">Programmunterstützende Bereiche (z. B. Kommunikation, Veranstaltungsmanagement, etc.)</td>
+					<td class="ft__col-val ft__green-border">782.443 €</td>
+				</tr>
+				<tr class="ft__row-line">
+					<td class="ft__col-key">Indirekte Projektaufwendungen (Miete, Personal, Buchhaltung, IT, etc.</td>
+					<td class="ft__col-val ft__green-border">1.745.439 €</td>
+				</tr>
+				<tr class="ft__row-low ft__row-line">
+					<td class="ft__col-key">&nbsp;</td>
+					<td class="ft__col-val ft__green-border ft__empty"></td>
+				</tr>
+				<tfoot>
+					<td class="ft__col-key">Gesamt</td>
+					<td class="ft__col-val ft__green-border ft__green-bg">6.810.129 €</td>
+				</tfoot>
+			</table>
+		</div>
+		<div class="limit--m fin-detail__mittel">
+			Mehr Informationen zu unseren <a href="https://meta.wikimedia.org/wiki/Wikimedia_Deutschland/Jahresplanung_2017"target="new">Schwerpunkten 2017</a>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m finance__boxes">
+			<a class="border-box border-box--assn t--epsilon" href="<?= $url('finance', $lang) ?>">
+				<span>Zur Übersicht  <em class="t--delta">Finanzreport 2017</em></span>
+			</a>
+			<a class="border-box border-box--assn t--epsilon" href="<?= $url('finance/fund', $lang) ?>">
+				<span>Zum Finanzteil <em class="t--delta">Gemeinnützige Wikimedia Fördergesellschaft mbH</em></span>
+			</a>
+		</div>
+	</section>
+</main>

views/pages/de/finance_fund.php

@@ -0,0 +1,481 @@
+<main class="finance finance--fund bg--light-blue">
+	<section class="section section__body cp">
+		<div class="limit--s finance__intro">
+			<h1 class="fin-detail__heading">
+				<div class="h--delta fin-detail__heading-s">Finanzen 2017</div>
+				<div class="h--beta fin-detail__heading-l">Gemeinnützige Wikimedia Fördergesellschaft mbH</div>
+			</h1>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m fin-detail__aktiva">
+			<h2 class="h--beta ft__heading">Bilanz &mdash; Aktiva</h2>
+			<div class="ft-wrapper">
+				<table class="ft">
+					<thead>
+						<th class="ft__col-key--black"></th>
+						<th class="ft__col-val ft__orange-bg ft__orange-border">31.12.2017</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em--orange">31.12.2016</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em--orange">31.12.2015</th>
+					</thead>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">Anlagevermögen</td>
+						<td class="ft__col-val ft__empty ft__orange-border"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Immaterielle Vermögens&shy;gegenstände</td>
+						<td class="ft__col-val ft__orange-border">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">1 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Sachanlagen</td>
+						<td class="ft__col-val ft__orange-border">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">182 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">Umlaufvermögen</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Forderungen und sonstige Vermögens&shy;gegenstände</td>
+						<td class="ft__col-val ft__orange-border">50.980 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">569.171 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">367.364 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Bankguthaben</td>
+						<td class="ft__col-val ft__orange-border">8.278.607 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">7.765.241 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">8.328.541 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">&nbsp;</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__row-foot ft__col-key--black">Rechnungs&shy;abgrenzungs&shy;posten</td>
+						<td class="ft__col-val ft__orange-border">5.326 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">1.820 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">1.897 €</td>
+					</tr>
+					<tr class="ft__row-low ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+					</tr>
+					<tfoot>
+						<td class="ft__col-key--black">Bilanzsumme</td>
+						<td class="ft__col-val ft__orange-border ft__orange-bg">8.334.913 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em--orange">8.336.232 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em--orange">8.697.986 €</td>
+					</tfoot>
+				</table>
+			</div>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m fin-detail__passiva">
+			<h2 class="h--beta ft__heading">Bilanz &mdash; Passiva</h2>
+			<div class="ft-wrapper">
+				<table class="ft">
+					<thead>
+						<th class="ft__col-key--black"></th>
+						<th class="ft__col-val ft__orange-bg ft__orange-border">31.12.2017</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em--orange ft__cell-line">31.12.2016</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em--orange ft__cell-line">31.12.2015</th>
+					</thead>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">Eigenkapital</td>
+						<td class="ft__col-val ft__empty ft__orange-border"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Gezeichnetes Kapital</td>
+						<td class="ft__col-val ft__orange-border">25.000 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">25.000 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">25.000 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Gewinnrücklagen</td>
+						<td class="ft__col-val ft__orange-border">217.141 € €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">0 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">&nbsp;</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__row-foot ft__col-key--black">Rückstellungen</td>
+						<td class="ft__col-val ft__orange-border">178.581 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">218.785 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">299.134 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">&nbsp;</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">Verbindlichkeiten</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Aus Mittelweitergabe&shy;verpflichtungen</td>
+						<td class="ft__col-val ft__orange-border">7.866.353 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">8.065.148 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">8.349.482 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Aus Lieferungen und Leistungen</td>
+						<td class="ft__col-val ft__orange-border">45.693 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">24.517 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">20.191 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Sonstige Verbindlichkeiten</td>
+						<td class="ft__col-val ft__orange-border">2.145 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">2.782 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">4.179 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">&nbsp;</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-low ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+					</tr>
+					<tfoot>
+						<td class="ft__col-key--black">Bilanzsumme</td>
+						<td class="ft__col-val ft__orange-border ft__orange-bg">8.334.913 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em--orange">8.336.232 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em--orange">8.697.986 €</td>
+					</tfoot>
+				</table>
+			</div>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m fin-detail__rechnung">
+			<h2 class="h--beta ft__heading">Gewinn- und Verlustrechnung</h2>
+			<div class="ft-wrapper">
+				<table class="ft">
+					<thead>
+						<th class="ft__col-key--black"></th>
+						<th class="ft__col-val ft__orange-bg ft__orange-border">31.12.2017</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em--orange ft__cell-line">31.12.2016</th>
+						<th class="ft__col-void"></th>
+						<th class="ft__col-val ft__em--orange ft__cell-line">31.12.2015</th>
+					</thead>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Spendenerträge</td>
+						<td class="ft__col-val ft__orange-border">10.281.485 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">10.363.878 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">10.902.065 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Sonstige betriebliche Erträge</td>
+						<td class="ft__col-val ft__orange-border">954.522 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">26.784 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">198.864 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Sonstige Zinsen und ähnliche Erträge</td>
+						<td class="ft__col-val ft__orange-border">123 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">761 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">8.844 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">&nbsp;</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Aufwendungen aus Mittelweitergabe</td>
+						<td class="ft__col-val ft__orange-border">-10.281.485 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">-9.702.226 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">-10.001.618 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Personal&shy;aufwendungen</td>
+						<td class="ft__col-val ft__orange-border">-257.404 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-179.321 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-206.416 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Abschreibungen</td>
+						<td class="ft__col-val ft__orange-border">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-180 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-1.202 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Sonstige betriebliche Aufwendungen</td>
+						<td class="ft__col-val ft__orange-border">-480.100 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-509.695 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">-900.537 €</td>
+					</tr>
+					<tr class="ft__row-head ft__row-line--black">
+						<td class="ft__col-key--black">&nbsp;</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__empty"></td>
+					</tr>
+					<tr class="ft__row-foot ft__row-line--black">
+						<td class="ft__col-key--black">Jahresüberschuss</td>
+						<td class="ft__col-val ft__orange-border">217.141 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em--orange">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val">0 €</td>
+					</tr>
+					<tr class="ft__row-line--black">
+						<td class="ft__col-key--black">Einstellungen in Gewinnrücklagen</td>
+						<td class="ft__col-val ft__orange-border">-217.141 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ">0 €</td>
+					</tr>
+					<tr class="ft__row-low ft__row-line">
+						<td class="ft__col-key">&nbsp;</td>
+						<td class="ft__col-val ft__orange-border ft__empty"></td>
+					</tr>
+					<tfoot>
+						<td class="ft__col-key--black">Bilanzgewinn</td>
+						<td class="ft__col-val ft__orange-border ft__orange-bg">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em--orange">0 €</td>
+						<td class="ft__col-void"></td>
+						<td class="ft__col-val ft__em--orange">0 €</td>
+					</tfoot>
+				</table>
+			</div>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m fin-detail__mittel">
+			<h2 class="h--beta ft__heading">Mittelverwendung</h2>
+			<div class="bagel bagel--alt">
+				<figure class="fig bagel__image bagel__image--l">
+					<img src="/assets/img/bagel_fg_17.png" alt="Mittelverwendung Diagramm 2017">
+					<figcaption class="t--beta bagel__cap">2017</figcaption>
+				</figure>
+				<div class="bagel__text">
+					<div class="bagel__ratio">
+						<div class="t--beta bagel__line-1"><span>
+							<div class="bagel__circle"></div>
+							7%
+						</span></div>
+						<div class="t--beta bagel__line-2"><span>
+							<div class="bagel__circle"></div>
+							17%
+						</span></div>
+						<div class="t--beta bagel__line-3"><span>
+							<div class="bagel__circle"></div>
+							75%
+						</span></div>
+						<div class="t--beta bagel__line-4--alt-number"><span>
+							<div></div>
+							2%
+						</span></div>
+					</div>
+					<div class="bagel__info">
+						<div class="bagel__line-1">
+							<span class="t--delta bagel__label">Operative Aufwendungen</span>
+							<span class="t--delta bagel__amount">737.504&nbsp;€</span>
+						</div>
+						<div class="bagel__line-2">
+							<span class="t--delta bagel__label">Mittelweitergabe an Wikimedia&nbsp;Deutschland e. V.</span>
+							<span class="t--delta bagel__amount">1.891.497&nbsp;€</span>
+						</div>
+						<div class="bagel__line-3">
+							<span class="t--delta bagel__label">Mittelweitergabe an die Wikimedia&nbsp;Foundation</span>
+							<span class="t--delta bagel__amount">8.389.988&nbsp;€</span>
+						</div>
+						<div class="bagel__line-4--alt">
+							<span class="t--delta bagel__label">Rücklage</span>
+							<span class="t--delta bagel__amount">217.141&nbsp;€</span>
+						</div>
+						<!-- TOFIX: Establish bagel__line-5 -->
+						<div class="bagel__line-5">
+							<span class="t--delta bagel__label">Gesamt</span>
+							<span class="t--delta bagel__amount">11.236.130&nbsp;€</span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="bagel bagel--s">
+				<figure class="fig bagel__image bagel__image--s">
+					<img src="/assets/img/bagel_fg_16.png" alt="Mittelverwendung Diagramm 2016">
+					<figcaption class="t--gamma bagel__cap">2016</figcaption>
+				</figure>
+				<div class="bagel__text">
+					<div class="bagel__ratio">
+						<div class="t--gamma bagel__line-1"><span>
+							<div class="bagel__circle"></div>
+							7%
+						</span></div>
+						<div class="t--gamma bagel__line-2"><span>
+							<div class="bagel__circle"></div>
+							25%
+						</span></div>
+						<div class="t--gamma bagel__line-3"><span>
+							<div class="bagel__circle"></div>
+							68%
+						</span></div>
+					</div>
+					<div class="bagel__info">
+						<div class="bagel__line-1">
+							<span class="t--delta bagel__label">Operative Aufwendungen</span>
+							<span class="t--delta bagel__amount">689.196&nbsp;€</span>
+						</div>
+						<div class="bagel__line-2">
+							<span class="t--delta bagel__label">Mittelweitergabe an Wikimedia&nbsp;Deutschland e. V.</span>
+							<span class="t--delta bagel__amount">2.632.389&nbsp;€</span>
+						</div>
+						<div class="bagel__line-3">
+							<span class="t--delta bagel__label">Mittelweitergabe an die Wikimedia&nbsp;Foundation</span>
+							<span class="t--delta bagel__amount">7.069.838&nbsp;€</span>
+						</div>
+						<div class="bagel__line-4">
+							<span class="t--delta bagel__label">Gesamt</span>
+							<span class="t--delta bagel__amount">10.391.422&nbsp;€</span>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="bagel bagel--s">
+				<figure class="fig bagel__image bagel__image--s">
+					<img src="/assets/img/bagel_fg_15.png" alt="Mittelverwendung Diagramm 2015">
+					<figcaption class="t--gamma bagel__cap">2015</figcaption>
+				</figure>
+				<div class="bagel__text">
+					<div class="bagel__ratio">
+						<div class="t--gamma bagel__line-1"><span>
+							<div class="bagel__circle"></div>
+							10%
+						</span></div>
+						<div class="t--gamma bagel__line-2"><span>
+							<div class="bagel__circle"></div>
+							27%
+						</span></div>
+						<div class="t--gamma bagel__line-3"><span>
+							<div class="bagel__circle"></div>
+							63%
+						</span></div>
+					</div>
+					<div class="bagel__info">
+						<div class="bagel__line-1">
+							<span class="t--delta bagel__label">Operative Aufwendungen</span>
+							<span class="t--delta bagel__amount">1.108.154&nbsp;€</span>
+						</div>
+						<div class="bagel__line-2">
+							<span class="t--delta bagel__label">Mittelweitergabe an Wikimedia&nbsp;Deutschland e. V.</span>
+							<span class="t--delta bagel__amount">3.040.732&nbsp;€</span>
+						</div>
+						<div class="bagel__line-3">
+							<span class="t--delta bagel__label">Mittelweitergabe an die Wikimedia&nbsp;Foundation</span>
+							<span class="t--delta bagel__amount">6.960.885&nbsp;€</span>
+						</div>
+						<div class="bagel__line-4">
+							<span class="t--delta bagel__label">Gesamt</span>
+							<span class="t--delta bagel__amount">11.109.772&nbsp;€</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="section cp">
+		<div class="limit--m finance__boxes">
+			<a class="border-box border-box--fund t--epsilon" href="<?= $url('finance', $lang) ?>">
+				<span>Zur Übersicht  <em class="t--delta">Finanzreport 2017</em></span>
+			</a>
+			<a class="border-box border-box--fund t--epsilon" href="<?= $url('finance/assn', $lang) ?>">
+				<span>Zum Finanzteil <em class="t--delta">Wikimedia Deutschland e. V.</em></span>
+			</a>
+		</div>
+	</section>
+</main>

views/pages/de/home.php

@@ -0,0 +1,244 @@
+<main class="home">
+	<div class="wrapper">
+		<section class="home-hero cp cp--nav-zone">
+			<div class="limit--l">
+				<div class="home-hero__title h--beta">
+					Wikimedia<br>
+					Deutschland<br>
+					Jahresbericht<br>
+					2017
+				</div>
+				<img class="home-hero__17" src="assets/img/17.png" alt="2017">
+			</div>
+		</section>
+		<div class="home-hero__img t--zeta">
+			<img class="home-hero__img--first" src="assets/img/wk_conference_colored.jpg" alt="Wikimedia Konferenz">
+			<figure
+				class="home-hero__img--second"
+				data-anchor-target=".home-hero__img--second"
+				data-0="opacity:1;"
+				data-500="opacity:0;"
+				>
+				<img class="home-hero__img--second" src="assets/img/wk_conference_tinted.jpg" alt="Wikimedia Konferenz">
+			</figure>
+			<p>Jason Krüger for Wikimedia Deutschland e.V.; adapted by user: David Saroyan (<a href="https://commons.wikimedia.org/wiki/File:Wikimedia_Conference_2017_–_Group_photo_2_(big)_with_WMCON_logo.jpg" target="new">Wikimedia Commons</a>), beschnitten, eingefärbt von Atelier Disko für WMDE, <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new"> <span style ="white-space: nowrap">CC BY-SA 4.0</span></a></p>
+		</div>
+		<section class="section cp home__intro">
+			<img src="assets/img/wk_conference_tinted.jpg" alt="Wikimedia Konferenz">
+			<div class="home__intro--layer"></div>
+		</section>
+		<div class="home__box">
+			<div class="limit--m h--alpha">Gemeinsam wissen wir mehr</div>
+		</div>
+	</div>
+	</section>
+	<section class="achievements cp--component-section loading">
+		<ul>
+			<?php foreach($achievements as $item): ?>
+			<li
+				class="achievement--store"
+				data-category="<?= $item['category'][$lang] ?>"
+				data-number="<?= $item['number'] ?>"
+				data-url="/<?= $lang ?><?= $item['url'] ?>"
+				data-postfix=""
+			>
+				<?= $item['teaser'][$lang] ?>
+			</li>
+			<?php endforeach ?>
+		</ul>
+
+		<div class="achievements__cube achievements__cube--mobile">
+			<div class="achievements__cube-side achievements__cube-side--left">
+				<div class="achievements__cube-side achievements__cube-side--left"></div>
+			</div>
+			<div class="achievements__cube-side achievements__cube-side--top">
+				<div class="achievements__cube-side achievements__cube-side--top"></div>
+			</div>
+			<div class="achievements__cube-side achievements__cube-side--right">
+				<div class="achievements__cube-side achievements__cube-side--right"></div>
+			</div>
+		</div>
+
+		<div class="achievements__flex-wrapper">
+			<div class="achievements__left">
+				<div class="achievement">
+					<div class="achievement__category t--epsilon">
+						<?= $achievements[0]['category'][$lang] ?>
+					</div>
+					<div class="achievement__number t--alpha" data-number="<?= $achievements[0]['number'] ?>">
+						<div class="achievement__number-placeholder">
+							<?= $formatNumber($achievements[0]['number'], $lang) ?>
+						</div>
+						<div class="achievement__number-postfix"></div>
+					</div>
+					<div class="achievement__teaser t--delta-serif"><?= $achievements[0]['teaser'][$lang] ?></div>
+					<a
+						href="<?= $url($achievements[0]['teaser'], $lang) ?>"
+						class="achievement__link t--zeta-emph"
+					>
+						&mdash;&nbsp;&nbsp; Zum Thema
+					</a>
+				</div>
+			</div>
+			<div class="achievements__cube">
+				<div class="achievements__cube-side achievements__cube-side--left">
+					<div class="achievements__cube-side achievements__cube-side--left"></div>
+				</div>
+				<div class="achievements__cube-side achievements__cube-side--top">
+					<div class="achievements__cube-side achievements__cube-side--top"></div>
+				</div>
+				<div class="achievements__cube-side achievements__cube-side--right">
+					<div class="achievements__cube-side achievements__cube-side--right"></div>
+				</div>
+			</div>
+			<div class="achievements__right">
+				<div class="achievement">
+					<div class="achievement__category t--epsilon">
+						<?= $achievements[1]['category'][$lang] ?>
+					</div>
+					<div class="achievement__number t--alpha" data-number="<?= $achievements[1]['number'] ?>">
+						<div class="achievement__number-placeholder">
+							<?= $achievements[1]['number'] ?>
+						</div>
+						<div class="achievement__number-postfix"></div>
+					</div>
+					<div class="achievement__teaser t--delta-serif"><?= $achievements[1]['teaser'][$lang] ?></div>
+					<a
+						href="<?= $url($achievements[1]['teaser'], $lang) ?>"
+						class="achievement__link t--zeta-emph"
+					>
+						&mdash;&nbsp;&nbsp; Zum Thema
+					</a>
+				</div>
+			</div>
+		</div>
+		<button class="achievements__button t--zeta-emph animation-ctl-button invis">
+			<div class="animation-ctl-button__symbol"></div>
+			Neue Erfolge laden
+		</button>
+	</section>
+	<section class="chart cp--component-section">
+		<?php
+			$chartValues = [
+				'01.01.2013' => 2618,
+				'03.05.2013' => 5480,
+				'01.09.2013' =>	6931,
+				'01.01.2014' =>	9803,
+				'01.05.2014' =>	10796,
+				'01.09.2014' =>	11470,
+				'01.01.2015' =>	15778,
+				'01.05.2015' =>	22015,
+				'01.09.2015' =>	23879,
+				'01.01.2016' =>	29169,
+				'02.05.2016' =>	34304,
+				'22.08.2016' =>	35959,
+				'03.01.2017' =>	43138,
+				'20.04.2017' =>	50249,
+				'07.09.2017' => 52710,
+				'03.01.2018' =>	53967,
+				'07.03.2018' =>	65374
+			];
+			echo '<script type="text/javascript">let chartValues = '.json_encode($chartValues).'</script>';
+		?>
+
+		<div class="limit--l">
+			<div class="chart__headline">
+				<div class="chart__headline--description t--epsilon">
+					März 2013 - März 2018
+				</div>
+				<h1 class="h--beta">Mitgliederentwicklung</h1>
+			</div>
+			<div class="chart__cards-wrapper">
+				<div class="chart__cards chart__cards--desktop loading"></div>
+				<div class="chart__cards chart__cards--small loading"></div>
+				<div class="chart__cards chart__cards--mobile loading"></div>
+			</div>
+			<div class="chart__dates-wrapper t--epsilon">
+				<div class="chart__date"><div class="chart__date-line">&mdash;</div>März 2013
+					<div class="chart__date-value">2.618</div>
+				</div>
+				<div class="chart__date"><div class="chart__date-line">&mdash;</div>März 2014
+					<div class="chart__date-value">9.803</div>
+				</div>
+				<div class="chart__date"><div class="chart__date-line">&mdash;</div>März 2015
+					<div class="chart__date-value">15.778</div>
+				</div>
+				<div class="chart__date"><div class="chart__date-line">&mdash;</div>März 2016
+					<div class="chart__date-value">29.169</div>
+				</div>
+				<div class="chart__date"><div class="chart__date-line">&mdash;</div>März 2017
+					<div class="chart__date-value">43.138</div>
+				</div>
+				<div class="chart__date"><div class="chart__date-line">&mdash;</div>März 2018
+					<div class="chart__date-value">65.374</div>
+				</div>
+			</div>
+		</div>
+		<a href="https://spenden.wikimedia.de/apply-for-membership?piwik_campaign=jb2017&piwik_kwd=mitglieds_btn" target="new" class="chart__button button button--outline-white">Jetzt Mitglied werden</a>
+	</section>
+	<section class="reports loading clearfix cp--component-section loading">
+		<ul class="reports__data">
+			<?php foreach ($reports as $report) : ?>
+				<li class="reports--store" data-url="<?= $url("/report/{$report['name']}", $lang) ?>" data-cover="<?= $report['cover'] ?>"><?= $report['title'][$lang] ?></li>
+			<?php endforeach ?>
+		</ul>
+		<div class="reports__background"></div>
+		<div class="reports__left">
+			<div class="reports__canvas">
+				<div class="reports__cube reports__cube--1"></div>
+				<div class="reports__cube reports__cube--2"></div>
+				<div class="reports__cube reports__cube--3"></div>
+			</div>
+		</div>
+		<div class="reports__right">
+			<div class="reports__link-wrapper">
+				<a class="reports__link h--beta" href="">
+					<div class="reports__link-title">Movement Strategy</div>
+					<div class="reports__link-project t--zeta-emph">&mdash;&nbsp;&nbsp; Zum Thema</div>
+				</a>
+				<a class="reports__link h--beta" href="">
+					<div class="reports__link-title">Fellow Programm</div>
+					<div class="reports__link-project t--zeta-emph">&mdash;&nbsp;&nbsp; Zum Thema</div>
+				</a>
+				<a class="reports__link h--beta" href="">
+					<div class="reports__link-title">Freiwillige unterstützen</div>
+					<div class="reports__link-project t--zeta-emph">&mdash;&nbsp;&nbsp; Zum Thema</div>
+				</a>
+			</div>
+			<button class="animation-ctl-button reports__button reports__button--reload t--zeta-emph invis">
+				<div class="animation-ctl-button__symbol"></div>
+				Neue Themen laden
+			</button>
+			<a href="<?= $lang . '/report' ?>" class="animation-ctl-button reports__button reports__button--all t--zeta-emph invis">
+				<div class="animation-ctl-button__symbol"></div>
+				Alle Themen anzeigen
+			</a>
+		</div>
+	</section>
+	<section class="finance-banner">
+		<div class="limit--l cp--component-section">
+			<div class="home__bagels">
+				<figure
+					class="home__bagel--1"
+					data-anchor-target=".finance-banner"
+					data-bottom-top="transform:rotate(0deg);"
+					data-top-bottom="transform:rotate(360deg);"
+				>
+					<img src="/assets/img/start_finanzen_circle_1.png" alt="Finanzvisualisierung">
+				</figure>
+				<figure
+					class="home__bagel--2"
+					data-anchor-target=".finance-banner"
+					data-bottom-top="transform:rotate(360deg);"
+					data-top-bottom="transform:rotate(0deg);"
+				>
+					<img src="/assets/img/start_finanzen_circle_2.png" alt="Finanzvisualisierung">
+				</figure>
+			</div>
+			<a href="<?= $url('finance', $lang) ?>">
+				<p class="h--beta">Unsere Finanzen 2017</p>
+				<p class="finance-banner__button h--delta">&mdash; Zum Finanzteil</p>
+			</a>
+		</div>
+	</section>
+</main>

views/pages/de/report.php

@@ -0,0 +1,45 @@
+<main class="report-landing cp--6x-bottom">
+	<?php if ($filter): ?>
+	<section class="report-landing-hero cp cp--4x-top cp--4x-bottom">
+		<div class="filter">
+			<div class ="filter-head">
+				<a href="<?= $url('report', $lang) ?>" class="filter-head--back h--delta">Zur Übersicht</a>
+				<div class="filter-head--menu h--beta"><?= $filter['title'][$lang] ?></div>
+				<img class="filter-head--image" src="/assets/img/cube_themen_orange.svg" alt="Themenübersicht Illustration">
+				<div class="filter-text t--gamma-serif"><?= $filter['teaser'][$lang] ?></div>
+			</div>
+		</div>
+	</section>
+	<?php else: ?>
+	<section class="report-landing-hero cp cp--6x-top cp--4x-bottom">
+		<h1 class="h--beta report-landing-hero__title">Unsere Themen im Überblick</h1>
+		<div class="report-landing-hero__cubes limit--l cp--2x-top">
+			<?php foreach ($filters as $f): ?>
+				<a
+					class="report-landing-hero__cube nav-cube"
+					href="?filter=<?= $f['name'] ?>"
+				>
+					<span class="nav-cube__title t--epsilon-emph"><?= $f['title'][$lang] ?></span>
+				</a>
+			<?php endforeach ?>
+		</div>
+	</section>
+	<?php endif ?>
+	<div class="limit--m report-landing__jbs">
+		<div class="jb-hsplit-list">
+		<?php foreach ($reports as $report): ?>
+			<a class="jb-hsplit" href="<?= $url('report/' . $report['name'], $lang) ?>">
+				<div class="bg--big-icons-green jb-hsplit__overlay"></div>
+				<figure
+					class="jb-hsplit__cover"
+					style="background-image: url('<?= $report['cover'] ?>');"
+				></figure>
+				<div class="jb-hsplit__content">
+					<h1 class="h--gamma jb-hsplit__title"><?= $report['title'][$lang] ?></h1>
+					<p class ="h--delta jb-hsplit__title">&mdash; Zum Thema</p>
+				</div>
+			</a>
+		<?php endforeach ?>
+		</div>
+	</div>
+</main>

views/pages/de/report_2017.php

@@ -0,0 +1,64 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">Visual Facilitators (<a href="https://commons.wikimedia.org/wiki/File:Wikimedia_Jahresplan_2017.jpg" target="new">Wikimedia Commons</a>), <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Das Jahr 2017 bei Wikimedia Deutschland</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				2017 war ein spannendes und erfolgreiches Jahr für Wikimedia Deutschland. Viele der Ziele, die wir uns als Gesellschaft zur Förderung Freien Wissens gesteckt hatten, konnten wir erreichen.
+			</div>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Wir haben die Förderung von Freiwilligen in den Wikimedia-Projekten sehr erfolgreich fortgeführt und weiterentwickelt. Darüber hinaus haben wir Werkzeuge geschaffen, um die Unterstützung für Wikimedia-Aktive auch in Zukunft systematisch und kontinuierlich zu verbessern.
+					In unseren Online-Kampagnen haben wir erstmals direkt in der Wikipedia mit Bannern auf die Möglichkeit zum Mitmachen in der freien Online-Enzyklopädie aufmerksam gemacht. Den Trend, dass die Zahl der neuen Wikipedia-Aktiven sinkt, konnten wir dadurch zwar noch nicht aufhalten – dennoch haben wir wichtige Erkenntnisse gewonnen, die wir für unsere Weiterarbeit 2018 nutzen werden.
+				</p>
+				<p>
+					Wir haben technische Verbesserungen an unserer freien Wissensdatenbank Wikidata vorgenommen, die innerhalb der Wikimedia-Projekte immer mehr genutzt wird. Über eine wachsende Zahl an Datenpartnerschaften wird Wikidata auch außerhalb der Wikimedia-Bewegung für Wissensprojekte genutzt. Mit der ersten Wikidata-Konferenz in Berlin konnten wir in diesem Jahr die Wikidata-Community auch sozial nachhaltig stärken.
+					Gemeinsam mit unseren Partnern bei der Wikimedia Foundation und vielen Ehrenamtlichen haben wir auch die Software MediaWiki, mit der sämtliche Wikimedia-Projekte betrieben werden, verbessert und ausgebaut.
+				</p>
+				<p>
+					Wir konnten sowohl auf politisch-rechtlicher Ebene als auch in der Zusammenarbeit mit Institutionen neue wichtige Partnerschaften knüpfen, Einfluss nehmen und Diskussionen starten und vertiefen.
+					Wir haben verschiedene Kultur- und Gedächtnisinstitutionen über die Vorteile freier Inhalte informiert und sie dabei unterstützt, selbst und gemeinsam mit den Wikimedia-Communitys freie Inhalte zu schaffen und sie der Öffentlichkeit zur Verfügung zu stellen. Mit dem Fellow-Programm Freies Wissen konnten wir erfolgreich und nachhaltig für Offene Wissenschaft werben und über die geförderten Fellows die Idee des Freien Wissens in wissenschaftlichen Einrichtungen verbreiten.
+				</p>
+				<p>
+					Wir haben erneut eine erfolgreiche Spendenkampagne durchgeführt und konnten wieder einen großen Zuwachs an neuen Mitgliedern begrüßen. Mittlerweile unterstützen uns rund 65.000 Menschen (Stand: März 2018) in unseren Aktivitäten rund um Freies Wissen. Durch neue Formate innerhalb der Mitgliederversammlungen und mehr Mitmach- und Informationsangebote haben wir den Austausch mit unseren Mitgliedern erhöht.
+				</p>
+				<p>
+					Wikimedia Deutschland startete 2004 mit einer kleinen Anzahl engagierter Wikipedia-Aktiver. Heute leisten wir gemeinsam mit mehr Menschen denn je tagtäglich und mit großem Erfolg Pionierarbeit für Freies Wissen: In der Gewinnung neuer Freiwilliger, bei der Entwicklung von Software, durch gesellschaftliche Überzeugungsarbeit und in Kooperationen mit Partnerorganisationen. Mit einer gemeinsamen strategischen Ausrichtung sind wir 2017 auch als internationale Wikimedia-Bewegung näher zusammengerückt.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--l">
+			<div class="section__body slider swiper-container loading">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/tR-hUCN9Jl8?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Roter Faden 2017 Zeitraffer, Wikimedia Deutschland,
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new"> CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/members" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Schon Mitglied? </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_2018.php

@@ -0,0 +1,46 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">annalenaschiller (<a href="https://commons.wikimedia.org/wiki/File:Wikimedia_Deutschland_2018.jpg" target="new">Wikimedia Commons</a>), <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Ausblick: So geht es 2018 weiter</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				2018 werden wir weiter an unserem Auftrag als Gesellschaft zur Förderung Freien Wissens arbeiten. Dabei konzentrieren wir uns auf unsere drei inhaltlichen Handlungsfelder.
+			</div>
+			<p class="h--gamma">Freiwillige
+			</p>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Bei Wikipedia und ihren Schwesterprojekten können alle mitmachen, aber viele Wikipedia-Lesende wissen das nicht. 2018 wollen wir mehr Menschen für die aktive Mitarbeit an der Welt des Freien Wissens begeistern. Gleichzeitig wollen wir den Neueinsteigenden Hilfsangebote wie Einführungen und Erklärvideos zur Unterstützung für die ersten Schritte in der Wikipedia an die Hand geben. Die bereits aktiven Freiwilligen wollen wir weiterhin mit unserer Förderung in ihrem digitalen Ehrenamt unterstützen.
+				</p>
+			</div>
+			<p class="h--gamma">Software-Entwicklung
+			</p>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Auch 2018 werden wir gemeinsam mit Ehrenamtlichen und der Wikimedia Foundation die Software, mit der sämtliche Wikimedia-Projekte betrieben werden, weiter verbessern. Wir werden uns weiter um die Verbesserung der Datenqualität von Wikidata kümmern und dafür sorgen, die freie Wissensdatenbank im Zusammenspiel mit den Wikimedia-Projekten und auch für externe Projekte noch nutzbarer zu gestalten.  
+				</p>
+			</div>
+			<p class="h--gamma">Rahmenbedingungen
+			</p>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Wir werden 2018 weiter daran arbeiten, die Rahmenbedingungen für Freies Wissen zu stärken. Wir klären in den Bereichen Bildung, Wissenschaft und Kultur über die Vorteile Freien Wissens auf und unterstützen die entsprechenden Institutionen aktiv dabei, selbst zu den Wikimedia-Projekten beizutragen und Vorbild für andere zu sein. Im Bereich der Gesetzgebung wollen wir beispielsweise sicherstellen, dass steuerfinanziertes Wissen – wie staatlich beauftragte Studien oder urheberrechtsfreie Informationen aus amtlichen Werken – für Wikipedia und damit von allen frei genutzt werden kann.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/volunteers" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Digitales Ehrenamt unterstützen </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_digitalomat.php

@@ -0,0 +1,97 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">Denis Schroeder (WMDE) (<a href="https://commons.wikimedia.org/wiki/File:Screenshot_Digital-O-Mat.png" target="new">Wikimedia Commons</a>), beschnitten von Atelier Disko für WMDE, <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Digital-O-Mat: die netzpolitische Wahlhilfe</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				2017 war die Bundestagswahl ein Schwerpunkt unserer politischen Arbeit. Digitale Themen, wie das Recht auf Netzzugang oder freie Bildungsmaterialien, die eine wichtige Grundlage für Wikipedia und Freies Wissen bilden, bleiben in der generellen Wahlberichterstattung oft unterrepräsentiert. Wie also stehen die Parteien zu netzpolitisch relevanten Themen, die auch unseren Alltag und unsere Rechte im Internet betreffen?
+			</div>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Um diese Informationslücke zu schließen, hat Wikimedia Deutschland gemeinsam mit Partnerorganisationen, die sich für digitale Freiheitsrechte einsetzen, den Digital-O-Maten entwickelt. Hierzu haben wir alle Parteien, die zur Bundestagswahl 2017 antraten und bei der Sonntagsfrage seit September 2016 konstant mindestens 5% Umfragewerte erreicht hatten, zu Themen wie Bildung, Internetzugang, Software und Open Data befragt.
+					Aus den Fragen und den dazugehörigen Antworten der Parteien ist der Digital-O-Mat entstanden.
+					Die Webseite sollte allen Wahlberechtigten dabei helfen, ein klareres Bild der netzpolitischen Haltung und konkreter Maßnahmen jeder Partei zu gewinnen: Anhand von 12 Positionen zu verschiedenen Themenbereichen konnte per Klick auf ‘stimme zu’, ‘neutral’ oder ‘stimme nicht zu’ abgeglichen werden, welche Partei am ehesten die eigene netzpolitische Haltung widerspiegelt. Dadurch sollte das Online-Werkzeug die Wahlentscheidung erleichtern.
+				</p>
+				<?php if (isset($achievements[0])): ?>
+				<div class="achievement-box">
+					<span class="achievement-box__category t--epsilon">
+						<?= $achievements[0]['category'][$lang] ?>
+					</span>
+					<span class="achievement-box__number h--alpha">
+						<?= $formatNumber($achievements[0]['number'], $lang) ?>
+					</span>
+					<span class="achievement-box__teaser t--delta-serif">
+						<?= $achievements[0]['teaser'][$lang] ?>
+					</span>
+				</div>
+				<?php endif ?>
+				<p>
+					Ganz einem Grundprinzip der Wikipedia folgend, nicht nur Wissen beizutragen, sondern dieses auch mit Quellen zu belegen, wurden die Parteien zudem auch aufgefordert, nicht nur ihre jeweilige Zustimmung oder Ablehnung mitzuteilen, sondern ihre netzpolitischen Positionen durch Erläuterungen näher auszuführen. Per Klick auf die entsprechende Stelle in der Auswertung des Digital-O-Maten konnten sich Interessierte daher auch weiterführende Informationen der Parteien zu den Themenfeldern anzeigen lassen. In den meisten Fällen waren diese Erläuterungen deutlich detaillierter als die Parteiprogramme, sodass hier zusätzliche Informationen verfügbar wurden. Und da der Digital-O-Mat auch nach der Wahl online bleibt, kann später verglichen werden, was die Parteien vor der Wahl gesagt und nach der Wahl getan haben.
+				</p>
+				<p>
+					Mit dem Digital-O-Maten stand 2017 zum ersten Mal für eine Bundestagswahl ein für alle frei zugängliches Online-Vergleichs-Werkzeug speziell für digitale Themen zur Verfügung. Fast 40.000 Mal wurde der Digital-O-Mat vor der Bundestagswahl 2017 genutzt. 2018 planen wir weitere Versionen zu den Landtagswahlen in Bayern und Hessen.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--l">
+			<div class="section__body slider swiper-container loading">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/4YE42ksz4XA?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Networks & Politics - Zwischen nationaler Digitalpolitik und Internet Governance: Internetregulierung in Deutschland nach der Wahl;
+								Networks & Politics - Zwischen nationaler Digitalpolitik und Internet Governance, Kamera und Schnitt: Verena Vargas Koch für Wikimedia Deutschland,
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new"> CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/AsGxYAFe-b8?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Am 10. Oktober 2017 wurde bei Wikimedia Deutschland die von der Bundesregierung befeuerte Debatte über ein so genanntes Dateneigentum diskutiert;
+								Networks & Politics – Luciano Floridi on Data Ownership, Kamera und Schnitt: Verena Vargas Koch für Wikimedia Deutschland,
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new"> CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/8_URZDvowZQ?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Coding da Vinci ist der erste deutsche Hackathon für offene Kulturdaten. Der Film dokumentiert Coding da Vinci in Berlin 2017;
+								Coding da Vinci 2017, Helmbrecht Film für Wikimedia Deutschland,
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new"> CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="swiper-button-next swiper-button-next--black"></div>
+				<div class="swiper-button-prev swiper-button-prev--black"></div>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/glam" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Auf Tour zu Kulturgütern für die Wikipedia </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_fellow.php

@@ -0,0 +1,84 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">Ralf Rebmann (<a href="https://commons.wikimedia.org/wiki/File:Auftaktveranstaltung_Fellow-Programm_Freies_Wissen_2017_189.jpg" target="new">Wikimedia Commons</a>), <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Offene Wissenschaft aktiv vorantreiben</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				Als Gesellschaft zur Förderung Freien Wissens versucht Wikimedia Deutschland, die Grundprinzipien der Wikipedia auf alle gesellschaftlichen Bereiche zu übertragen. Mit dem Fellow-Programm Freies Wissen unterstützen wir deshalb junge Forschende dabei, die Methoden, Daten und Ergebnisse ihrer Arbeit frei verfügbar und für alle Menschen nachnutzbar zu machen. Die Idee ist, dass die Fellows nicht nur selbst lernen, Offene Wissenschaft zu praktizieren, sondern ihre Kenntnisse in den Institutionen weiterverbreiten.
+				Damit setzen wir uns für eine stärkere Öffnung wissenschaftlicher Forschung und Lehre ein.
+			</div>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Das 2016 von Wikimedia Deutschland und dem Stifterverband ins Leben gerufene <a href="https://de.wikiversity.org/wiki/Wikiversity:Fellow-Programm_Freies_Wissen" target="new">Fellow-Programm Freies Wissen</a> ging 2017 in die zweite Runde. Es stellt dem jungen Wissenschafts-Nachwuchs Expertinnen und Experten zur Seite, die ihnen theoretische und praktische Grundlagen einer offenen wissenschaftlichen Arbeitsweise vermitteln. Für das zweite Programmjahr konnte mit der VolkswagenStiftung ein weiterer großer Partner gewonnen werden, sodass wir im Vergleich zum Pilot-Durchlauf die Anzahl der geförderten Fellows von 10 auf 20 verdoppeln konnten.
+				</p>
+				<?php if (isset($achievements[0])): ?>
+				<div class="achievement-box">
+					<span class="achievement-box__category t--epsilon">
+						<?= $achievements[0]['category'][$lang] ?>
+					</span>
+					<span class="achievement-box__number h--alpha">
+						<?= $formatNumber($achievements[0]['number'], $lang) ?>
+					</span>
+					<span class="achievement-box__teaser t--delta-serif">
+						<?= $achievements[0]['teaser'][$lang] ?>
+					</span>
+				</div>
+				<?php endif ?>
+				<p>
+					Die Bandbreite der geförderten Projekte reicht von der Islamwissenschaft über die Neurowissenschaften bis hin zur Klimaforschung. Die Praxis der Forschungsarbeit setzt dabei zum einen auf Transparenz: Prozesse und Datensammlungen werden offen zugänglich dokumentiert. Zum anderen geht es darum, den Austausch mit Communitys jenseits des universitären Bereichs zu suchen. Das Projekt <a href="https://www.ring-a-scientist.org/" target="new">„Ring a Scientist“</a> schlägt beispielsweise eine Brücke zwischen Forschung und Schule. Über eine Internetplattform können sich Lehrerinnen und Lehrer mit Wissenschaftlerinnen und Wissenschaftlern zum Videotelefonat verabreden und ihre Schulklassen zum Beispiel an Live-Versuchen teilhaben lassen, die nur in speziell ausgerüsteten Laboren durchführbar sind. So wird wissenschaftliche Arbeit für Schülerinnen und Schüler auf ganz neue Art erlebbar.
+				</p>
+				<p>
+					Der zweite Programmdurchlauf endet im Juni 2018 mit einer öffentlichen Abschlussveranstaltung, bei der die geförderten Fellows ihre Projekte und Ergebnisse vorstellen. 2018 sollen erneut bis zu 20 Nachwuchs-Wissenschaftlerinnen und -Wissenschaftler im Fellow-Programm Freies Wissen gefördert werden.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--l">
+			<div class="section__body slider swiper-container loading">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/ZQ6iXhlwBAM?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Das Fellow-Programm Freies Wissen ist ein gemeinsames Projekt von Wikimedia Deutschland, dem Stifterverband und der VolkswagenStiftung, und richtet sich an Nachwuchswissenschaftlerinnen und -wissenschaftler, die ihre Forschungsprozesse offen gestalten möchten;
+								Fellow-Programm Freies Wissen, Kamera: Ian Delú, Joana Kauer, Schnitt: Joana Kauer für Wikimedia Deutschland,
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new"> CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--s">
+			<div class="border-box border-box--report">
+				<div class="t--delta">LINKS</div>
+				<p>
+					Die beiden Programm-Verantwortlichen bei Wikimedia, Sarah Behrens und Christopher Schwarzkopf, erzählen im im Open Science Radio mehr über die Idee, die Motivation, den bereits erfolgreich absolvierten ersten Durchlauf, sowie den gegenwärtigen Durchlauf und die Zukunft des Programms.
+				</p>
+				<ul class="bullet-list">
+					<li><a href="http://www.openscienceradio.org/2017/12/12/osr094-freies-wissen-in-der-wissenschaft-wmde-de/" target="new">Folge 1</a></li>
+					<li><a href="http://www.openscienceradio.org/2018/02/07/osr096-fellow-programm-projekte-ring-a-scientist-organizing-openness-wmde-de/" target="new">Folge 2</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/2017" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Das Jahr 2017 bei Wikimedia Deutschland </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_glam.php

@@ -0,0 +1,49 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">Brunswyk (<a href="https://commons.wikimedia.org/wiki/File:GLAM-on-Tour_Museum_Schloss_Fuerstenberg_Wikipedianer_bei_der_Arbeit_(Brunswyk_2017).JPG" target="new">Wikimedia Commons</a>), <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Auf Tour zu Kulturgütern für die Wikipedia</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				Gemeinsam mit Freiwilligen durch Kooperationen mit Institutionen Kulturgüter zu befreien und sie der Menschheit kostenfrei zugänglich zu machen – diese wilde Idee verfolgt Wikimedia mit seiner <a href="https://de.wikipedia.org/wiki/Wikipedia:GLAM" target="new">GLAM-Arbeit</a>. Die Abkürzung steht dabei für die Institutionen, die von der freien Zugänglichkeit von Kulturdaten begeistert werden sollen: Galleries, Libraries, Archives and Museums (Galerien, Bibliotheken, Archive und Museen). Zahlreiche spannende Partnerschaften sind aufgrund des Engagements der Wikimedia-Community 2017 neu entstanden und weiter gewachsen.
+			</div>
+			<?php if (isset($achievements[0])): ?>
+			<div class="achievement-box">
+				<span class="achievement-box__category t--epsilon">
+					<?= $achievements[0]['category'][$lang] ?>
+				</span>
+				<span class="achievement-box__number h--alpha">
+					<?= $formatNumber($achievements[0]['number'], $lang) ?>
+				</span>
+				<span class="achievement-box__teaser t--delta-serif">
+					<?= $achievements[0]['teaser'][$lang] ?>
+				</span>
+			</div>
+			<?php endif ?>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Mit dem Format GLAM on Tour fördern wir die Kooperation zwischen Freiwilligen aus den Wikimedia-Projekten und Kulturinstitutionen. Acht Tour-Stationen fanden 2017 statt und führten von der Musikinstrumente-Abteilung des Museums für Kunst und Gewerbe in Hamburg bis zum Monte Verità im Tessin. Bei Sonderführungen, wissenschaftlichen Vorträgen und Schreibwerkstätten erwarben Freiwillige in der direkten Zusammenarbeit mit Vertretenden der Institutionen zusätzliches Fachwissen, das sie anschließend in den Wikimedia-Projekten mit der ganzen Welt teilten.
+				</p>
+				<p>
+					2017 waren beispielsweise 21 Wikipedia-Aktive zu Gast im Schloss Fürstenberg und erweiterten ihr Wissen rund um eine der ältesten Porzellanmanufakturen Deutschlands. Ein ganzes Wochenende lang erhielten die Ehrenamtlichen exklusive Einblicke in die Porzellan-Produktionsstätten des Museums, hörten Expertenvorträge und arbeiteten gemeinsam daran, das Wissen rund um das Kulturgut Porzellan in der Wikipedia festzuhalten: 39 neue Artikel wurden erstellt, 25 bestehende erweitert und viele weitere mit neuen Bildern versehen. Die Wertschätzung der Ehrenamtlichen und ihrer Arbeit für die Wikipedia wurde nicht zuletzt durch die Anwesenheit des Bürgermeisters am Begrüßungstag deutlich.  
+				</p>
+				<p>
+					Auch 2018 werden wir versuchen, die Freiwilligen weiter mit den GLAM-Institutionen zu vernetzen. Einen großen Stellenwert wird auch das Europäische Kulturerbejahr einnehmen, das über unsere Grenzen hinaus das Bewusstsein für das gemeinsame europäische Kulturerbe stärken soll.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/fellow" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Offene Wissenschaft aktiv vorantreiben </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_international.php

@@ -0,0 +1,82 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">Jason Krüger for Wikimedia Deutschland e.V. (<a href="https://commons.wikimedia.org/wiki/File:Wikimedia_Conference_2017_–_147.jpg" target="new">Wikimedia Commons</a>), <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Wikimedias strategische Ausrichtung anpacken</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				Was möchten wir – die internationale Wikimedia-Bewegung – in den nächsten 10-15 Jahren aufbauen und erreichen? Wofür soll Wikimedia im Jahr 2030 in der Welt bekannt sein? Und wer wird sich unserer Bewegung angeschlossen haben? Diesen großen Fragen widmeten sich im Jahr 2017 hunderte von Menschen und Organisationen, die gemeinsam die Zukunft von Wikimedia gestalten möchten. In einem groß angelegten, globalen Strategieprozess  <a href="https://meta.wikimedia.org/wiki/Strategy/Wikimedia_movement/2017/de" target="new">„Wikimedia 2030“</a> wurden sowohl Wikimedianerinnen und Wikimedianer als auch viele externe Partnerorganisationen sowie Lesende und Spendende zur Zukunft Wikimedias befragt. Mithilfe dieser vielfältigen Beiträge sowie begleitenden Recherchen und Analysen haben wir im internationalen Movement-Strategieprozess eine neue Strategische Ausrichtung entwickelt.
+			</div>
+			<?php if (isset($achievements[0])): ?>
+			<div class="achievement-box">
+				<span class="achievement-box__category t--epsilon">
+					<?= $achievements[0]['category'][$lang] ?>
+				</span>
+				<span class="achievement-box__number h--alpha">
+					<?= $formatNumber($achievements[0]['number'], $lang) ?>
+				</span>
+				<span class="achievement-box__teaser t--delta-serif">
+					<?= $achievements[0]['teaser'][$lang] ?>
+				</span>
+			</div>
+			<?php endif ?>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Zum ersten Mal bekennt sich Wikimedia dazu, eine soziale Bewegung zu sein, die weit über die Grenzen der Enzyklopädie hinaus auf die Gesellschaft wirken will: Wir wollen die essenzielle Infrastruktur im Ökosystems des Freien Wissens werden. Alle, die unsere Vision teilen, können sich uns anschließen. Dabei legen wir besonderen Fokus auf die Konzepte „Wissen als Dienst“ und „Gerechtigkeit des Wissens“.
+				</p>
+				<p>
+					Wissen als Dienst: Wir werden zu einer Plattform, die über Schnittstellen und Communitys der ganzen Welt Freies Wissen anbietet, immer mit dem Ziel, verschiedene Arten von Freiem Wissen zu sammeln und möglichst vielen Organisationen, Menschen und Maschinen zur Verfügung zu stellen.
+				</p>
+				<p>
+					Gerechtigkeit des Wissens bedeutet, dass wir uns verstärkt den Menschen und dem Wissen zuwenden, die bisher aufgrund von Machtstrukturen und Privilegien sowie politischen oder sozialen Hürden ausgeschlossen waren.
+				</p>
+				<p>
+					Diese strategische Ausrichtung wurde von einer überwältigenden Mehrheit an Wikimedia-Organisationen unterstützt, und auch Wikimedia Deutschland hat sie aus ganzem Herzen bestätigt. Jetzt ist es die Aufgabe aller Beteiligten innerhalb der Wikimedia-Bewegung, gemeinsam mit unseren Partnern herauszufinden, wie wir die neue Ausrichtung in unsere tägliche Arbeit integrieren. Die Zeichen stehen auf Wandel, und Wikimedia Deutschland wird sich auch in der nächsten Phase des Prozesses aktiv in die internationale Debatte einbringen.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--l">
+			<div class="section__body slider swiper-container loading">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/5CKFKyc7We4?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Welche Zukunft möchten wir gemeinsam aufbauen? Dieses Video zeigt den globalen Prozess 2017, die zukünftige Rolle von Wikimedia in der Welt zu definieren;
+								Wikimedia 2030, Wikimedia Foundation,
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new">CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--s">
+			<div class="border-box border-box--report">
+				<div class="t--delta">LINKS</div>
+				<ul class="bullet-list">
+					<li><a href="https://meta.wikimedia.org/wiki/Strategy/Wikimedia_movement/2017/Direction/de#Unsere_Strategische_Ausrichtung:_Dienst_und_Gerechtigkeit" target="new">Die strategische Ausrichtung von Wikimedia</a></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/2018" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Ausblick: So geht es 2018 weiter </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_knowledge.php

@@ -0,0 +1,49 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">Elisabeth Mandl (WMDE) (<a href="https://commons.wikimedia.org/wiki/File:22._Mitgliederversammlung_28.jpg" target="new">Wikimedia Commons</a>), <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Einfacher Wissen teilen</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				Wer die richtigen Werkzeuge hat, kann leichter tolle Sachen erschaffen. Auch die ehrenamtlichen Autorinnen und Autoren, die die Inhalte der Wikipedia erstellen, brauchen die bestmöglichen Werkzeuge, damit sie so reibungslos wie möglich zu Freiem Wissen beitragen können. Mit dem Projekt <a href="https://de.wikipedia.org/wiki/Wikipedia:Technische_Wünsche" target="new">Technische Wünsche</a> verbessern wir die Software hinter der Wikipedia und entwickeln bessere Werkzeuge gemeinsam mit denen, die sie nutzen: den Ehrenamtlichen aus den Wikimedia-Projekten.
+			</div>
+			<div class="section__body t--gamma-serif">
+				<p>
+					2017 haben insgesamt 450 Wikimedia-Aktive (doppelt so viele wie bei der letzten Umfrage) 188 technische Wünsche eingereicht, diskutiert und priorisiert. Umgesetzt wurde 2017 unter anderem ein erweitertes Suchformular, das komplexere Suchanfragen innerhalb der Wikipedia enorm erleichtert. Ein weiterer erfüllter Wunsch besteht in der verbesserten Ansicht zwischen zwei Bearbeitungsständen eines Wikipedia-Artikels. Textänderungen innerhalb eines hinzugefügten Abschnitts werden jetzt hervorgehoben und können somit viel besser nachvollzogen werden.
+				</p>
+				<?php if (isset($achievements[0])): ?>
+				<div class="achievement-box">
+					<span class="achievement-box__category t--epsilon">
+						<?= $achievements[0]['category'][$lang] ?>
+					</span>
+					<span class="achievement-box__number h--alpha">
+						<?= $formatNumber($achievements[0]['number'], $lang) ?>
+					</span>
+					<span class="achievement-box__teaser t--delta-serif">
+						<?= $achievements[0]['teaser'][$lang] ?>
+					</span>
+				</div>
+				<?php endif ?>
+				<p>
+					Die entwickelten neuen Werkzeuge kommen aber nicht nur den Aktiven innerhalb der deutschen Wikipedia zugute: Sie erleichtern die Arbeit nicht nur in den fast 300 Wikipedia-Sprachversionen, sondern in sämtlichen Wikimedia-Projekten aller Sprachen. Denn auch wenn die Ideen aus der deutschsprachigen Wikipedia kommen, müssen die neuen Funktionen international nutzbar sein. Dafür müssen sie beispielsweise auch für Sprachen funktionieren, in denen von rechts nach links geschrieben wird.
+				</p>
+				<p>
+					Das wichtigste Werkzeug für die Erfüllung von technischen Wünschen bleibt der Kontakt zu den Ehrenamtlichen und ein offenes Ohr für deren Bedürfnisse. Die 2017 neu eingerichtete wöchentliche Online-Beratungsstunde mit dem Entwicklerteam von Wikimedia Deutschland wurde sehr gut angenommen und bereichert die Arbeit auf beiden Seiten. Auch mit den Entwicklerteams der Wikimedia Foundation in San Francisco arbeiten wir eng zusammen  und tauschen uns regelmäßig aus. 2018 werden weitere technische Wünsche erfüllt und neue Funktionen bereitgestellt, um die Arbeit an Freiem Wissen noch einfacher zu gestalten.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/wikicon" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> WikidataCon: die erste internationale Konferenz rund um Wikidata </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_members.php

@@ -0,0 +1,72 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">René Zieger (<a href="https://commons.wikimedia.org/wiki/File:171118_Wikimedia_MV_08.jpg" target="new">Wikimedia Commons</a>), <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Schon Mitglied?</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				All unsere Projekte sind nur Dank der finanziellen Unterstützung der vielen tausend Spendenden und unserer Vereinsmitglieder möglich. Im Jahr 2017 haben wir eine neue Rekordzahl an Mitgliedern erreicht. Mehr als 65.000 Menschen unterstützen uns mittlerweile in unserem Engagement für Freies Wissen. Damit hat sich die Zahl der Mitglieder allein in den vergangenen zwei Jahren mehr als verdoppelt.
+			</div>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Neben richtungsweisenden Entscheidungen wie der Zustimmung zur neuen strategischen Ausrichtung der internationalen Wikimedia-Bewegung standen beide Versammlungen ganz im Zeichen des „aufeinander Zugehens“. Eines unserer größten Ziele war es, vor Ort unsere Arbeit und unsere Projekte noch erlebbarer zu machen und die Mitglieder aktiv ins Vereinsgeschehen miteinzubeziehen. Aus diesem Grund wurde der formelle Teil erstmals von einem bunten Rahmenprogramm begleitet. In Bamberg gab es den <b>„Jahrmarkt des Freien Wissens“</b> in Berlin öffneten wir die Tore zum <b>„Haus des Freien Wissens“.</b>
+				</p>
+				<p>
+					Dabei gab es viel zu entdecken: In Bamberg diskutierten die Mitglieder zum Beispiel über die Zukunft der Wikipedia und machten bei einer Fototour durch die Stadt Bilder für das freie Medienarchiv Wikimedia Commons. In Berlin konnten die Besuchenden die zehn Gewinner des Fotowettbewerbs „Wiki Loves Monuments“ bestaunen und lernten beim interaktiven „politischen Positionenraten“, welche Meinungen einzelne politische Akteure vertreten und welche Auswirkungen diese auf Freies Wissen haben.
+				</p>
+				<?php if (isset($achievements[0])): ?>
+				<div class="achievement-box">
+					<span class="achievement-box__category t--epsilon">
+						<?= $achievements[0]['category'][$lang] ?>
+					</span>
+					<span class="achievement-box__number h--alpha">
+						<?= $formatNumber($achievements[0]['number'], $lang) ?>
+					</span>
+					<span class="achievement-box__teaser t--delta-serif">
+						<?= $achievements[0]['teaser'][$lang] ?>
+					</span>
+				</div>
+				<?php endif ?>
+				<p>
+					Auf großes Interesse stießen auch wieder unsere Einführungskurse, bei denen die Mitglieder zusammen mit den Referentinnen und Referenten jede Menge Wissenswertes über die Wikipedia, die freie Wissensdatenbank Wikidata und das freie Medienarchiv Wikimedia Commons lernten. In Berlin informierte außerdem die neu gegründete Arbeitsgemeinschaft Partizipation die Teilnehmenden in einem Workshop über die zahlreichen Beteiligungsmöglichkeiten innerhalb des Vereins.
+				</p>
+				<p>
+					Auch 2018 wird es wieder zwei Mitgliederversammlungen geben. Am 26. Mai sind wir im Zentrum für Kunst und Medien in Karlsruhe zu Gast. Dort werden wir unser Rahmenprogramm „Zentrum des Freien Wissens“ noch weiter ausbauen und es erstmals auch für die Öffentlichkeit zugänglich machen, um so noch mehr Menschen von unserer Arbeit und unseren Projekten begeistern zu können. Die zweite Mitgliederversammlung findet am 1. Dezember 2018 in Berlin statt. Hier steht vor allem die Wahl des neuen Präsidiums im Mittelpunkt.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--l">
+			<div class="section__body slider swiper-container loading">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/ys1Xc_iCId0?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Die 20. Mitgliederversammlung von Wikimedia Deutschland am 17.06.2017 in Bamberg;
+								Mitgliederversammlung Wikimedia Deutschland 2017, Kreative Leitung: Elisabeth Mandl, Kamera und Schnitt: Stefan Brainbauer für Wikimedia Deutschland,
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new"> CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/international" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Wikimedias strategische Ausrichtung anpacken </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_newvolunteers.php

@@ -0,0 +1,77 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">Lena Schall (motionensemble.de) (<a href="https://commons.wikimedia.org/wiki/File:Figur_Machmit_3_Wikipedia-Animation.png" target="new">Wikimedia Commons</a>), <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Mehr Menschen für die Wikipedia begeistern</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				Fast alle Menschen haben schon einmal in der Wikipedia etwas nachgeschlagen, manche vielleicht nur ein paarmal, viele auch täglich. Die freie Online-Enzyklopädie ist jedenfalls aus unserem Alltag nicht mehr wegzudenken. Dabei machen sich die meisten allerdings nur selten bewusst, dass die Wikipedia ausschließlich von ehrenamtlichen Autorinnen und Autoren in ihrer Freizeit erstellt wird. Aber die Zahl der Aktiven, die die deutschsprachige Wikipedia mit ihrem Wissen lebendig halten, indem sie Artikel schreiben, ergänzen, verbessern, aktualisieren und bebildern, sinkt seit mehreren Jahren. Die rückläufigen Zahlen der Wikipedia-Autorenschaft sehen wir als eine Gefahr für eine lebendige und vielfältige Community und die Qualität der Inhalte der Wikipedia. 2017 haben wir versucht, dieser Entwicklung entgegenzuwirken.
+			</div>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Aber wie überzeugt man Menschen, die Wikipedia hauptsächlich als Nachschlagewerk nutzen, davon, sich aktiv an der Wikipedia zu beteiligen? 2017 haben wir das mit insgesamt <a href="https://de.wikipedia.org/wiki/Wikipedia:Wikimedia_Deutschland/Neue_Ehrenamtliche" target="new">vier Bannerkampagnen</a> versucht. In der Wikipedia haben wir ganz konkrete Aufrufe zur Beteiligung eingeblendet: Zum Beispiel mit der Korrektur von Fehlern oder dem Bebildern von Artikeln. Wer als Wikipedia-Leserin oder -Leser auf eines der Banner klickte, gelangte zu einer Seite mit weiterführenden Hilfsangeboten wie erklärende Videos, Online-Trainings oder geführte Touren, die Neulingen den Einstieg in die Wikipedia erleichtern sollten.
+				</p>
+				<p>
+					In den vier Kampagnen haben wir verschiedene Ideen und Annahmen getestet. Was spricht die Lesenden der Wikipedia wohl eher an: eine schlichte und nüchterne oder doch eine eher bunte und auffällige Gestaltung der Banner? Was motiviert besser: zur allgemeinen Mitarbeit aufrufen, oder schon im Banner zeigen wie man ganz einfach eine Quelle zum Artikel ergänzt? Wir haben diese und viele andere Dinge in den vier Kampagnen ausprobiert und die Ergebnisse ausgewertet. Im Laufe des Jahres wurden die Erkenntnisse aus den vorherigen Kampagnen für die weiteren genutzt.
+				</p>
+				<?php if (isset($achievements[0])): ?>
+				<div class="achievement-box">
+					<span class="achievement-box__category t--epsilon">
+						<?= $achievements[0]['category'][$lang] ?>
+					</span>
+					<span class="achievement-box__number h--alpha">
+						<?= $formatNumber($achievements[0]['number'], $lang) ?>
+					</span>
+					<span class="achievement-box__teaser t--delta-serif">
+						<?= $achievements[0]['teaser'][$lang] ?>
+					</span>
+				</div>
+				<?php endif ?>
+				<p>
+					Dabei konnten wir einige Erfolge verzeichnen. 1.531 Menschen haben sich aufgrund unserer Bannerkampagnen ein Benutzerkonto in der Wikipedia angelegt, 334 von ihnen haben auch erfolgreich begonnen, in der Wikipedia Artikel zu bearbeiten. Das bedeutet, dass wir Menschen davon überzeugen können, mit ihrem Wissen aktiv die Wikipedia zu bereichern. Die von uns produzierten Hilfsmittel konnten gut vermitteln, wie die Mitarbeit bei Wikipedia funktioniert.
+				</p>
+					Haben wir mit unseren Bannerkampagnen 2017 nun die Gefahr, die von den sinkenden Autorenzahlen für die Wikipedia ausgeht, gebannt? Eindeutig nein. Aber wir haben viel dazugelernt. Wir wissen beispielsweise, dass sich während der Kampagnenzeit mehr Menschen als sonst ein Benutzerkonto anlegen, um in der Wikipedia zu editieren.
+					Das bedeutet, dass Kampagnen Leserinnen und Leser erreichen und sie überzeugen. Aus Befragungen wissen wir, dass es immer noch zu wenig Bewusstsein darüber gibt, dass alle zur Wikipedia beitragen können. Mit den Kampagnen stärken wir dieses Bewusstsein.
+				<p>
+					Trotzdem sind Online-Kampagnen nur ein erster Schritt. Sie erwecken Aufmerksamkeit. Aber der Weg zum Wikipedia-Aktiven ist lang. 2018 wollen wir aufgrund unserer Erkenntnisse aus der Kampagnenarbeit 2017 neue Möglichkeiten entwickeln und testen. Wir werden die <a href="https://de.wikipedia.org/wiki/Wikipedia:Wikimedia_Deutschland/LerneWikipedia" target="new">Hilfsangebote</a> für Neueinsteigende weiter verbessern und damit den Anteil derjenigen erhöhen, die regelmäßig zur Wikipedia beitragen. Des Weiteren werden wir die bestehende Community dabei unterstützen, neue Autorinnen und Autoren der Wikipedia bei ihrem Einstieg in die Welt des Freien Wissens bestmöglich zu begleiten.
+				</p>
+				<p>
+
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--l">
+			<div class="section__body slider swiper-container loading">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/CL3P62YWOY4?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Auf der 20. Mitgliederversammlung von Wikimedia Deutschland am 17.06.2017 in Bamberg wird der Vereinsschwerpunkt „Neue Freiwillige für die Wikipedia gewinnen und halten“ vorgestellt;
+								<a href="http://commons.wikimedia.org/wiki/File:Neue_Ehrenamtliche_gewinnen_und_halten_-_Video_von_der_20._Mitgliederversammlung_-_Langversion.webm" target="new">Wikimedia Deutschland sucht neue Freiwillige für die Wikipedia</a>, kreative Leitung: Elisabeth Mandl, Kamera und Schnitt: Stefan Brainbauer für Wikimedia Deutschland
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new">CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/knowledge" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Einfacher Wissen teilen </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_volunteers.php

@@ -0,0 +1,87 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">Steffen Prößdorf (<a href="https://commons.wikimedia.org/wiki/File:Gruppenfoto_WikiCon2017_IMG_9159_LR10_by_Stepro.jpg" target="new">Wikimedia Commons</a>), <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>Digitales Ehrenamt unterstützen</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				Ehrenamtliche Autorinnen und Autoren teilen in der freien Enzyklopädie Wikipedia kostenlos ihr Wissen, indem sie Fehler verbessern, Fotos einbinden, Informationen aktuell halten und ganze Artikel schreiben. Nach dem gleichen Prinzip funktionieren neben Wikipedia noch eine ganze Reihe anderer Wikimedia-Projekte, vom freien Reiseführer <a href="https://de.wikivoyage.org/wiki/Hauptseite" target="new">Wikivoyage</a> über das freie Wörterbuch <a href="https://de.wiktionary.org/wiki/Wiktionary:Hauptseite" target="new">Wiktionary</a> bis hin zur freien Wissensdatenbank <a href="https://www.wikidata.org/wiki/Wikidata:Main_Page" target="new">Wikidata</a>. Wir verstehen das Engagement in den Wikimedia-Wissensprojekten als digitales Ehrenamt und unterstützen und stärken es, wo immer wir können. Denn ohne den unermüdlichen Einsatz von vielen tausend Freiwilligen würden Projekte wie die Wikipedia nicht existieren.
+			</div>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Deswegen ist die Förderung der Freiwilligen fester Bestandteil der Arbeit von Wikimedia Deutschland. Sie verfolgt das Ziel, möglichst allen Interessierten zu ermöglichen, ihren eigenen Beitrag zu Freiem Wissen zu leisten und etwaige Hürden aus dem Weg zu räumen. Die Formen der Unterstützung für Ehrenamtliche sind dabei ganz unterschiedlich und auf den jeweiligen organisatorischen und finanziellen Aufwand der einzelnen Projekte und Vorhaben zugeschnitten.
+				</p>
+				<?php if (isset($achievements[0])): ?>
+				<div class="achievement-box">
+					<span class="achievement-box__category t--epsilon">
+						<?= $achievements[0]['category'][$lang] ?>
+					</span>
+					<span class="achievement-box__number h--alpha">
+						<?= $formatNumber($achievements[0]['number'], $lang) ?>
+					</span>
+					<span class="achievement-box__teaser t--delta-serif">
+						<?= $achievements[0]['teaser'][$lang] ?>
+					</span>
+				</div>
+				<?php endif ?>
+				<p>
+					Es ist beispielsweise enorm wichtig, dass sich die Aktiven der Wikimedia-Projekte auch jenseits der digitalen Welt, also „in echt“ treffen können, um gemeinsam über neue Vorhaben zu sprechen, Projekte voranzutreiben, an Artikeln zu arbeiten, sich auszutauschen oder auch Konflikte zu lösen. Wissen entsteht eben am besten in der Gemeinschaft, denn gemeinsam wissen wir mehr. Wie in den Jahren zuvor, hat Wikimedia Deutschland auch 2017 zahlreiche Treffen von Wikimedia-Aktiven ermöglicht. Beim größten davon, der <a href="https://de.wikipedia.org/wiki/Wikipedia:WikiCon_2017" target="new">WikiCon</a>, trafen sich 287 Ehrenamtliche der deutschsprachigen Wikimedia-Communitys in Leipzig. Neben der Erstattung von Reise- und Hotelkosten unterstützte der Verein auch bei der Organisation und Durchführung der dreitägigen Veranstaltung.
+				</p>
+				<p>
+					Auch mit der Unterstützung <a href="https://de.wikipedia.org/wiki/Wikipedia:Förderung/Lokale_Community-Räume" target="new">lokaler Wikipedia-Büros</a> hat Wikimedia Deutschland in den letzten Jahren die Arbeit an den digitalen Wikimedia-Wissensprojekten erleichtert und stetig erweitert. Wie schon in Köln, Hamburg und München wurde 2017 mit dem <a href="https://de.wikipedia.org/wiki/Wikipedia:WikiBär" target="new">„WikiBär“</a> der neueste Community-Standort in Berlin eröffnet. Hier können Ehrenamtliche beispielsweise öffentliche Wikipedia-Einführungskurse oder Editier-Workshops anbieten, gemeinsam an ihren Projekten arbeiten und so ihre Begeisterung für Projekte wie die Wikipedia leichter der Öffentlichkeit zeigen und erklären, wie man sich einfach beteiligen kann. Dazu haben wir 2017 auch diverse Materialien wie Informationsflyer und Broschüren rund um die Arbeit in verschiedenen Wikimedia-Projekten erstellt.
+				</p>
+				<?php if (isset($achievements[1])): ?>
+				<div class="achievement-box">
+					<span class="achievement-box__category t--epsilon">
+						<?= $achievements[1]['category'][$lang] ?>
+					</span>
+					<span class="achievement-box__number h--alpha">
+						<?= $achievements[1]['number'] ?>
+					</span>
+					<span class="achievement-box__teaser t--delta-serif">
+						<?= $achievements[1]['teaser'][$lang] ?>
+					</span>
+				</div>
+				<?php endif ?>
+				<p>
+					Außerdem unterstützen wir das digitale Engagement für Freies Wissen in den Wikimedia-Projekten durch individuelle <a href="https://de.wikipedia.org/wiki/Wikipedia:Förderung" target="new">Projekt-Förderung</a>, zum Beispiel in Form von Akkreditierungen für Events, Literaturstipendien oder der Bereitstellung von Foto- oder Videoausrüstungen. Insgesamt 5.844 Freiwillige wurden 2017 bei ihren Aktivitäten rund um die Wikimedia-Projekte gefördert. Mit dem „Förderbarometer“ haben wir 2017 zudem ein neues Werkzeug entwickelt, um unsere Freiwilligenförderung besser evaluieren können. Die Auswertung des Förderbarometers 2017 zeigt, dass 81 Prozent der geförderten Personen unsere Förderung als sehr nützlich beschrieben und mit 9 oder 10 Punkten auf einer 10er-Skala bewerten – der Durchschnittswert lag bei 9,46. Dies ist ein schöner Beleg dafür, dass die Freiwilligen mit unserer Arbeit sehr zufrieden sind – und zugleich auch ein Ansporn, diesen Wert im nächsten Jahr noch zu erhöhen.
+				</p>
+				<p>
+					Das Jahr 2017 war in Hinblick auf unsere Förderarbeit produktiv und erfolgreich. Und auch 2018 wollen wir die Unterstützung der Ehrenamtlichen weiter verbessern, damit noch mehr Menschen durch unsere Förderung zu Freiem Wissen beitragen können. Wir werden große Projekte noch intensiver begleiten, beispielsweise auch den größten Fotowettbewerb der Welt „Wiki Loves Monuments„, der 2018 ganz im Zeichen des Weltkulturerbe-Jahres steht und bei dem wir mit dem Deutschen Nationalkomitee für Denkmalschutz und der Deutschen UNESCO-Kommission zusammenarbeiten. Wir werden außerdem Kooperationsprojekte zwischen Wikimedia-Projekten und anderen Projekten initiieren und so versuchen, neue Gruppen für Freies Wissen zu erschließen.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--l">
+			<div class="section__body slider swiper-container loading">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/ZJ6ecOJaGiw?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Aufruf zum Mitmachen beim Fotowettbewerb Wiki Loves Monuments; <a href="http://commons.wikimedia.org/wiki/File:Wiki_loves_Monuments_2017_Video.webm" target="new">Wiki Loves Monuments 2017</a>, Wiki Loves Monuments 2017 by Wikimedia UK, bearbeitet von Elisabeth Mandl (Wikimedia Deutschland),
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new">CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/newvolunteers" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Mehr Menschen für die Wikipedia begeistern </p>
+		</a>
+	</section>
+</main>

views/pages/de/report_wikicon.php

@@ -0,0 +1,85 @@
+<main class="report-detail">
+	<section
+		class="report-detail-hero cp cp--nav-zone"
+		style="background-image: url(<?= $report['hero'] ?>)"
+	>
+	</section>
+	<section class="section cp report-detail__text">
+		<div class="report-detail hero__caption t--zeta">Fuzheado (<a href="https://commons.wikimedia.org/wiki/File:Wikidatacon-2017-group-pano-1.jpg" target="new">Wikimedia Commons</a>), beschnitten von Atelier Disko für WMDE, <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode" target="new">CC BY-SA 4.0</a></div>
+		<div class="limit--s">
+			<h1 class="section__title h--beta">
+				<em>WikidataCon: die erste internationale Konferenz rund um Wikidata</em>
+			</h1>
+			<div class="section__teaser t--gamma">
+				Was 2012 als leeres Wiki begann, ist mittlerweile zu einer riesigen, für alle frei verfügbaren Wissensdatenbank mit über 47 Millionen Einträgen angewachsen: Wikidata. Möglich gemacht haben das rund 8.000 aktive ehrenamtliche Editorinnen und Editoren aus aller Welt. Den fünften Geburtstag feierte Wikidata deshalb mit einem Event, um die internationale Ehrenamtlichen-Community auch im persönlichen Austausch näher zusammenzubringen: der weltweit ersten WikidataCon.
+			</div>
+			<div class="section__body t--gamma-serif">
+				<p>
+					Seit ihrem Start im Herbst 2012 ist es das Ziel von Wikidata, mehr Menschen mehr Zugang zu mehr Wissen zu ermöglichen. Statt in Form von Artikeln wird das Wissen in Wikidata in Form von sprachunabhängigen Datenobjekten hinterlegt, die gleichzeitig in verschiedenen Sprachen bearbeitet und mit Informationen angereichert werden können. Insgesamt über 51.000 Editorinnen und Editoren haben so schon eine Menge Freies Wissen zur freien Wissensdatenbank hinzugefügt und stetig ausgebaut.
+				</p>
+				<?php if (isset($achievements[0])): ?>
+				<div class="achievement-box">
+					<span class="achievement-box__category t--epsilon">
+						<?= $achievements[0]['category'][$lang] ?>
+					</span>
+					<span class="achievement-box__number h--alpha">
+						<?= $formatNumber($achievements[0]['number'], $lang) ?>
+					</span>
+					<span class="achievement-box__teaser t--delta-serif">
+						<?= $achievements[0]['teaser'][$lang] ?>
+					</span>
+				</div>
+				<?php endif ?>
+				<p>
+					Über 190 Millionen Bearbeitungen von rund 8.000 aktiven ehrenamtlichen Editorinnen und Editoren aus aller Welt verzeichnete die freie Wissensdatenbank allein im Jahr 2017. Zum Vergleich: Im selben Zeitraum haben weltweit knapp 71.000 aktive Wikipedianerinnen und Wikipedianer rund 130 Millionen Bearbeitungen in sämtlichen fast 300 Wikipedia-Sprachversionen getätigt. Damit ist Wikidata aktuell eines der am schnellsten wachsenden Wissensprojekte im gesamten Wikimedia-Universum.
+				</p>
+				<p>
+					2017 wurde der fünfte Geburtstag Wikidatas mit einer von Wikimedia Deutschland ausgerichteten Konferenz von und für die Wikidata-Community begangen. Ende Oktober trafen sich 180 Teilnehmende – Menschen, die Wikidata bearbeiten, die Software dahinter weiterentwickeln, oder die Informationen daraus nutzen – aus aller Welt in Berlin, um ihr Wissen rund um Wikidata zu teilen. In mehr als 100 Vorträgen, Workshops, Diskussionen und vielen weiteren Formaten tauschten sich die Freiwilligen aus. Die Begeisterung aller Teilnehmenden für Wikidata war während der gesamten Konferenz spürbar und verstärkte den Zusammenhalt und das Engagement der internationalen Wikidata-Community.   
+				</p>
+				<p>
+					Dieser Enthusiasmus der Ehrenamtlichen-Community zeichnete sich auch im Konferenz-Programm der WikidataCon ab. In drei Programmsträngen zu den Themen „Bildung und Wissenschaft“, „GLAM“ (Galerien, Bibliotheken, Archive und Museen) und „Datenqualität“ blickten die Teilnehmenden deshalb nicht nur auf Erreichtes zurück, sondern nahmen auch die Zukunft von Wikidata fest in den Blick. Dabei spielte neben der langfristigen Sicherung der Datenqualität und dem strategischen Ausbau der Plattform vor allem eine wichtige Rolle, wie möglichst viele Menschen das in Wikidata gespeicherte Wissen auch nutzen können.</br>
+					Für die Teilnehmenden zeigte sich auf der Konferenz, wie wichtig und inspirierend ein solcher Wissensaustausch für die Arbeit an Ehrenamtlichen-Projekten sein kann. „Die Diversität und Qualität von Wikidata-getriebener Innovation auf der #WikidataCon verdreht mir fast den Kopf [...] In Jahren voller Wikimedia-Events habe ich noch nie einen so hohen Level an technischer Großartigkeit gesehen“ fasste zum Beispiel Jakob @nichtich die Konferenz bei Twitter zusammen. Alle Teilnehmenden zeigten sich deshalb nach der WikidataCon hochmotiviert, das neu erworbene Wissen mit ihren lokalen Communitys zu teilen. Die nächste WikidataCon ist für den 7. Geburtstag der freien Wissensdatenbank 2019 geplant.
+				</p>
+			</div>
+		</div>
+	</section>
+	<section class="section report__links">
+		<div class="limit--l">
+			<div class="section__body slider swiper-container loading">
+				<div class="swiper-wrapper">
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/-qC0otvWIiU?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Am 29. Oktober wurde die freie Wissensdatenbank Wikidata 5 Jahre alt. Wikimedia Deutschland dankt der Community für ihr Engagement!; 5 Jahre Wikidata – Happy Birthday!, Elisabeth Mandl und Denis Schröder für Wikimedia Deutschland,
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new">CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+					<div class="swiper-slide">
+						<div class="video">
+							<div class="video__embed-container">
+								<iframe src="https://www.youtube-nocookie.com/embed/DC32C220Cuw?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+							</div>
+							<div class="video__caption limit--s">
+								Am 22.11.2017 hielt Lydia Pintscher den Vortrag "Wikidata - Curating Data about the World with 17000 Volunteers" im Rahmen der Ringvorlesung "Open Technology For An Open Society" #ot4os , von der Freie Universität Berlin und Wikimedia Deutschland; Lydia Pintscher: Wikidata #ot4os, Kamera und Schnitt: Henning Röhrborn, Wikimedia Deutschland, Freie Universität Berlin, Center für Digitale Systeme (CeDiS);
+								<a href="https://creativecommons.org/licenses/by-sa/4.0/" target="new">CC BY-SA 4.0</a>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="swiper-button-next swiper-button-next--black"></div>
+				<div class="swiper-button-prev swiper-button-prev--black"></div>
+			</div>
+		</div>
+	</section>
+	<section class="report__boxes">
+		<a href="<?= $url('/report', $lang) ?>" class="button button--report">Zur Themenübersicht</a>
+		<a href="/report/digitalomat" class="button button--report">
+			<p class="button--small"> Zum nächsten Thema </p>
+			<p> Digital-O-Mat: die netzpolitische Wahlhilfe </p>
+		</a>
+	</section>
+</main>