import static content

README.md

@@ -1,2 +1,127 @@
-# website-relaunch
-Relaunching Website Project
+# [www.opentechschool.org](http://www.opentechschool.org)
+
+[![Join the chat at https://gitter.im/OpenTechSchool/www.opentechschool.org](https://badges.gitter.im/OpenTechSchool/www.opentechschool.org.svg)](https://gitter.im/OpenTechSchool/www.opentechschool.org?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
+
+[![Travis Build Status](https://travis-ci.org/OpenTechSchool/www.opentechschool.org.svg "Travis Build Status")](https://travis-ci.org/OpenTechSchool/www.opentechschool.org)
+
+
+The source code behind OTS' main web site.
+
+This project is built with the help of
+
+ * bootstrap
+ * jekyll
+
+In order to be able to compile the site on your own computer, you can install
+the two ruby dependencies with `bundle install` if you have bundler.
+
+## Building the site
+
+1. run `bundle install` to grab ruby dependencies
+2. clean up jekyll's build directory: `rm -r _site/*`
+3. build and serve the site: `jekyll serve`
+4. Navigate to http://localhost:4000
+
+
+## Adding a city
+
+If you want to add a new city to the site, follow these steps:
+
+* Create a file in the `_cities` directory.  It should have a `.md` extension.
+
+  The file name is important and will be used as the key in several places, eg.
+  the applicable RSS feed, relevant Discourse category, default Meetup page,
+  and CSS class.  We will refer to it as `$city` from here on.
+
+* Add a preamble, looking like this, to the top of the file:
+
+  <!-- To people reading this file's source, it's actually:
+
+    ---
+    title: ...
+    ...
+    ---
+
+  -->
+
+  <pre>
+  &#45;&#45;&#45;
+  title: My City
+  location: City, Country
+  &#45;&#45;&#45;
+  </pre>
+
+  `title` and `location` are the name and the geographic context of your city,
+  respectively, in your preferred locale used for formatting only.  That means
+  --- depending on your cultural background --- `Berlin, Germany` and
+  `Washington, DC` are both perfectly fine.
+
+* Add members to your city:
+
+  * Add the `members` key to your preamble and have its value be a bullet list
+    with all your members' opentechschool.org usernames, for example:
+
+        members:
+          - alice
+          - bob
+
+    (See below for members without an opentechschool.org account.)
+
+  * Explain the usernames in `_data/names.yml`.  (This *should* have been done
+    by [team.tech@](mailto:[email protected]) when they set up the
+    user, if they knew her real name.)  It is a simple mapping between username
+    and real name, such as:
+
+        alice: Alice Smith
+        bob: Bob Johnson
+
+  * Put images into `images/team/`, named like their opentechschool.org
+    account and ending in `.jpg`.
+
+  * ***Caveat for non-opentechschool.org accounts:***  If you are adding
+    members to your chapter which do not yet have an opentechschool.org
+    account, you can use an alternative syntax:
+
+        members:
+          - charlie: Charlie Jones
+
+    The first value acts as an image key, the second as a name.  It is not
+    possible to add emails for non-opentechschool.org accounts for privacy
+    reasons.  (While we are confident that opentechschool.org accounts won't
+    receive large amounts of spam, we can't guarantee that for third-party
+    accounts and thus wouldn't want to publish them unmasked on the Web.)
+
+
+### Optional metadata
+
+All the following values can go into the preamble as well:
+
+* `tagline` is a catchy, single line in the top banner of the page describing
+   your chapter/city in a playful way.
+* `twitter` is your chapter's Twitter account.
+* `meetup` is the group name on Meetup and would result in links to
+  `http://meetup.com/$meetup`.  It defaults to `opentechschool-$city`.
+* `does` is the list of projects present in your chapter.  It defaults to
+  `[workshops]`.
+* `mailing_list` is the mailing list potential coaches can write to.  It is
+  used in the call-to-action at the bottom of the members list and adds a neat
+  *Subscribe* button.
+
+### Redirect stub
+
+If you don't have too much to say about your city yet and just want to redirect
+to your Meetup page, do the following:
+
+* Create a HTML(!) file in the `cities` directory (eg. `berlin.html`.)
+  Redirects to *not* work with files ending in `.md`.
+* Add a preamble:
+
+  <pre>
+  &#45;&#45;&#45;
+  title: My City
+  location: City, Country
+  redirect_to: "http://meetup.com/opentechschool-city"
+  &#45;&#45;&#45;
+  </pre>
+
+  (See above for a description of the values.)

about.html

@@ -0,0 +1,91 @@
+---
+layout: core_page
+title: About
+---
+
+<section class="bg_full bg_full_white">
+  <div class="container container_narrow">
+
+
+    <h2 id="history">History</h2>
+
+    <p>
+      OTS was born in April of 2012 in Berlin. The first local RailsGirls event &mdash; a free tech workshop with freshly created learning materials dedicated to an audience of women of all ages and backgrounds during a both thrilling and cosy weekend &mdash; had just taken place, and had created much admiration and enthusiasm in its wake.
+    </p>
+
+    <p>
+      Why not expand the concept to all tech topics people might possibly want to learn and open the events to an audience of all genders and experience levels? The challenge couldn’t be greater. Since then, hundreds of people have joined OTS as coaches, learners, organizers, and sponsors, in Berlin, Stockholm, and soon: even in more new cities (yours!).
+    </p>
+
+  </div>
+</section>
+
+<section class="bg_full">
+  <div class="container container_narrow">
+
+    <h2 id="what_is">What is OpenTechSchool?</h2>
+
+    <p>
+      OpenTechSchool is a movement aiming to offer free tech education. Our events are open to technology enthusiasts of all genders, backgrounds, and experience levels, willing to coach or learn in a friendly environment. Our learning materials are shared and collectively improved by the online community and anyone is welcome to use it to organize new OTS chapters anywhere in the world.
+    </p>
+
+  </div>
+</section>
+
+<section class="bg_full bg_full_white">
+  <div class="container container_narrow">
+
+    <h2 id="core_values">Core values</h2>
+
+    <p>
+      OpenTechSchool is best described through our core values.
+    </p>
+
+    <h3>Openness</h3>
+    <p>
+      All OTS discussions, training materials, and blueprints are openly accessible through our website so that anyone can find them and contribute to their development. Furthermore, for OTS, openness also means sharing: our coaches share their skills and time, and our learners share their own knowledge with the community, both by presenting their achievements during the beginners meetup and by later becoming coaches themselves.
+    </p>
+
+    <h3>Empowerment</h3>
+    <p>
+      Empowerment is something which we hope to provide everyone involved. Encouraging people to coach, whatever their skill or experience level, lets them see how rewarding and valuable teaching others is. By encouraging learners to become coaches themselves, we hope to create a sustainable movement of skilled and confident individuals who are eager to help others. Leaving the framework of workshop organization open to adaptation is done to empower others, providing a framework for them to rally their own communities and to organize similar initiatives.
+    </p>
+
+    <h3>Hands-on learning</h3>
+    <p>
+      We believe the best way to learn is by doing it hands-on, and feel that visible progress is the best motivation to continue learning. That is why our workshops are focused on practical exercises and provide a hands-on learning experience. We bring people together to learn in small groups, supported by coaches who keep an eye on individual progress. Our workshops aim to reach a certain goal of the learning process while also providing a roadmap on how to continue afterwards.
+    </p>
+
+    <h3>Welcoming learning environment</h3>
+    <p>
+      We aim to provide a safe learning environment in which no one feels shy asking any question. Teaching only 3-4 people at a time, coaches can move at the pace most suited for their group, rather than moving on too quickly. Learners will be encouraged to share their progress, with the goal of solidifying their knowledge and helping them overcome any fears of speaking in front of others.
+    </p>
+
+    <h3>Transparency</h3>
+
+    <p>
+      OTS is an open, transparent movement with which we want to encourage others to create similar or related projects in their own cities. We hope to inspire you with our successes and let you learn from our mistakes, as well as develop a strong support network for those new to coding, giving them a chance to learn and go on to teach others.
+    </p>
+
+    <h3>Not for Profit</h3>
+    <p>
+      We strongly believe that, in order for education to work, the learner needs to have the best learning experience possible. In order to achieve that, coaches and team members donate their personal time for the greater good of the community and the learners. It is only with this value as your main goal that you can create the experience needed to encourage learners to continue. If you'd do that for your personal gain the quality would simply suffer.
+    </p>
+
+    <p>
+      That is why we run <a href="{{site.baseurl}}foundation/">OpenTechSchool as a non-profit</a> and operate on the lowest costs possible. Most workshops are run at no cost and are self-organised by the local communities. And while company sponsorship is welcome and makes events and parties more comfortable, it is not required to fund the day-to-day business of OTS, nor will it ever govern the way OTS functions.
+    </p>
+
+  </div>
+</section>
+
+<section class="bg_full">
+  <div class="container container_narrow">
+
+    <h1 id="licensing">Our Licensing Policy</h1>
+    <p>
+      In correspondence with our values we release all learning materials, blueprints and any other kind of content under the <a href="http://creativecommons.org/licenses/by-sa/3.0/deed.en_US">Creative Commons Attribution-ShareAlike 3.0 Unported License</a>: As long as you attribute the work to the OpenTechSchool (usually by mentioning such and providing the link to the original material) and share it under the same licence again, you are free to use, share, copy and modify it - even in a commercial context.
+    </p>
+
+  </div>
+</section>