PingoUPB · chbach · Mar 8, 2015 · Dec 5, 2014 · Dec 5, 2014 · Dec 5, 2014
diff --git a/Gemfile b/Gemfile
@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gem 'github-pages'
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -0,0 +1,126 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    RedCloth (4.2.9)
+    activesupport (4.1.8)
+      i18n (~> 0.6, >= 0.6.9)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
+      thread_safe (~> 0.1)
+      tzinfo (~> 1.1)
+    blankslate (2.1.2.4)
+    celluloid (0.16.0)
+      timers (~> 4.0.0)
+    classifier-reborn (2.0.2)
+      fast-stemmer (~> 1.0)
+    coffee-script (2.3.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.8.0)
+    colorator (0.1)
+    execjs (2.2.2)
+    fast-stemmer (1.0.2)
+    ffi (1.9.6)
+    gemoji (2.1.0)
+    github-pages (29)
+      RedCloth (= 4.2.9)
+      github-pages-health-check (~> 0.1)
+      jekyll (= 2.4.0)
+      jekyll-coffeescript (= 1.0.0)
+      jekyll-mentions (= 0.1.3)
+      jekyll-redirect-from (= 0.6.2)
+      jekyll-sass-converter (= 1.2.0)
+      jekyll-sitemap (= 0.6.0)
+      jemoji (= 0.3.0)
+      kramdown (= 1.3.1)
+      liquid (= 2.6.1)
+      maruku (= 0.7.0)
+      mercenary (~> 0.3)
+      pygments.rb (= 0.6.0)
+      rdiscount (= 2.1.7)
+      redcarpet (= 3.1.2)
+      terminal-table (~> 1.4)
+    github-pages-health-check (0.2.1)
+      net-dns (~> 0.6)
+      public_suffix (~> 1.4)
+    hitimes (1.2.2)
+    html-pipeline (1.9.0)
+      activesupport (>= 2)
+      nokogiri (~> 1.4)
+    i18n (0.6.11)
+    jekyll (2.4.0)
+      classifier-reborn (~> 2.0)
+      colorator (~> 0.1)
+      jekyll-coffeescript (~> 1.0)
+      jekyll-gist (~> 1.0)
+      jekyll-paginate (~> 1.0)
+      jekyll-sass-converter (~> 1.0)
+      jekyll-watch (~> 1.1)
+      kramdown (~> 1.3)
+      liquid (~> 2.6.1)
+      mercenary (~> 0.3.3)
+      pygments.rb (~> 0.6.0)
+      redcarpet (~> 3.1)
+      safe_yaml (~> 1.0)
+      toml (~> 0.1.0)
+    jekyll-coffeescript (1.0.0)
+      coffee-script (~> 2.2)
+    jekyll-gist (1.1.0)
+    jekyll-mentions (0.1.3)
+      html-pipeline (~> 1.9.0)
+      jekyll (~> 2.0)
+    jekyll-paginate (1.1.0)
+    jekyll-redirect-from (0.6.2)
+      jekyll (~> 2.0)
+    jekyll-sass-converter (1.2.0)
+      sass (~> 3.2)
+    jekyll-sitemap (0.6.0)
+    jekyll-watch (1.1.2)
+      listen (~> 2.7)
+    jemoji (0.3.0)
+      gemoji (~> 2.0)
+      html-pipeline (~> 1.9)
+      jekyll (~> 2.0)
+    json (1.8.1)
+    kramdown (1.3.1)
+    liquid (2.6.1)
+    listen (2.8.3)
+      celluloid (>= 0.15.2)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+    maruku (0.7.0)
+    mercenary (0.3.5)
+    mini_portile (0.6.1)
+    minitest (5.4.3)
+    net-dns (0.8.0)
+    nokogiri (1.6.5)
+      mini_portile (~> 0.6.0)
+    parslet (1.5.0)
+      blankslate (~> 2.0)
+    posix-spawn (0.3.9)
+    public_suffix (1.4.6)
+    pygments.rb (0.6.0)
+      posix-spawn (~> 0.3.6)
+      yajl-ruby (~> 1.1.0)
+    rb-fsevent (0.9.4)
+    rb-inotify (0.9.5)
+      ffi (>= 0.5.0)
+    rdiscount (2.1.7)
+    redcarpet (3.1.2)
+    safe_yaml (1.0.4)
+    sass (3.4.9)
+    terminal-table (1.4.5)
+    thread_safe (0.3.4)
+    timers (4.0.1)
+      hitimes
+    toml (0.1.2)
+      parslet (~> 1.5.0)
+    tzinfo (1.2.2)
+      thread_safe (~> 0.1)
+    yajl-ruby (1.1.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  github-pages
diff --git a/README.md b/README.md
@@ -2,8 +2,13 @@
 
 This page is built using Jekyll. It is currently work in progress.
 
+## Dependencies
+
+- Jekyll
+- Node & Gulp (for development)
+
 ## Development
 
-Make sure you have Jekyll and Node installed. Run `npm install` and then `grunt watch` to start the development server with livereload. For livereload, you’ll need the livereload browser extension (Chrome, Safari, Firefox). 
+Make sure you have Bundler and npm installed. Run `bundle install`, `npm install` and then `gulp` to start the development server with livereload. 
 
-Browse to `http://localhost:8000/_site/` to see your compiled site.
+Browse to `http://localhost:3000` to see your compiled site.
diff --git a/_config.yml b/_config.yml
@@ -1,6 +1,5 @@
 name: PINGO
 markdown: redcarpet
-pygments: false
-baseurl: http://www.trypingo.com/
+highlighter: null
 include: [".htaccess"]
-exclude: ["scss", "node_modules", "bower_components", "package.json", "gruntfile.js", "README.md"]
+exclude: ["assets/scss", "node_modules", "bower_components", "package.json", "gulpfile.js", "README.md"]
diff --git a/_config_dev.yml b/_config_dev.yml
diff --git a/_data/cases.yml b/_data/cases.yml
@@ -0,0 +1,11 @@
+- title: Higher Education
+  desc: 'PINGO is short for ”peer instruction for very large groups” and is particularly designed for use in higher education. <a href="https://www.youtube.com/watch?v=aZC3NnUqZcs" target="_self" class="litebox">Watch the video</a>'
+  img: crowd-small.png
+
+- title: Schools/K-12
+  desc: Use PINGO for checking-in on learning goals, create tagclouds, engage your class and collect anonymous feedback from your students.
+  img: school.png
+
+- title: Corporate Training
+  desc: "Make your trainings more effective by taking questions, gathering feedback and checking-in on your attendees’ knowledge. "
+  img: business.png
diff --git a/_data/cases_de.yml b/_data/cases_de.yml
@@ -0,0 +1,11 @@
+- title: Hochschule
+  desc: PINGO steht für ”peer instruction for very large groups” und ist insbesondere für die Verwendung an Hochschulen entwickelt worden. <a href="https://www.youtube.com/watch?v=KK22QMb0MFA" target="_self" class="litebox">Video ansehen</a>
+  img: crowd-small.png
+
+- title: Schule
+  desc: Nutzen Sie PINGO um den Lernstand Ihrer Klasse zu ermitteln, lassen sie Tagclouds generieren und erhalten Sie Feedback zum Unterricht.
+  img: school.png
+
+- title: Corporate Training
+  desc: "Erhöhen Sie die Effektivität Ihrer Workshops, sammeln sie Feedback und ermitteln Sie den Wissensstand Ihrer Teilnehmer."
+  img: business.png
diff --git a/_data/nav.yml b/_data/nav.yml
@@ -0,0 +1,27 @@
+- title: Tour
+  url: /en/tour
+  parent: root
+
+- title: Help & FAQ
+  url: /en/faq
+  parent: root
+
+- title: Tour
+  url: /en/tour
+  parent: /en/tour
+
+- title: Features
+  url: /en/features
+  parent: /en/tour
+
+- title: PINGO Remote
+  url: /en/powerpoint-remote
+  parent: /en/tour
+
+- title: FAQ
+  url: /en/faq
+  parent: /en/faq
+
+- title: User Guide
+  url: https://pingo.upb.de/tutorial/tutorial.html
+  parent: /en/faq
diff --git a/_data/nav_de.yml b/_data/nav_de.yml
@@ -0,0 +1,27 @@
+- title: Tour
+  url: /de/tour
+  parent: root
+
+- title: Hilfe & FAQ
+  url: /de/faq
+  parent: root
+
+- title: Tour
+  url: /de/tour
+  parent: /de/tour
+
+- title: Features
+  url: /de/features
+  parent: /de/tour
+
+- title: PINGO Remote
+  url: /de/powerpoint-remote
+  parent: /de/tour
+
+- title: FAQ
+  url: /de/faq
+  parent: /de/faq
+
+- title: User Guide
+  url: https://pingo.upb.de/tutorial/tutorial.html
+  parent: /de/faq
diff --git a/_data/people.yml b/_data/people.yml
@@ -4,11 +4,11 @@
   chair: Chair of Information Management & E-Finance
   url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/dennis-kundisch/
 
-- name: Dipl.-Kfm. Philipp Herrmann
+- name: M. Sc. Darius Schlangenotto
   task: Project lead
-  img: herrmann.jpg
+  img: Schlangenotto.jpg
   chair: Chair of Information Management & E-Finance
-  url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/philipp-herrmann/
+  url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/darius-schlangenotto/
 
 - name: Prof. Dr. Marc Beutner
   task: Didactics
@@ -52,8 +52,15 @@
   chair: Chair of Information Management & E-Finance
   url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/
 
+- name: Dipl.-Kfm. Philipp Herrmann
+  task: Former team members
+  img: herrmann.jpg
+  chair: Chair of Information Management & E-Finance
+  url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/ehemalige-mitarbeiter/
+
 - name: Nils Dake
-  task: Development
+  task: Former team members
   img: dake.jpg
   chair: Chair of Information Management & E-Finance
-  url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/
+  url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/ehemalige-mitarbeiter/
+
diff --git a/_data/testimonials.yml b/_data/testimonials.yml
@@ -0,0 +1,8 @@
+- desc: "I've been using PINGO in my lectures with many hundred students since their inital beta and have never been disappointed: A reliable, easy and intuitive tool for classroom interaction without any folderol."
+  author: Prof. Dr. Stefan Sackmann,<br> Martin-Luther-University Halle-Wittenberg
+
+- desc: "PINGO is a fantastic little piece of software.  It’s simple, well-designed and quick to set up for a lecturer, it’s simple, well-designed and quick to use for the students. I also found it very reliable."
+  author: Mario Fiorini,<br> University of Technology Sydney
+
+- desc: "From the second year of our curriculum most of the teaching activities are done in small groups. PINGO is a mean to bring the spirit of this active learning phylosophy to the first study year too where we have large classes of over 500 students."
+  author: Dr. Daniel Scherly,<br>Faculty of Medicine of the University of Geneva
diff --git a/_data/testimonials_de.yml b/_data/testimonials_de.yml
@@ -0,0 +1,8 @@
+- desc: "Ich setze PINGO schon seit der Testphase in meinen Lehr- veranstaltungen mit mehreren hundert Studierenden ein und bin noch nie enttäuscht worden! Ein einfach, intuitiv bedienbares Werkzeug, das Interaktion ermöglicht und ohne viel Schnick-Schnack zuverlässig funktioniert."
+  author: Prof. Dr. Stefan Sackmann,<br> Martin-Luther-University Halle-Wittenberg
+
+- desc: "Die einfache und intuitive Bedienbarkeit erlaubt es uns, PINGO auch spontan und ohne viel Vorbereitung in Vorlesungen, Seminaren und Übungen einzusetzen. Dieser Medienwechsel hat sich schon oft bewährt, um Studierende zusätzlich zur Mitarbeit zu motivieren."
+  author: Prof. Dr. Alexander Benlian,<br> Technische Universität Darmstadt
+
+- desc: "PINGO bietet eine gute Möglichkeit die Lehre mit unterhaltenden Elementen aufzulockern und die Aufmerksamkeit der Studierenden zu steigern. Im Nebeneffekt haben diese Elemente für die  Studierenden re- kapitulierende und verfestigende und für die Lehre optimierende Wirkung."
+  author: Prof. Dr. Achim Schmidtmann,<br>FH Dortmund
diff --git a/_includes/container/call.de.html b/_includes/container/call.de.html
@@ -0,0 +1,9 @@
+<section class="call-section">
+	<article class="centered call-section__text">
+		<p><a class="button button--primary" href="https://pingo.upb.de/users/sign_up?utm_source=landing-page&utm_medium=web&utm_campaign=lndng-btn-bttm">Jetzt kostenlos registrieren</a>
+		</p>
+		<p>
+			<a href="/de/features" class="muted-link">Noch nicht überzeugt? Hier alle Features von PINGO ansehen &rsaquo;</a>
+		</p>
+	</article>
+</section>
diff --git a/_includes/container/call.en.html b/_includes/container/call.en.html
@@ -0,0 +1,9 @@
+<section class="call-section">
+	<article class="centered call-section__text">
+		<p><a class="button button--primary" href="https://pingo.upb.de/users/sign_up?utm_source=landing-page&utm_medium=web&utm_campaign=lndng-btn-bttm">Sign up for free now</a>
+		</p>
+		<p>
+			<a href="/en/features" class="muted-link">Still not convinced? Check out all features of PINGO &rsaquo;</a>
+		</p>
+	</article>
+</section>
diff --git a/_includes/container/how.de.html b/_includes/container/how.de.html
@@ -0,0 +1,30 @@
+<section class="how">
+	<div class="centered">
+		<h1 class="how__title">So funktioniert’s</h1>
+		<div class="grid">
+			<div class="grid__item one-third portable--one-whole">
+				<h2>1. Frage stellen</h2>
+				<figure class="how__figure">
+					<img src="/assets/img/icon-list.svg" alt="list">
+					<figcaption>Sie können Ihre Fragen vorbereiten oder Ad-hoc-Umfragen erstellen.</figcaption>
+				</figure>
+			</div>
+
+			<div class="grid__item one-third portable--one-whole">
+				<h2>2. Antworten abwarten</h2>
+				<figure class="how__figure">
+					<img src="/assets/img/icon-devices.svg" alt="devices">
+					<figcaption>Jeder, der ein internetfähiges Gerät besitzt, kann teilnehmen. Es ist keine Anmeldung erforderlich.</figcaption>
+				</figure>
+			</div>
+
+			<div class="grid__item one-third portable--one-whole">
+				<h2>3. Ergebnisse ansehen</h2>
+				<figure class="how__figure">
+					<img src="/assets/img/icon-presentation.svg" alt="presentation">
+					<figcaption>Ergebnisse werden für große Leinwände aufbereitet. Sie werden im Browser oder in Powerpoint angezeigt.</figcaption>
+				</figure>
+			</div>
+		</div>
+	</div>
+</section>
diff --git a/_includes/container/how.en.html b/_includes/container/how.en.html
@@ -0,0 +1,30 @@
+<section class="how">
+	<div class="centered">
+		<h1 class="how__title">How it works</h1>
+		<div class="grid">
+			<div class="grid__item one-third portable--one-whole">
+				<h2>1 Ask a question</h2>
+				<figure class="how__figure">
+					<img src="/assets/img/icon-list.svg" alt="list">
+					<figcaption>Prepare your questions before your talk or create polls immediately on-the-fly.</figcaption>
+				</figure>
+			</div>
+
+			<div class="grid__item one-third portable--one-whole">
+				<h2>2 The audience responds</h2>
+				<figure class="how__figure">
+					<img src="/assets/img/icon-devices.svg" alt="devices">
+					<figcaption>Everybody with a device that connects to the internet can take part. No sign-up required.</figcaption>
+				</figure>
+			</div>
+
+			<div class="grid__item one-third portable--one-whole">
+				<h2>3 View results</h2>
+				<figure class="how__figure">
+					<img src="/assets/img/icon-presentation.svg" alt="presentation">
+					<figcaption>Responses are optimized for the big screen. See them in your browser or in a powerpoint presentation.</figcaption>
+				</figure>
+			</div>
+		</div>
+	</div>
+</section>
diff --git a/_includes/container/in_action.de.html b/_includes/container/in_action.de.html
@@ -0,0 +1,20 @@
+<section class="in-action-section">
+	<div class="centered">
+		<h1 class="in-action__title">PINGO im Einsatz</h1>
+		<div class="grid cases">
+			{% for c in site.data.cases_de %}
+			<div class="grid__item one-third portable--one-whole">
+				<div class="cases__item">
+					<div class="cases__fade">
+						<div class="cases__img" style="background-image: url(/assets/img/{{ c.img }});"></div>
+					</div>
+					<div class="cases__desc">
+						<h2>{{ c.title }}</h2>
+						<p>{{ c.desc }}</p>
+					</div>
+				</div>
+			</div>
+			{% endfor %}
+		</div>
+	</div>
+</section>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		source 'https://rubygems.org'
		gem 'github-pages'