hswaw/site: init templates and static from www-main

Retrieved from code.hackerspace.pl/q3k/www-main at
afd7415f582b474e737f830037e4c23178220032 .

No cleanup/conversion yet - straight from the repository.

Change-Id: Ia7ef50483541863cb1a7509607d549cdfe15522e
diff --git a/hswaw/site/static/kontakt.png b/hswaw/site/static/kontakt.png
new file mode 100644
index 0000000..4db0eef
--- /dev/null
+++ b/hswaw/site/static/kontakt.png
Binary files differ
diff --git a/hswaw/site/static/main.css b/hswaw/site/static/main.css
new file mode 100644
index 0000000..cfda0e8
--- /dev/null
+++ b/hswaw/site/static/main.css
@@ -0,0 +1,251 @@
+a.news-title {
+  text-decoration: none;
+  color: #222
+}
+
+p.news-footer {
+  font-size: 12px !important;
+  color: #999;
+  text-align: right !important;
+}
+
+.news-rectangle {
+  background-color: #21a;
+  border-radius: 5px;
+  color: #fff;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: bold;
+  margin: 8px 5px 5px 5px;
+  padding: 0 0 2px 0;
+  text-align: center;
+  vertical-align: middle;
+  width: 80px;
+}
+
+.news .date:before {
+  font-size: 14px;
+  font-weight: bold;
+  display: block;
+  font-family: 'Titillium Web', sans;
+  color: #eee;
+  border-radius: 5px;
+  margin: 8px 0 5px 5px;
+  padding: 0 0 2px 0;
+  vertical-align: middle;
+  text-align: center;
+  width: 80px;
+  margin-right: 0.5em;
+}
+.news .redmine .date:before {
+  content: "redmine";
+  background: #c3352b;
+}
+
+.news .blog .date:before {
+  content: "blog";
+  background: #21a;
+}
+
+ul.news {
+  list-style: none;
+  padding: 0;
+}
+
+ul.news li {
+  border-bottom: 2px groove #fff;
+  padding-top: 8px;
+  padding-right: 16px;
+}
+
+#hs_content .news li {
+  margin: 0;
+}
+
+#about {
+  border-bottom: 2px groove #fff;
+  padding: 15px;
+}
+
+#hs_branding {
+  min-width: 0;
+}
+
+#hs_main {
+  min-width: 0;
+}
+
+body {
+  overflow-x: hidden;
+}
+
+span.date { 
+  font-weight: bold;
+  display: block;
+  width: 90px;
+  text-align: center;
+  float: left;
+}
+
+span.author {
+  text-decoration: italic;
+}
+
+#hs_main {
+  position: relative;
+}
+
+#left {
+  border-right: 2px groove #fff;
+  margin-right: 320px;
+}
+
+#right {
+  position: absolute;
+  width: 300px;
+  top: 100px;
+  padding-top: 16px;
+  right: 0;
+  margin-right: 20px;
+  font-size: 16px;
+}
+
+.clear {
+  clear: both;
+  display: block;
+  text-align: center;
+}
+
+.moar {
+  font-family: "Titillium Web", sans;
+  font-weight: bold;
+//  background: url("/static/cutcube.png");
+  background-color: #fd6;
+//  background-color: #2c702a;
+  color: #222;
+  padding: 4px;
+  border-radius: 5px;
+  text-align: center;
+  display: block;
+}
+
+@media screen and (max-width: 1024px) {
+  #hs_branding {
+    width: 95%;
+  }
+  #hs_main {
+    width: 95%;
+  }
+}       
+
+@media screen and (max-width: 625px) {
+  #hs_branding {
+    width: 100%;
+  }
+  #hs_main {
+    width: 100%;
+  }
+  #right {
+    position: static;
+    float: none;
+    width: 100%;
+  }  
+  #left {
+    float: none;
+    width: 100%;
+    margin-right: 0;
+    border-right: 0;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  #hs_branding a {
+    font-size: 1.8em;
+  }
+  #hs_branding li a {
+    font-size: 1.2em;
+  }
+}
+
+#right h4 {
+  margin-bottom: 0px;
+  margin-left: 0px;
+  margin-top: 2px;
+}
+
+h1.mail {
+  margin-bottom: 2px !important;
+}
+
+#right .email-entry {
+  width: 90%;
+  border: 1px groove #777;
+  padding: 2px;
+  background: none repeat scroll 0% 0% rgb(250, 250, 250);
+  color: rgb(34, 34, 34);
+  margin: 10px;
+  font-size: 14px;
+}
+
+#right .email-submit {
+  padding: 4px 14px 4px 14px;
+}
+
+.mailcheck {
+  margin-right: 8px;
+  position: relative;
+  top: 2px;
+}
+
+div.mail-desc {
+  font-size: 14px;
+  padding-left: 26px;
+  line-height: 15px;
+}
+
+div.mail-captcha {
+  width: 276px;
+  height: 40px;
+}
+div.mail-captcha img {
+  border: 1px groove #777;
+  width: 80px;
+  height: 30px;
+  float: left;
+}
+
+div.mail-captcha input {
+  float: left;
+  width: 178px !important;
+  height: 26px !important;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+  margin-right: 0 !important;
+}
+
+div.flashes {
+  padding: 0;
+  margin-left: auto;
+  margin-right: auto;
+  width: 80%;
+  margin-bottom: 10px;
+}
+
+div.flashes ul {
+  list-style-type: none;
+  padding: 0 0 5px 0;
+}
+
+div.flashes li {
+  width: 90%;
+  border-radius: 4px;
+  background-color: #308033;
+  padding: 5px;
+  margin-top: 5px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+div.flashes li.error {
+  background-color: #a01023;
+}
diff --git a/hswaw/site/static/mapka.png b/hswaw/site/static/mapka.png
new file mode 100644
index 0000000..8bebd7f
--- /dev/null
+++ b/hswaw/site/static/mapka.png
Binary files differ
diff --git a/hswaw/site/templates/about.html b/hswaw/site/templates/about.html
new file mode 100644
index 0000000..4be3049
--- /dev/null
+++ b/hswaw/site/templates/about.html
@@ -0,0 +1,100 @@
+{% extends 'basic.html' %}
+{% block page_scripts %}
+  <script type="text/javascript" src="https://widgets.twimg.com/j/2/widget.js"></script>
+{% endblock %}
+{% block page_style %}
+  <link rel="stylesheet" href="static/main.css"/>
+{% endblock %}
+{% block title %}O Hackerspace Warszawa{% endblock %}
+{% block content %}
+  <div id="left">
+      <div id="about">
+          <h2><a href="about_en">Read about us in English</a></h2>
+      <h1>O Hackerspace Warszawa</h1>
+      <p>
+        Hackerspace to przestrzeń stworzona i utrzymywana przez grupę kreatywnych osób, które łączy fascynacja 
+        ogólno pojętym tworzeniem w duchu kultury hackerskiej. Przestrzeń stymuluje rozwój projektów, organizując i 
+        użyczając potrzebnych narzędzi. Hackerspace nie zna barier, jeśli masz ciekawy pomysł i szukasz ludzi 
+        chętnych do współpracy lub po prostu potrzebujesz miejsca i sprzętu - zapraszamy! 
+      </p>
+      <p>
+        Jeżeli chcesz się do nas przyłączyć, przeczytaj dokładniejsze informacje o naszych celach i zapisz się 
+        na jedną z naszych list mailingowych. Zapraszamy również w każdy czwartek po 18:00, kiedy hackerspace jest otwarty
+	dla wszystkich zainteresowanych. Posiadamy również mail kontaktowy: <img src="static/kontakt.png"/>
+      </p>
+      <h3>Cele</h3>
+      <ul>
+        <li>Chcemy tworzyć miejsce, w którym ludzie zainteresowani techniką, elektroniką, informatyką, mechaniką, sztuką i pokrewnymi dziedzinami tworzenia mogą się zbierać aby rozmawiać, wymieniać się pomysłami i rozwiązaniami, oraz pracować nad projektami.</li>
+        <li>Chcemy żeby miejsce to było w Warszawie, w miejscu zapewniającym optymalny dojazd, zwłaszcza komunikacją publiczną.</li>
+        <li>Chcemy niezależności, dlatego uznajemy że optymalnym źródłem finansowania są obowiązkowe składki. Składki zostaną wykorzystane na finansowanie miejsca oraz, gdy to zostanie zapewnione, na zakup narzędzi.</li>
+        <li>Chcemy żeby miejsce było otwarte na nowych ludzi i nowe pomysły.</li>
+        <li>Chcemy zebrać narzędzia i wiedzę jak się ich używa w miejscu umożliwiającym ich używanie.</li>
+        <li>Chcemy się rozwijać i poznawać nowe dziedziny wiedzy</li>
+        <li>Chcemy się dobrze bawić.</li>
+      </ul>
+      <h3>Lokalizacja</h3>
+      <p>
+        Warszawski Hackerspace mieści się na podwyższonym parterze w budynku na ul. Wolność 2A.
+        <pre>
+          Warszawski Hackerspace
+	  ul. Wolność 2A
+	  01-018 Warszawa 
+	  52°14'29.8"N 20°59'5.5"E
+        </pre>
+	Wejście od ulicy Żelaznej. Po wejściu na plac/parking należy przejść tunelem pod budynkiem i wejść na klatkę schodową po lewej stronie. 
+      </p>
+      <div style="align:center, text-align:center"><iframe width="90%" height="550" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=20.983859896659855%2C52.24110833176657%2C20.985909104347233%2C52.24213811954793&amp;layer=mapnik&amp;marker=52.241623228644364%2C20.98488450050354" style="border: 1px solid black"></iframe><br /></div><small><a href="https://www.openstreetmap.org/?mlat=52.24162&amp;mlon=20.98488#map=19/52.24162/20.98488">View Larger Map</a></small>
+      <h3>Członkowie</h3>
+      <ul>
+        <li>Hackerspace składa się z członków.</li>
+        <li>O członkostwie decyduje regularne płacenie składek.</li>
+        <li>Członkostwo daje dostęp do hackerspace 24/7.</li>
+        <li>Wszyscy członkowie są równi.</li>
+      </ul>
+      <h3>Składki</h3>
+      <ul>
+        <li><b>Starving Hacker</b>, minimalnie 50 PLN miesięcznie. Ograniczone do uczniów / studentów (lub specjalnych przypadków).</li>
+        <li><b>Fatty Hacker</b>, minimalnie 100 PLN miesięcznie.</li>
+        <li><b>Super-Fatty Hacker</b>, 150 PLN lub więcej dla bogatych Hackerów, którzy chcą dodatkowo wesprzeć rozwój HS.</li>
+      </ul>
+      <p>Potrzebujemy minimalnie 6000 PLN na miesiąc, żeby opłacić czynsz i rachunki. Dodatkowe fundusze są szczególnie potrzebne do dalszej ekspansji (nowe pomieszczenia), a także inwestycje w gadżety promujące, sprzęt i infrastrukturę HS.</p>
+      <h3>Dodatkowe informacje:</h3>
+      <ul>
+        <li>Nasza <a href="https://wiki.hackerspace.pl/faq">lista pytań i odpowiedzi (FAQ)</a></li>
+        <li>Informacje dla osób <a href="https://wiki.hackerspace.pl/jak-dolaczyc">chcących do nas dołączyć</a></li>
+        <li>Samouczek <a href="http://catb.org/~esr/faqs/hacker-howto.html">How To Become A Hacker</a> autorstwa ESR</li>
+      </ul>
+  </div>
+  <div id="right">
+    {% include "subscribe.html" %}
+    <h1 class="twitter">Twitter</h1>
+    <script type="text/javascript">
+    new TWTR.Widget({
+      version: 2,
+      type: 'profile',
+      rpp: 5,
+      interval: 6000,
+      theme: {
+        shell: {
+          background: '#eee',
+          color: '#222'
+        },
+        tweets: {
+          background: '#eee',
+          color: '#222',
+          links: '#001ea6'
+        }
+      },
+      features: {
+        scrollbar: false,
+        loop: false,
+        live: false,
+        hashtags: true,
+        timestamp: true,
+        avatars: true,
+        behavior: 'all'
+      }
+    }).render().setUser('hackerspacepl').start();
+    </script>
+  </div>
+{% endblock %}
diff --git a/hswaw/site/templates/about_en.html b/hswaw/site/templates/about_en.html
new file mode 100644
index 0000000..b76fc00
--- /dev/null
+++ b/hswaw/site/templates/about_en.html
@@ -0,0 +1,98 @@
+{% extends 'basic.html' %}
+{% block page_scripts %}
+  <script type="text/javascript" src="https://widgets.twimg.com/j/2/widget.js"></script>
+{% endblock %}
+{% block page_style %}
+  <link rel="stylesheet" href="static/main.css"/>
+{% endblock %}
+{% block title %}About Warsaw Hackerspace{% endblock %}
+{% block content %}
+  <div id="left">
+      <div id="about">
+          <h2><a href="about">Poczytaj o nas po polsku</a></h2>
+      <h1>About the Warsaw Hackerspace</h1>
+      <p>
+        A hackerspace is a place created and maintained by a group of people whish combines fascination
+        about new technologies with a broadly understood creativity and hacker spirit. A hackerspace stimulates
+        the development of interesting projects by supplying necessary tools and attracting people with knowledge to
+        use them. A hackerspace know no limits, if you have an interesting idea and you are looking for people to help you
+        with it's development or simply a place to work - you are most welcome!
+      </p>
+      <p>
+        If you want to join us, read about our goals and join one of our mailing lists. We meet live at the Hackerspace every Thursday from 6pm. We also have a contact email address: <img src="static/kontakt.png"/>.
+      </p>
+      <h3>Warsaw Hackerspace Goals</h3>
+      <ul>
+        <li>We want to maintain a place in which people interested in technology, electronics, informatics, mechanics, art and related activities can meet to talk, exchange ideas, solutions and work together on their projects.</li>
+        <li>We want a Hackerspace to be located in Warsaw, in an easily accessbile place, especially using public transport.</li>
+        <li>We want independence, thats why we think that member fees are the best financial model for us. The collected money is used to rent physical space and buy necessary tools and equipment.</li>
+        <li>We want the Warsaw Hackerspace to be a friendly and open place for new people and ideas.</li>
+        <li>We want to maintain tools and knowledge about their usage in a place which allow for their safe use.</li>
+        <li>We want to develop and explore new areas of interest.</li>
+        <li>We want to have fun.</li>
+      </ul>
+      <h3>Location</h3>
+      <p>
+        The Warsaw Hackerspace is located on the ground floor at Wolność 2A road in Warsaw. The main entrance is from ul. Żelazna. After getting to the parking lot, use the tunnel under the building and enter the stairwell on the left side. 
+	<pre>
+          Warszawski Hackerspace
+	  ul. Wolność 2A
+	  01-018 Warszawa 
+	  52°14'29.8"N 20°59'5.5"E
+        </pre>
+      </p>
+      <div style="align:center, text-align:center"><iframe width="90%" height="550" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=20.983859896659855%2C52.24110833176657%2C20.985909104347233%2C52.24213811954793&amp;layer=mapnik&amp;marker=52.241623228644364%2C20.98488450050354" style="border: 1px solid black"></iframe><br /></div><small><a href="https://www.openstreetmap.org/?mlat=52.24162&amp;mlon=20.98488#map=19/52.24162/20.98488">View Larger Map</a></small>
+      <h3>Membership</h3>
+      <ul>
+        <li>The Hackerspace is by and for members.</li>
+        <li>All members are required to pay a monthly fee.</li>
+        <li>All members are allowed to be in the Hackerspace 24/7.</li>
+        <li>All members are equal.</li>
+      </ul>
+      <h3>Contributions</h3>
+      <ul>
+        <li><b>Starving Hacker</b>, at least 50 PLN per month. Limited to students (and other special financial situations).</li>
+        <li><b>Fatty Hacker</b>, at least 100 PLN per month.</li>
+        <li><b>Super-Fatty Hacker</b>, 150 PLN or more - for rich Hackers who want to support our Hackerspace.</li>
+      </ul>
+      <p>We need at least 6000 PLN per monts to be able to pay the rent and bills. Additional funding is especially needed for further remodelling and adaption of our space, and for investments in gadgets, promotion and infrastructure.</p>
+      <h3>More informations:</h3>
+      <ul>
+        <li>Our <a href="https://wiki.hackerspace.pl/faq">Frequently Asked Questions (FAQ)</a></li>
+        <li>Information for people who wants to <a href="https://wiki.hackerspace.pl/jak-dolaczyc">join us</a></li>
+        <li>Tutorial <a href="http://catb.org/~esr/faqs/hacker-howto.html">How To Become A Hacker</a> by ESR</li>
+      </ul>
+  </div>
+  <div id="right">
+    {% include "subscribe_en.html" %}
+    <h1 class="twitter">Twitter</h1>
+    <script type="text/javascript">
+    new TWTR.Widget({
+      version: 2,
+      type: 'profile',
+      rpp: 5,
+      interval: 6000,
+      theme: {
+        shell: {
+          background: '#eee',
+          color: '#222'
+        },
+        tweets: {
+          background: '#eee',
+          color: '#222',
+          links: '#001ea6'
+        }
+      },
+      features: {
+        scrollbar: false,
+        loop: false,
+        live: false,
+        hashtags: true,
+        timestamp: true,
+        avatars: true,
+        behavior: 'all'
+      }
+    }).render().setUser('hackerspacepl').start();
+    </script>
+  </div>
+{% endblock %}
diff --git a/hswaw/site/templates/basic.html b/hswaw/site/templates/basic.html
new file mode 100644
index 0000000..aa95557
--- /dev/null
+++ b/hswaw/site/templates/basic.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+  {% block head %}
+    <meta charset="utf-8" />
+    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><![endif]-->
+    <title>{% block title %}{% endblock %}</title>
+    <script src="https://static.hackerspace.pl/js/jquery.min.js"></script>
+    {% block checkinator_script %}
+      <script src="https://static.hackerspace.pl/js/checkinator-header.js"></script>
+    {% endblock %}
+    {% block page_scripts %}
+    {% endblock %}
+    {% block basic_style %}
+      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+      <meta name="google-site-verification" content="trUiKRnUNhystQjYg-j5j_0qEn09Wijd94aYhv3RyB8" />
+
+      <link rel="shortcut icon" href="https://static.hackerspace.pl/img/favicon.ico"/>
+      <link rel="apple-touch-icon" href="https://static.hackerspace.pl/img/glider.png"/>
+      <link rel="stylesheet" href="https://static.hackerspace.pl/fonts/news-cycle/stylesheet.css"/>
+      <link rel="stylesheet" href="https://static.hackerspace.pl/fonts/titillium/stylesheet.css"/>
+      <link rel="stylesheet" href="https://static.hackerspace.pl/css/style.css?v=2"/>
+    {% endblock %}
+    {% block page_style %}
+    {% endblock %}
+  {% endblock %}
+</head>
+<body>
+  {% block body %}
+    <a name="top"></a>
+    {% block header %}
+      {% include 'header.html' %}
+    {% endblock %}
+    {% with messages = get_flashed_messages(with_categories=true) %}
+      {% if messages %}
+    <div class="flashes">
+      <ul>
+          {% for category, message in messages %}
+            <li class="{{ category }}">{{ message }}</li>
+          {% endfor %}
+      </ul>
+    </div>
+      {% endif %}
+    {% endwith %}
+    <div id="hs_main">
+      {% block main %}
+      <div id="hs_rotimage">
+        {% block rotimage %}
+          {% include 'rotimage_at.html' %}
+          {% block rotimage_login %}
+            <div class="hs_login_bar">
+              {% block login %}
+                <ul>
+                  <li><a class="action user" href="https://ldap.hackerspace.pl">Member profile</a></li>
+                </ul>
+              {% endblock %}
+            </div>
+          {% endblock %}
+        {% endblock %}
+      </div>
+      {% endblock %}
+      <div id="hs_content">
+        {% block content %}
+        {% endblock %}
+      </div>
+    </div>
+    {% block footer %}
+    {% endblock %}
+  {% endblock %}
+</body>
+</html>
diff --git a/hswaw/site/templates/header.html b/hswaw/site/templates/header.html
new file mode 100644
index 0000000..df49549
--- /dev/null
+++ b/hswaw/site/templates/header.html
@@ -0,0 +1,13 @@
+<header id="hs_branding">
+  <a id="hs_header" href="https://hackerspace.pl/">Warsaw Hackerspace</a>
+  <ul id="hs_header_menu">
+    <li><a href="https://hackerspace.pl/about">about</a></li>
+    <li><a href="https://blog.hackerspace.pl">blog</a></li>
+    <li><a href="https://gallery.hackerspace.pl">gallery</a></li>
+    <li><a href="https://wiki.hackerspace.pl">wiki</a></li>
+    <li><a href="https://code.hackerspace.pl">code</a></li>
+    <li><a href="https://webchat.hackerspace.pl">chat</a></li>
+    <li><a href="https://redmine.hackerspace.pl">tasks</a></li>
+    <li><a href="https://wiki.hackerspace.pl/partners">partners</a></li>
+  </ul>
+</header>
diff --git a/hswaw/site/templates/main.html b/hswaw/site/templates/main.html
new file mode 100644
index 0000000..536ffa7
--- /dev/null
+++ b/hswaw/site/templates/main.html
@@ -0,0 +1,74 @@
+{% extends 'basic.html' %}
+{% block page_scripts %}
+  <script type="text/javascript" src="https://widgets.twimg.com/j/2/widget.js"></script>
+{% endblock %}
+{% block page_style %}
+  <link rel="stylesheet" href="static/main.css"/>
+{% endblock %}
+{% block title %}Hackerspace Warszawa - strona główna{% endblock %}
+{% block content %}
+  <div id="left">
+    <div id="about">
+      <h1>Czym jest Hackerspace?</h1>
+      <p>
+        Hackerspace to przestrzeń stworzona i utrzymywana przez grupę kreatywnych osób, które łączy fascynacja 
+        ogólno pojętym tworzeniem w duchu <a href="http://ultra.ap.krakow.pl/~raj/hacker-howto.html">kultury 
+        hackerskiej</a>. Przestrzeń stymuluje rozwój projektów, organizując i użyczając potrzebnych narzędzi. 
+        Hackerspace nie zna barier, jeśli masz ciekawy pomysł i szukasz ludzi chętnych do współpracy lub po 
+        prostu potrzebujesz miejsca i sprzętu - zapraszamy!
+      </p>
+      <a href="/about" class="moar">Gdzie jesteśmy? Co robimy? Jak do nas dołączyć? Dowiedz się więcej!</a>
+    </div>
+  <h1>Nowości</h1>
+  <ul class="news">
+  {% for e in entries %}
+  <li class="{{e.tag}}">
+      <a class="news-title" href="{{e.link}}">
+        <h3><span class="news-rectangle">blog</span>{{e.title|safe}}</h3>
+      </a>
+      <p class="news">
+        {{e.summary|safe}}
+      </p>
+      <p class="news-footer">
+        Ostatnio aktualizowane {{e.updated_display}} przez {{e.author_detail.name or 'Anonymous'}}
+      </p>
+    </li>
+  {% endfor %}
+  </ul>
+  <h1>Kalendarz</h1>
+  <iframe style="max-width: 750px;width:100%;border: none;" height="315" src="https://owncloud.hackerspace.pl/index.php/apps/calendar/embed/g8toktZrA9fyAHNi"></iframe>
+  </div>
+  <div id="right">
+    {% include "subscribe.html" %}
+    <h1 class="twitter">Twitter</h1>
+    <script type="text/javascript">
+    new TWTR.Widget({
+      version: 2,
+      type: 'profile',
+      rpp: 5,
+      interval: 6000,
+      theme: {
+        shell: {
+          background: '#eee',
+          color: '#222'
+        },
+        tweets: {
+          background: '#eee',
+          color: '#222',
+          links: '#001ea6'
+        }
+      },
+      features: {
+        scrollbar: false,
+        loop: false,
+        live: false,
+        hashtags: true,
+        timestamp: true,
+        avatars: true,
+        behavior: 'all'
+      }
+    }).render().setUser('hackerspacepl').start();
+    </script>
+  </div>
+  <span class="clear"><a href="#top">↑ Powrót na górę ↑</a></span>
+{% endblock %}
diff --git a/hswaw/site/templates/rotimage_at.html b/hswaw/site/templates/rotimage_at.html
new file mode 100644
index 0000000..dc2bf2b
--- /dev/null
+++ b/hswaw/site/templates/rotimage_at.html
@@ -0,0 +1,6 @@
+<div id="status" style="display: none;">
+ <div id="status-tooltip" style="display: none;">
+   <p>Refreshing...</p>
+ </div>
+ <img src="https://static.hackerspace.pl/img/status-open.png" alt="Sorry, we're open! - The Warsaw Hackerspace is open right now." />
+</div>
diff --git a/hswaw/site/templates/subscribe.html b/hswaw/site/templates/subscribe.html
new file mode 100644
index 0000000..61ad4b0
--- /dev/null
+++ b/hswaw/site/templates/subscribe.html
@@ -0,0 +1,19 @@
+<form action="/" method="post">
+  <input name=_csrf_token type=hidden value="{{ csrf_token() }}">
+  <h1 class="mail" style="text-align: center;">Listy mailingowe</h1>
+  <h2 style="text-align: center; margin-top: -6px;">Zapisz się i porozmawiaj</h2>
+  <h4><input name="mail-waw" type="checkbox" class="mailcheck" checked="true" />Warszawska</h4>
+  <div class="mail-desc">Główna lista dyskusyjna hackerspaceu - organizacja i rozwiązywanie problemów.</div>
+  <h4><input name="mail-proj" type="checkbox" class="mailcheck" checked="true"/>Warszawska Projektowa</h4>
+  <div class="mail-desc">Informacje o postępie projektów, pomysły, ogłaszanie sukcesów i porażek.</div>
+  <h4><input name="mail-offtopic" type="checkbox" class="mailcheck" />Off Topic</h4>
+  <div class="mail-desc">Dyskusja o wszystkim i o niczym. Niski stosunek sygnału do szumu.</div>
+  <center>
+    <input type="text" name="email" class="email-entry" placeholder="twoj@email.com" />
+    <div class="mail-captcha">
+        {{ captcha() }}
+        <input type="text" name="captcha" class="email-entry" placeholder="Przepisz CAPTCHA...">
+    </div>
+    <input type="submit" value="Zapisz się" class="email-submit" />
+  </center>
+</form>
diff --git a/hswaw/site/templates/subscribe_en.html b/hswaw/site/templates/subscribe_en.html
new file mode 100644
index 0000000..e8c352c
--- /dev/null
+++ b/hswaw/site/templates/subscribe_en.html
@@ -0,0 +1,19 @@
+<form action="/" method="post">
+  <input name=_csrf_token type=hidden value="{{ csrf_token() }}">
+  <h1 class="mail" style="text-align: center;">Mailing lists</h1>
+  <h2 style="text-align: center; margin-top: -6px;">Subscribe and chat</h2>
+  <h4><input name="mail-waw" type="checkbox" class="mailcheck" checked="true" />Warsaw</h4>
+  <div class="mail-desc">Main discussion list - organization and problem solving.</div>
+  <h4><input name="mail-proj" type="checkbox" class="mailcheck" checked="true"/>Warsaw Projects</h4>
+  <div class="mail-desc">Information about our projects.</div>
+  <h4><input name="mail-offtopic" type="checkbox" class="mailcheck" />Off Topic</h4>
+  <div class="mail-desc">Discussion about everything and nothing. Low signal to noise ratio.</div>
+  <center>
+    <input type="text" name="email" class="email-entry" placeholder="you@example.com" />
+    <div class="mail-captcha">
+        {{ captcha() }}
+        <input type="text" name="captcha" class="email-entry" placeholder="Solve the CAPTCHA...">
+    </div>
+    <input type="submit" value="Subscribe" class="email-submit" />
+  </center>
+</form>