Added codebase

- Kirby CMS
- Gulp for stylus automation
- README update

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+assets/fonts
+*.sublime-project
+*.sublime-workspace

.htaccess

@@ -0,0 +1,45 @@
+# Kirby .htaccess
+
+# rewrite rules
+<IfModule mod_rewrite.c>
+
+# enable awesome urls. i.e.:
+# http://yourdomain.com/about-us/team
+RewriteEngine on
+
+# make sure to set the RewriteBase correctly
+# if you are running the site in a subfolder.
+# Otherwise links or the entire site will break.
+#
+# If your homepage is http://yourdomain.com/mysite
+# Set the RewriteBase to:
+#
+# RewriteBase /mysite
+
+# block text files in the content folder from being accessed directly
+RewriteRule ^content/(.*)\.(txt|md|mdown)$ index.php [L]
+
+# block all files in the site folder from being accessed directly
+RewriteRule ^site/(.*) index.php [L]
+
+# block all files in the kirby folder from being accessed directly
+RewriteRule ^kirby/(.*) index.php [L]
+
+# make panel links work
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^panel/(.*) panel/index.php [L]
+
+# make site links work
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteRule ^(.*) index.php [L]
+
+</IfModule>
+
+# Additional recommended values
+# Remove comments for those you want to use.
+#
+# AddDefaultCharset UTF-8
+#
+# php_flag short_open_tag on

README.md

@@ -1,2 +1,21 @@
-# fablab-website
-The codebase for the new Fablab website (2015)
+# Fablab 2016 website
+
+This is the new Fablab website build with Kirby
+
+## Author
+Waag Society
+<http://waag.org>
+
+## Website
+<http://fablab.waag.org>
+
+## Kirby
+<https://github.com/getkirby/kirby>
+<http://getkirby.com>
+
+## License
+<http://getkirby.com>
+
+## Plugins
+Kirby-Color-Picker
+<https://github.com/ian-cox/Kirby-Color-Picker>

assets/js/output.min.js

@@ -0,0 +1,19 @@
+function initEventHandlers(){  
+  var hamburgerBtn = document.querySelector(".hamburger-menu");
+  hamburgerBtn.addEventListener("click", toggleMenu);  
+};
+
+function toggleMenu(){
+  var slideMenu = document.querySelector(".slide-menu"),      
+      body = document.getElementsByTagName("BODY")[0];
+
+  this.classList.toggle('open');
+  slideMenu.classList.toggle('open');
+  body.classList.toggle('noScroll');
+};
+
+window.onresize=function(){
+  toggleMenu();
+}
+
+document.addEventListener("DOMContentLoaded",  initEventHandlers);

content/1-i-want-to-make/about.txt

@@ -0,0 +1,30 @@
+Title: I want to make
+
+----
+
+Text: 
+
+Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
+
+## Lorem Ipsum
+In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a.
+
+(image: about.jpg)
+
+### Lorem Ipsum
+In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
+
+#### Lorem Ipsum
+In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
+
+----
+
+Intro: Fablab Amsterdam is closed during the Xmas holiday season between 21 December and 12 January. There will be no open days during this period.
+
+----
+
+Textcolor: #FFFFFF
+
+----
+
+Pagecolor: #8BACF2

content/2-contact/contact.txt

@@ -0,0 +1,31 @@
+Title: Opendays
+
+----
+
+Text: 
+
+## Get in touch
+
+- (link: http://getkirby.com/support text: Kirby's support page)
+- (link: http://forum.getkirby.com text: Kirby's forum)
+- (link: http://github.com/getkirby text: Kirby on Github)
+- <support@getkirby.com>
+
+## Follow us on Twitter
+
+- Follow Kirby on Twitter (twitter: @getkirby)
+- Follow Bastian on Twitter (twitter: @bastianallgeier)
+- Follow Nico on Twitter (twitter: @distantnative)
+- Follow Sascha on Twitter (twitter: @sashtown)
+
+----
+
+Textcolor: #ffffff
+
+----
+
+Pagecolor: #50e3c2
+
+----
+
+Intro: We have opendays every thursday. During the openday machines are available for visitors. Do you have a great idea that needs some prototyping? Come visit the openday.

content/3-fab-academy/default.txt

@@ -0,0 +1,60 @@
+Textcolor: #ffffff
+
+----
+
+Pagecolor: #fc7d7d
+
+----
+
+Title: I want to learn
+
+----
+
+Intro: The Fablab is the perfect place to gain skills on digital fabrication. Whether you use it as an individual, or in a workshop through your school, or as an inventor or entrepreneur, it helps you put your dreams and ideas into real live.
+
+----
+
+Text: 
+
+Just as communications and computation went from analog to digital, resulting in PCs and the Internet, the digitization of fabrication is leading to personal fabricators that will allow anyone to make almost anything, anywhere. The development of digital fabrication is based on creating codes that don’t just describe things, they are things, much as proteins are coded in molecular biology. This research roadmap is ultimately aiming at a Star Trek-style replicator, but prototype versions of these capabilities are already available in field fab labs.
+
+At the Fab Academy, you will learn how to envision, prototype and document your ideas through many hours of hands-on experience with digital fabrication tools. We take a variety of code formats and turn them into physical objects.
+
+The Fab Academy Diploma consists of a 5 month part-time student commitment, from January to June. The Fab Diploma is the result of the sum of Fab Academy Certificates. Progress towards the diploma is evaluated by a student’s acquired skills rather than time or credits.
+
+The Fab Academy is a fast paced, hands-on learning experience where students plan and execute a new project each week. Each individual documents their progress for each project, resulting in a personal portfolio of technical accomplishments. 
+
+**Students at the Fab Academy learn:**
+- how to use a Fab Lab’s digital fabrication tools for rapid prototyping
+- Epilog Mini Lasercutter
+- Roland MDX-20 Milling Machine
+- 3D printer
+- Roland CAMM-1 Servo GX-24 Desktop Vinyl Cutter
+- ShopBot
+- electronics design and production by producing circuit boards using a variety of sensors and output devices.
+- how to program AVR microcontrollers on the boards they have produced
+- molding and casting
+- 3D scanning and printing
+
+**How It Works**
+Fab Academy is a distributed educational model providing a unique educational experience.
+
+Each Fab Lab that participates in the Fab Academy program (see list here) is part of a global Fab Lab / Fab Academy network. These Fab Labs are Nodes that offer the Fab Academy program.
+
+Students view and participate in global lectures broadcasted every Wednesdays at 9:00 am – 12:00 pm EST. The lectures are recorded and available to students throughout the semester. In addition to the lectures, there are 2 / 3 lab days each week where students have access the digital fabrication equipment and personal help with projects. Each Fab Lab will establish the schedule for these Lab days.
+
+Fab Academy faculty, who are leaders in their respective fields, provide global video lectures, supervise academic content, and guide research. Hands-on instruction in the labs is provided by instructors who supervise and evaluate Certificates, develop and disseminate instructional material, and assist with projects.
+
+**Program requirements**
+A minimum knowledge of the following tools and processes is required:
+
+- 2D and 3D modeling
+- Digital fabrication
+- Electronics programming
+- Web design and development
+
+If you rate your proficiency in them between Low and Medium, the course should be considered a full-time dedication program. If you rate your proficiency between High and Expert, you can consider the program to be part-time.
+
+----
+
+Subtitle: Fab Academy 2016

content/4-our-machines/default.txt

@@ -0,0 +1,21 @@
+Textcolor: #ffffff
+
+----
+
+Pagecolor: #48bda6
+
+----
+
+Title: Our machines
+
+----
+
+Subtitle: 
+
+----
+
+Intro: We have some cool machines
+
+----
+
+Text: 

content/5-newsletter/default.txt

@@ -0,0 +1,21 @@
+Textcolor: #ffffff
+
+----
+
+Pagecolor: #2d30e0
+
+----
+
+Title: Newsletter
+
+----
+
+Subtitle: Sign up for our newsletter
+
+----
+
+Intro: 
+
+----
+
+Text: 

content/error/error.txt

@@ -0,0 +1,5 @@
+Title: Error
+
+----
+
+Text: The page has not been found.

content/home/home.txt

@@ -0,0 +1,25 @@
+Title: Fablab Amsterdam
+
+----
+
+Text: 
+
+Yay! If you are seeing this, the installation of Kirby worked. :)
+
+## Get started
+
+- Go to the (link: panel text: panel) to give Kirby's admin interface a try
+- Check out the (link: http://getkirby.com/docs text: docs) and start building your own site
+- Follow (twitter: @getkirby) on Twitter for updates
+- Visit the (link: http://forum.getkirby.com text: forum) to connect with other Kirby users
+- (link: http://getkirby.com/support text: Get in contact) if you need support.
+
+**Have fun with Kirby!**
+
+----
+
+Subtitle: Today we’re open!
+
+----
+
+Address: De Waag, Nieuwmarkt 4, Amsterdam

content/site.txt

@@ -0,0 +1,17 @@
+Title: Kirby Starterkit
+
+----
+
+Author: Bastian Allgeier GmbH
+
+----
+
+Description: This is Kirby's Starterkit.
+
+----
+
+Keywords: Kirby, CMS, file-based
+
+----
+
+Copyright: © 2009-(date: Year) (link: http://getkirby.com text: Kirby)