kiberpipa · matejc · Feb 13, 2015 · Feb 15, 2015 · kernc · Feb 13, 2015
diff --git a/_layouts/a4.html → _layouts/a3.html b/_layouts/a4.html → _layouts/a3.html
@@ -4,9 +4,7 @@
     <meta charset="utf-8"/>
     <base href="{{ site.baseurl }}/"/>
     <link rel="stylesheet" href="{{ site.baseurl }}/css/a4.css"/>
-    {% if page.orientation == 'landscape' %}
-    <link rel="stylesheet" href="{{ site.baseurl }}/css/a4landscape.css"/>
-    {% endif %}
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/a3.css"/>
   </head>
   <body>
     {{ content }}

diff --git a/_layouts/paper.html b/_layouts/paper.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html mozNoMarginBoxes mozDisallowSelectionPrint>
+  <head>
+    <meta charset="utf-8"/>
+    <base href="{{ site.baseurl }}/"/>
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/a4.css"/>
+    {% if page.size == 'a3' %}
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/a3.css"/>
+    {% endif %}
+    {% if page.orientation == 'landscape' and page.size != 'a3' %}
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/a4landscape.css"/>
+    {% endif %}
+    {% if page.orientation == 'landscape' and page.size == 'a3' %}
+    <link rel="stylesheet" href="{{ site.baseurl }}/css/a3landscape.css"/>
+    {% endif %}
+  </head>
+  <body>
+    {{ content }}
+  </body>
+</html>
diff --git a/_posts/2014-05-06-vrata-prost-vstop.md b/_posts/2014-05-06-vrata-prost-vstop.md
@@ -1,6 +1,6 @@
 ---
 title: Hackerspace Kiberpipa - Prost vstop
-layout: a4
+layout: paper
 orientation: landscape
 ---
 {::options parse_block_html="true" /}
@@ -18,4 +18,3 @@ PROST VSTOP
 `www.kiberpipa.org`
 {:.center .underline .font20}
 </div>
-
diff --git a/_posts/2014-06-12-hisni-red.md b/_posts/2014-06-12-hisni-red.md
@@ -1,6 +1,6 @@
 ---
 title: Hišni red
-layout: a4
+layout: paper
 ---
 {::options parse_block_html="true" /}
 <div class="a4page">
@@ -42,4 +42,3 @@ Zgledni Kiberpipci ...
 
 ![Kiberpipa](logo/kiberpipa-lezeci.svg){:.float-right}
 </div>
-
diff --git a/_posts/2014-09-21-kiberpipa-ni-gostinski-obrat.md b/_posts/2014-09-21-kiberpipa-ni-gostinski-obrat.md
@@ -1,6 +1,6 @@
 ---
 title: Kiberpipa ni gostinski obrat
-layout: a4
+layout: paper
 ---
 {::options parse_block_html="true" /}
 <div class="a4page justify">
@@ -55,4 +55,3 @@ Hvala.
 
 ![Kiberpipa](logo/kiberpipa-lezeci.svg){:.float-right}
 </div>
-
diff --git a/_posts/2014-10-2-popisni-list.md b/_posts/2014-10-2-popisni-list.md
@@ -1,6 +1,6 @@
 ---
 title: Popisni list
-layout: a4
+layout: paper
 ---
 {::options parse_block_html="true" /}
 
@@ -96,4 +96,3 @@ oz. prek `www.kiberpipa.org/sl/support`{: .underline}.&nbsp; Hvala. `o/`
 | 57 |  |
 {: .pretty}
 </div>
-
diff --git a/_posts/2015-02-13-self-service.md b/_posts/2015-02-13-self-service.md
@@ -0,0 +1,20 @@
+---
+title: Self service
+layout: paper
+size: a3
+---
+{::options parse_block_html="true" /}
+
+<div class="a3page small-caps">
+
+Self service :)
+{: .center .font20}
+
+| | | donation (at least) |
+| ![ClubMate](img/clubmate.png){: style="width:15em"} | **Club-Mate** is a caffeinated carbonated mate-extract beverage made by the Loscher Brewery near Münchsteinach, Germany, which originated in 1924. Club-Mate has 20 mg of caffeine per 100 ml. Club-Mate has a relatively low sugar content of 5 g/100 ml, and low calories compared to other beverages such as Coke or most energy drinks. | 2 € |
+| ![Coffee](img/coffee.png){: style="width:15em"} | **Coffee** is a brewed drink with a distinct aroma and flavor, prepared from roasted coffee beans, the seeds found inside "berries" of the Coffea plant. Coffee plants are cultivated in over 70 countries, primarily in equatorial Latin America, Southeast Asia, India and Africa. | 0.5 € |
+| ![NoodleSoup](img/noodlesoup.png){: style="width:15em"} | **Noodle Soup** | 0.5 € |
+| ![Tea](img/tea.png){: style="width:15em"} | **Tea** of your choice. | 0.1 € |
+{: .tpadding}
+
+</div>
diff --git a/css/a3.css b/css/a3.css
@@ -0,0 +1,34 @@
+
+.a3page {
+    height: 42cm;
+    max-height: 42cm;
+    width: 29.7cm;
+    padding: 1.5cm 2cm;  /* That's the page print margin */
+    background: white;
+    margin: 0.5cm auto;
+    box-shadow: 0 0 .5cm rgba(0, 0, 0, 0.5);
+}
+
+@page {
+    size: A3;
+    margin: 0;
+}
+@media print {
+    html,
+    body {
+        height: 42cm;
+        width: 297mm;
+    }
+    .a3page {
+        margin: 0;
+        width: initial;
+        min-height: initial;
+        box-shadow: initial;
+        background: transparent;
+        page-break-after: always;
+        page-break-before: auto;
+        page-break-inside: avoid;
+        orphans: 0;
+        widows: 0;
+    }
+}
diff --git a/css/a3landscape.css b/css/a3landscape.css
@@ -0,0 +1,19 @@
+
+.a3page {
+    height: 29.7cm;
+    max-height: 29.7cm;
+    width: 42cm;
+    padding: 2cm;  /* That's the page print margin */
+}
+
+@page {
+    size: A3 landscape;
+    margin: 0;
+}
+@media print {
+    html,
+    body {
+        height: 29.7cm;
+        width: 42cm;
+    }
+}
diff --git a/css/a4.css b/css/a4.css
@@ -56,6 +56,9 @@ html, body {
   overflow: hidden;
   white-space: nowrap
 }
+.small-caps {
+  font-variant: small-caps
+}
 
 .center .logo {
   width: 50%;
@@ -87,3 +90,7 @@ table.pretty th {
 table.pretty tr:nth-of-type(even) {
   background: #fafafa;
 }
+
+table.tpadding td {
+  padding: 4mm;
+}
diff --git a/img/.gitattributes b/img/.gitattributes
@@ -0,0 +1 @@
+* binary
diff --git a/img/clubmate.png b/img/clubmate.png
diff --git a/img/coffee.png b/img/coffee.png
diff --git a/img/noodlesoup.png b/img/noodlesoup.png
diff --git a/img/tea.png b/img/tea.png