js for beginner

OpenTechSchool · Jul 6, 2012 · 8233878 · 8233878
1 parent 823dbcd
commit 8233878
Show file tree

Hide file tree

Showing 10 changed files with 171 additions and 0 deletions.
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1 @@
+url: opentechschool.org
diff --git a/_layouts/js-workshop.html b/_layouts/js-workshop.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+    <meta name="viewport" content="width=640" />
+    <link rel="stylesheet" href="/stylesheets/js-workshop.css" media="screen"/>
+    <link rel="stylesheet" href="/stylesheets/mobile.css" media="handheld, only screen and (max-device-width:640px)"/>
+    <title>{{ page.title }} – Open Tech School</title>
+  </head>
+  <body>
+    <div class="column">
+    {{ content }}
+    </div>
+  </body>
+</html>
diff --git a/_layouts/main.html b/_layouts/main.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+    <meta name="viewport" content="width=640" />
+    <link rel="stylesheet" href="/stylesheets/core.css" media="screen"/>
+    <link rel="stylesheet" href="/stylesheets/mobile.css" media="handheld, only screen and (max-device-width:640px)"/>
+    <title>{{ page.title }} – Open Tech School</title>
+  </head>
+
+  <body>
+    {{ content }}
+  </body>
+</html>
diff --git a/_posts/2012-07-06-javascript-for-absolute-beginners.md b/_posts/2012-07-06-javascript-for-absolute-beginners.md
@@ -0,0 +1,34 @@
+---
+layout: js-workshop
+title: JavaScript for Absolute Beginners
+permalink: js/javascript-for-absolute-beginners.html
+---
+
+# {{ page.title }} <span class="highlight">FREE</span>
+
+<h1 class="subtitle">A fun, hands-on <strong>weekend workshop</strong> for non-programmers to learn the basics</h1>
+
+## Saturday July 21 and Sunday July 22<br /> <span class="subtitle">+ Meet &amp; Greet on the evening of Friday July 20</span>
+
+**Have you ever wanted to learn the basics of programming?** Then join us for a weekend of playful coding! A friendly group of Berlin programmers are excited about sharing their joy of programming with you.
+
+We have prepared a hands-on workshop for learning programming using JavaScript, the language that powers the web.
+
+We speak GERMAN and/or ENGLISH.
+
+**What you need:** Bring your laptop (or let
+us know you need one) and a curiosity about
+programming and how web sites work. The entire
+weekend is free. All welcome.
+
+## → [Register today! Spots are limited](https://docs.google.com/spreadsheet/viewform?formkey=dFdOY0NHNDRlc2dIbDF2YW55UWNEYmc6MQ)
+
+## Location
+
+co.up, Berlin Coworking Space<br />
+[Adalbertstr. 7-8, 10999 Berlin](https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Adalbertstra%C3%9Fe+7,+10999+Berlin,+Germany&sll=52.549636,13.666992&sspn=0.901874,1.851196&ie=UTF8&hq=&hnear=Adalbertstra%C3%9Fe+7,+Kreuzberg+10999+Berlin,+Germany&z=16)<br />
+[http://co-up.de/](http://co-up.de/)
+
+--------------------
+
+Are you interested in programming but can’t attend this workshop? Or is there is another language you would prefer to learn? Already know how to program and want to be a tutor? The [Open Tech School of Berlin](http://opentechschool.org) is organizing other workshops, events, and groups.
diff --git a/_posts/2012-07-06-javascript-fuer-absolute-beginner.md b/_posts/2012-07-06-javascript-fuer-absolute-beginner.md
@@ -0,0 +1,31 @@
+---
+layout: js-workshop
+title: JavaScript für Absolute Beginner
+permalink: js/javascript-fuer-absolute-beginner.html
+---
+
+# {{ page.title }} <span class="highlight">UMSONST</span>
+
+<h1 class="subtitle">Ein <strong>Wochenend-Workshop</strong> für Nicht-ProgrammiererInnen</h1>
+
+## Samstag 21. Juli und Sonntag 22. Juli<br /> <span class="subtitle">+ Kennenlerntreffen am Freitagabend, den  20. Juli</span>
+
+**Wolltest Du schon immer wissen, wie man mit dem Programmieren anfängt?** Wir laden ein zu einer spielerischen Einführung in die Welt des Programmierens, ein ganzes Wochenende lang. Wir sind eine Gruppe von freundlicher ProgrammiererInnen aus Berlin, die ihre Begeisterung an Hobby und Arbeit mit euch teilen möchten.
+
+In einem Mitmach-Workshop wollen wir Euch das Programmieren näherbringen. Als Beispiel benutzen wir die Sprache JavaScript, die das ganze Web am laufen hält.
+
+Wir sprechen DEUTSCH und/oder ENGLISCH.
+
+**Was Du benötigst:** Bring’ deinen Laptop mit (oder lass uns wissen, wenn Du einen brauchst) und sei einfach neugierig, wie das Programmieren und Websites funktionieren. Das ganze Wochenende ist kostenfrei. Jeder und jede ist willkommen!
+
+## → [Melde dich jetzt an! Die Teilnehmeplätze sind begrenzt.](https://docs.google.com/spreadsheet/viewform?formkey=dFdOY0NHNDRlc2dIbDF2YW55UWNEYmc6MQ)
+
+## Treffpunkt
+
+co.up, Berlin Coworking Space<br />
+[Adalbertstr. 7-8, 10999 Berlin](https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Adalbertstra%C3%9Fe+7,+10999+Berlin,+Germany&sll=52.549636,13.666992&sspn=0.901874,1.851196&ie=UTF8&hq=&hnear=Adalbertstra%C3%9Fe+7,+Kreuzberg+10999+Berlin,+Germany&z=16)<br />
+[http://co-up.de/](http://co-up.de/)
+
+--------------------
+
+Du bist generell am Programmieren interessiert, aber kannst an diesem Workshop nicht teilnehmen? Oder du möchtest lieber eine andere Programmiersprache lernen? Oder du kannst schon programmieren und wärst gerne ein Tutor? Dann melde Dich bei der [Open Tech School Berlin](http://opentechschool.org)! Wir organisieren noch weitere Workshops, Events und Treffen.
diff --git a/index.html b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+    <meta name="viewport" content="width=640" />
+    <link rel="stylesheet" href="/stylesheets/core.css" media="screen"/>
+    <link rel="stylesheet" href="/stylesheets/mobile.css" media="handheld, only screen and (max-device-width:640px)"/>
+    <title>Open Tech School</title>
+  </head>
+
+  <body>
+    [content]
+  </body>
+</html>
diff --git a/params.json b/params.json
@@ -0,0 +1 @@
+{"name":"OTS","body":"### Welcome to GitHub Pages.\r\nThis automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:\r\n\r\n```\r\n$ cd your_repo_root/repo_name\r\n$ git fetch origin\r\n$ git checkout gh-pages\r\n```\r\n\r\nIf you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.\r\n\r\n### Designer Templates\r\nWe've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.\r\n\r\n### Rather Drive Stick?\r\nIf you prefer to not use the automatic generator, push a branch named `gh-pages` to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.\r\n\r\n### Authors and Contributors\r\nYou can @mention a GitHub username to generate a link to their profile. The resulting `<a>` element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out the documentation at http://help.github.com/pages or contact [email protected] and we’ll help you sort it out.","tagline":"Open Tech School","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
diff --git a/stylesheets/core.css b/stylesheets/core.css
diff --git a/stylesheets/js-workshop.css b/stylesheets/js-workshop.css
@@ -0,0 +1,58 @@
+body {
+  color:#333;
+  font-size:18px;
+  line-height: 1.5em;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+.column {
+  width: 620px;
+  margin: 20px auto;
+}
+h1 {
+  padding-top:24pt;
+  line-height:1.15;
+  text-align:left;
+  color:#000000;
+  font-size:36pt;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight:bold;
+  padding-bottom:6pt;
+  margin: 0;
+}
+.highlight {
+  background-color:#ffff00;
+}
+h2 {
+  padding-top:24pt;
+  line-height:1.15;
+  text-align:left;
+  color:#000000;
+  font-size:18pt;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight:bold;
+  padding-bottom:18pt;
+  margin: 0;
+}
+h1.subtitle {
+  padding-top:18pt;
+  line-height:1.15;
+  text-align:left;
+  color:#666666;
+  font-style:italic;
+  font-size:24pt;
+  font-family: Georgia, Times, "Times New Roman", serif;
+  font-weight: normal;
+  padding-bottom:4pt;
+  margin: 0;
+}
+h2 .subtitle {
+  color:#666666;
+  font-style:italic;
+  font-family: Georgia, Times, "Times New Roman", serif;
+  font-weight: normal;
+}
+p {
+  margin:0;
+  padding-bottom: 11pt;
+}
+
diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"OTS","body":"### Welcome to GitHub Pages.\r\nThis automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:\r\n\r\n```\r\n$ cd your_repo_root/repo_name\r\n$ git fetch origin\r\n$ git checkout gh-pages\r\n```\r\n\r\nIf you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.\r\n\r\n### Designer Templates\r\nWe've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.\r\n\r\n### Rather Drive Stick?\r\nIf you prefer to not use the automatic generator, push a branch named `gh-pages` to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.\r\n\r\n### Authors and Contributors\r\nYou can @mention a GitHub username to generate a link to their profile. The resulting `<a>` element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out the documentation at http://help.github.com/pages or contact [email protected] and we’ll help you sort it out.","tagline":"Open Tech School","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}