diff --git a/Gemfile.lock b/Gemfile.lock index 681b7f3..44e325e 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -2,52 +2,56 @@ 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) + activesupport (5.0.0.1) + concurrent-ruby (~> 1.0, >= 1.0.2) + i18n (~> 0.7) minitest (~> 5.1) - thread_safe (~> 0.1) tzinfo (~> 1.1) + addressable (2.4.0) blankslate (2.1.2.4) - celluloid (0.16.0) - timers (~> 4.0.0) - classifier-reborn (2.0.2) + classifier-reborn (2.0.4) fast-stemmer (~> 1.0) - coffee-script (2.3.0) + coffee-script (2.4.1) coffee-script-source execjs - coffee-script-source (1.8.0) + coffee-script-source (1.11.1) colorator (0.1) - execjs (2.2.2) + concurrent-ruby (1.0.2) + ethon (0.10.0) + ffi (>= 1.3.0) + execjs (2.7.0) + faraday (0.10.0) + multipart-post (>= 1.2, < 3) fast-stemmer (1.0.2) - ffi (1.9.6) + ffi (1.9.14) gemoji (2.1.0) - github-pages (29) + github-pages (39) RedCloth (= 4.2.9) - github-pages-health-check (~> 0.1) + github-pages-health-check (~> 0.2) 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) + jekyll-coffeescript (= 1.0.1) + jekyll-feed (= 0.3.1) + jekyll-mentions (= 0.2.1) + jekyll-redirect-from (= 0.8.0) + jekyll-sass-converter (= 1.3.0) + jekyll-sitemap (= 0.8.1) + jemoji (= 0.5.0) + kramdown (= 1.5.0) + liquid (= 2.6.2) maruku (= 0.7.0) mercenary (~> 0.3) - pygments.rb (= 0.6.0) + pygments.rb (= 0.6.3) rdiscount (= 2.1.7) - redcarpet (= 3.1.2) + redcarpet (= 3.3.2) terminal-table (~> 1.4) - github-pages-health-check (0.2.1) + github-pages-health-check (0.3.2) net-dns (~> 0.6) public_suffix (~> 1.4) - hitimes (1.2.2) + typhoeus (~> 0.7) html-pipeline (1.9.0) activesupport (>= 2) nokogiri (~> 1.4) - i18n (0.6.11) + i18n (0.7.0) jekyll (2.4.0) classifier-reborn (~> 2.0) colorator (~> 0.1) @@ -63,64 +67,75 @@ GEM redcarpet (~> 3.1) safe_yaml (~> 1.0) toml (~> 0.1.0) - jekyll-coffeescript (1.0.0) + jekyll-coffeescript (1.0.1) coffee-script (~> 2.2) - jekyll-gist (1.1.0) - jekyll-mentions (0.1.3) + jekyll-feed (0.3.1) + jekyll-gist (1.4.0) + octokit (~> 4.2) + jekyll-mentions (0.2.1) 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) + jekyll-redirect-from (0.8.0) + jekyll (>= 2.0) + jekyll-sass-converter (1.3.0) sass (~> 3.2) - jekyll-sitemap (0.6.0) - jekyll-watch (1.1.2) - listen (~> 2.7) - jemoji (0.3.0) + jekyll-sitemap (0.8.1) + jekyll-watch (1.5.0) + listen (~> 3.0, < 3.1) + jemoji (0.5.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) + jekyll (>= 2.0) + kramdown (1.5.0) + liquid (2.6.2) + listen (3.0.8) + rb-fsevent (~> 0.9, >= 0.9.4) + rb-inotify (~> 0.9, >= 0.9.7) maruku (0.7.0) - mercenary (0.3.5) - mini_portile (0.6.1) - minitest (5.4.3) + mercenary (0.3.6) + mini_portile2 (2.1.0) + minitest (5.10.1) + multipart-post (2.0.0) net-dns (0.8.0) - nokogiri (1.6.5) - mini_portile (~> 0.6.0) + nokogiri (1.6.8.1) + mini_portile2 (~> 2.1.0) + octokit (4.6.2) + sawyer (~> 0.8.0, >= 0.5.3) 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.12) + public_suffix (1.5.3) + pygments.rb (0.6.3) posix-spawn (~> 0.3.6) - yajl-ruby (~> 1.1.0) - rb-fsevent (0.9.4) - rb-inotify (0.9.5) + yajl-ruby (~> 1.2.0) + rb-fsevent (0.9.8) + rb-inotify (0.9.7) ffi (>= 0.5.0) rdiscount (2.1.7) - redcarpet (3.1.2) + redcarpet (3.3.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 + sass (3.4.22) + sawyer (0.8.1) + addressable (>= 2.3.5, < 2.6) + faraday (~> 0.8, < 1.0) + terminal-table (1.7.3) + unicode-display_width (~> 1.1.1) + thread_safe (0.3.5) toml (0.1.2) parslet (~> 1.5.0) + typhoeus (0.8.0) + ethon (>= 0.8.0) tzinfo (1.2.2) thread_safe (~> 0.1) - yajl-ruby (1.1.0) + unicode-display_width (1.1.1) + yajl-ruby (1.2.1) PLATFORMS ruby DEPENDENCIES github-pages + +BUNDLED WITH + 1.13.6 diff --git a/README.md b/README.md index a858ff2..5979e71 100644 --- a/README.md +++ b/README.md @@ -9,6 +9,6 @@ This page is built using Jekyll. It is currently work in progress. ## Development -Make sure you have Bundler and npm installed. Run `bundle install`, `npm install` and then `gulp` to start the development server with livereload. +Make sure you have Bundler and npm installed. Run `bundle install`, `npm install` and then `gulp` to start the development server with livereload (or use `bundle exec jekyll serve` if gulp does not work). Browse to `http://localhost:3000` to see your compiled site. diff --git a/_data/nav_de.yml b/_data/nav_de.yml index 21b2acd..5338574 100644 --- a/_data/nav_de.yml +++ b/_data/nav_de.yml @@ -22,6 +22,14 @@ url: /de/faq/ parent: /de/faq/ -- title: User Guide - url: https://pingo.upb.de/tutorial/tutorial.html +- title: Hilfe für Dozenten + url: /de/faq/guide_lecturer.html parent: /de/faq/ + +- title: Hilfe für Teilnehmer + url: /de/faq/guide_student.html + parent: /de/faq/ + +- title: Einführungsvideo + url: /de/faq/guide_video.html + parent: /de/faq/ \ No newline at end of file diff --git a/_data/people.yml b/_data/people.yml index 2aa2b58..bd7088d 100644 --- a/_data/people.yml +++ b/_data/people.yml @@ -1,32 +1,32 @@ - name: Prof. Dr. Dennis Kundisch task: Project lead img: kundisch.jpg - chair: Chair of Information Management & E-Finance - url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/dennis-kundisch/ + chair: Chair of Buisness Information Systems, Digital Markets + url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/prof-dr-dennis-kundisch/ - name: M. Sc. Darius Schlangenotto task: Project lead img: schlangenotto.jpg - chair: Chair of Information Management & E-Finance - url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/darius-schlangenotto/ + chair: Chair of Buisness Information Systems, Digital Markets + url: http://www.uni-paderborn.de/person/13268/ - name: Prof. Dr. Marc Beutner task: Didactics img: beutner.gif chair: Lehrstuhl für Wirtschaftspädagogik - url: https://wiwi.uni-paderborn.de/department5/ls-beutner/beutner/ + url: http://www.uni-paderborn.de/person/21118/ -- name: Dr. Andrea Zoyke +- name: Prof. Dr. Andrea Zoyke task: Didactics img: zoyke.jpg chair: Lehrstuhl für Wirtschaftspädagogik - url: https://wiwi.uni-paderborn.de/department5/lehrstuhl-prof-dr-peter-f-e-sloane/zoyke0/ + url: https://www.berufsundwirtschaftspaedagogik.uni-kiel.de/de/team/zoyke - name: Prof. Dr. Gregor Fels task: Didactics img: fels.jpg chair: Organic Chemistry - url: http://chemie.uni-paderborn.de/en/fachgebiete/oc/oc-fels/personen/prof-dr-gregor-fels/ + url: https://chemie.uni-paderborn.de/en/arbeitskreise/organische-chemie/fels/team/head-detail/?tx_upbperson_personsite%5BpersonId%5D=114&tx_upbperson_personsite%5Bcontroller%5D=Person&cHash=530427cc829bffc37cbd639b044860f4 - name: Prof. Dr. Johannes Magenheim task: Didactics @@ -37,36 +37,48 @@ - name: Michael Whittaker task: Development img: whittaker.jpg - chair: Chair of Information Management & E-Finance + chair: Chair of Buisness Information Systems, Digital Markets url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ - name: Jürgen Neumann task: Development img: neumann.jpg - chair: Chair of Information Management & E-Finance + chair: Chair of Buisness Information Systems, Digital Markets url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ - -- name: Christoph Bach + +- name: Dirk Leffrang task: Development - img: bach.jpg - chair: Chair of Information Management & E-Finance + img: leffrang.jpg + chair: Chair of Buisness Information Systems, Digital Markets url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ -- name: Florian Braun - task: Development - img: braun.jpg - chair: Chair of Information Management & E-Finance - url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ - -- name: Dipl.-Kfm. Philipp Herrmann +- name: Dr. 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/ + chair: Chair of Buisness Information Systems, Digital Markets + url: http://www.uni-paderborn.de/person/58638/ - name: Nils Dake task: Former team members img: dake.jpg - chair: Chair of Information Management & E-Finance - url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/ehemalige-mitarbeiter/ + chair: Chair of Buisness Information Systems, Digital Markets + url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/ehemalige/ + +- name: Christoph Bach + task: Former team members + img: bach.jpg + chair: Chair of Buisness Information Systems, Digital Markets + url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ + +- name: Florian Braun + task: Former team members + img: braun.jpg + chair: Chair of Buisness Information Systems, Digital Markets + url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ + +- name: Christian Werning + task: Former team members + img: werning.png + chair: Chair of Buisness Information Systems, Digital Markets + url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ diff --git a/_data/people_de.yml b/_data/people_de.yml index d5223e7..eaa83ac 100644 --- a/_data/people_de.yml +++ b/_data/people_de.yml @@ -2,31 +2,31 @@ task: Projektleitung img: kundisch.jpg chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte - url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/dennis-kundisch/ + url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/prof-dr-dennis-kundisch/ - name: M. Sc. Darius Schlangenotto task: Projektleitung img: schlangenotto.jpg chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte - url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/darius-schlangenotto/ + url: http://www.uni-paderborn.de/person/13268/ - name: Prof. Dr. Marc Beutner task: Didaktik img: beutner.gif chair: Lehrstuhl für Wirtschaftspädagogik - url: https://wiwi.uni-paderborn.de/department5/ls-beutner/beutner/ + url: http://www.uni-paderborn.de/person/21118/ -- name: Dr. Andrea Zoyke +- name: Prof. Dr. Andrea Zoyke task: Didaktik img: zoyke.jpg chair: Lehrstuhl für Wirtschaftspädagogik - url: https://wiwi.uni-paderborn.de/department5/lehrstuhl-prof-dr-peter-f-e-sloane/zoyke0/ + url: https://www.berufsundwirtschaftspaedagogik.uni-kiel.de/de/team/zoyke - name: Prof. Dr. Gregor Fels task: Didaktik img: fels.jpg chair: Organische Chemie - url: http://chemie.uni-paderborn.de/en/fachgebiete/oc/oc-fels/personen/prof-dr-gregor-fels/ + url: https://chemie.uni-paderborn.de/en/arbeitskreise/organische-chemie/fels/team/head-detail/?tx_upbperson_personsite%5BpersonId%5D=114&tx_upbperson_personsite%5Bcontroller%5D=Person&cHash=530427cc829bffc37cbd639b044860f4 - name: Prof. Dr. Johannes Magenheim task: Didaktik @@ -45,18 +45,6 @@ img: neumann.jpg chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ - -- name: Christoph Bach - task: Entwicklung - img: bach.jpg - chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte - url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ - -- name: Florian Braun - task: Entwicklung - img: braun.jpg - chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte - url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ - name: Dirk Leffrang task: Entwicklung @@ -64,14 +52,32 @@ chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ -- name: Dipl.-Kfm. Philipp Herrmann +- name: Dr. Philipp Herrmann task: Ehemalige Teammitglieder img: herrmann.jpg - chair: Lehrstuhl für Wirtschaftsinformatik, Information Management & E-Finance - url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/philipp-herrmann/ + chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte + url: http://www.uni-paderborn.de/person/58638/ - name: Nils Dake task: Ehemalige Teammitglieder img: dake.jpg - chair: Lehrstuhl für Wirtschaftsinformatik, Information Management & E-Finance + chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte + url: https://wiwi.uni-paderborn.de/dep3/winfo2/team/ehemalige/ + +- name: Christoph Bach + task: Ehemalige Teammitglieder + img: bach.jpg + chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte + url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ + +- name: Florian Braun + task: Ehemalige Teammitglieder + img: braun.jpg + chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte + url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ + +- name: Christian Werning + task: Ehemalige Teammitglieder + img: werning.png + chair: Lehrstuhl für Wirtschaftsinformatik, Digitale Märkte url: http://wiwi.uni-paderborn.de/dep3/winfo2/team/studentische-hilfskraefte/ diff --git a/assets/css/main.css b/assets/css/main.css index e3bf814..06d3e95 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1 +1 @@ -.grid{list-style:none;margin:0 0 0 -48px;padding:0;letter-spacing:-.31em}.grid,.opera:-o-prefocus{word-spacing:-.43em}.grid__item{display:inline-block;padding-left:48px;vertical-align:top;width:100%;box-sizing:border-box;letter-spacing:normal;word-spacing:normal}.grid--rev{direction:rtl;text-align:left}.grid--rev>.grid__item{direction:ltr;text-align:left}.grid--full{margin-left:0}.grid--full>.grid__item{padding-left:0}.grid--right{text-align:right}.grid--right>.grid__item{text-align:left}.grid--center{text-align:center}.grid--center>.grid__item{text-align:left}.grid--middle>.grid__item{vertical-align:middle}.grid--bottom>.grid__item{vertical-align:bottom}.grid--narrow{margin-left:-24px}.grid--narrow>.grid__item{padding-left:24px}.grid--wide{margin-left:-96px}.grid--wide>.grid__item{padding-left:96px}.one-whole{width:100%}.five-tenths,.four-eighths,.one-half,.six-twelfths,.three-sixths,.two-quarters{width:50%}.four-twelfths,.one-third,.two-sixths{width:33.333%}.eight-twelfths,.four-sixths,.two-thirds{width:66.666%}.one-quarter,.three-twelfths,.two-eighths{width:25%}.nine-twelfths,.six-eighths,.three-quarters{width:75%}.one-fifth,.two-tenths{width:20%}.four-tenths,.two-fifths{width:40%}.six-tenths,.three-fifths{width:60%}.eight-tenths,.four-fifths{width:80%}.one-sixth,.two-twelfths{width:16.666%}.five-sixths,.ten-twelfths{width:83.333%}.one-eighth{width:12.5%}.three-eighths{width:37.5%}.five-eighths{width:62.5%}.seven-eighths{width:87.5%}.one-tenth{width:10%}.three-tenths{width:30%}.seven-tenths{width:70%}.nine-tenths{width:90%}.one-twelfth{width:8.333%}.five-twelfths{width:41.666%}.seven-twelfths{width:58.333%}.eleven-twelfths{width:91.666%}@media only screen and (max-width:480px){.palm--one-whole{width:100%}.palm--five-tenths,.palm--four-eighths,.palm--one-half,.palm--six-twelfths,.palm--three-sixths,.palm--two-quarters{width:50%}.palm--four-twelfths,.palm--one-third,.palm--two-sixths{width:33.333%}.palm--eight-twelfths,.palm--four-sixths,.palm--two-thirds{width:66.666%}.palm--one-quarter,.palm--three-twelfths,.palm--two-eighths{width:25%}.palm--nine-twelfths,.palm--six-eighths,.palm--three-quarters{width:75%}.palm--one-fifth,.palm--two-tenths{width:20%}.palm--four-tenths,.palm--two-fifths{width:40%}.palm--six-tenths,.palm--three-fifths{width:60%}.palm--eight-tenths,.palm--four-fifths{width:80%}.palm--one-sixth,.palm--two-twelfths{width:16.666%}.palm--five-sixths,.palm--ten-twelfths{width:83.333%}.palm--one-eighth{width:12.5%}.palm--three-eighths{width:37.5%}.palm--five-eighths{width:62.5%}.palm--seven-eighths{width:87.5%}.palm--one-tenth{width:10%}.palm--three-tenths{width:30%}.palm--seven-tenths{width:70%}.palm--nine-tenths{width:90%}.palm--one-twelfth{width:8.333%}.palm--five-twelfths{width:41.666%}.palm--seven-twelfths{width:58.333%}.palm--eleven-twelfths{width:91.666%}}@media only screen and (min-width:481px) and (max-width:767px){.lap--one-whole{width:100%}.lap--five-tenths,.lap--four-eighths,.lap--one-half,.lap--six-twelfths,.lap--three-sixths,.lap--two-quarters{width:50%}.lap--four-twelfths,.lap--one-third,.lap--two-sixths{width:33.333%}.lap--eight-twelfths,.lap--four-sixths,.lap--two-thirds{width:66.666%}.lap--one-quarter,.lap--three-twelfths,.lap--two-eighths{width:25%}.lap--nine-twelfths,.lap--six-eighths,.lap--three-quarters{width:75%}.lap--one-fifth,.lap--two-tenths{width:20%}.lap--four-tenths,.lap--two-fifths{width:40%}.lap--six-tenths,.lap--three-fifths{width:60%}.lap--eight-tenths,.lap--four-fifths{width:80%}.lap--one-sixth,.lap--two-twelfths{width:16.666%}.lap--five-sixths,.lap--ten-twelfths{width:83.333%}.lap--one-eighth{width:12.5%}.lap--three-eighths{width:37.5%}.lap--five-eighths{width:62.5%}.lap--seven-eighths{width:87.5%}.lap--one-tenth{width:10%}.lap--three-tenths{width:30%}.lap--seven-tenths{width:70%}.lap--nine-tenths{width:90%}.lap--one-twelfth{width:8.333%}.lap--five-twelfths{width:41.666%}.lap--seven-twelfths{width:58.333%}.lap--eleven-twelfths{width:91.666%}}@media only screen and (max-width:767px){.portable--one-whole{width:100%}.portable--five-tenths,.portable--four-eighths,.portable--one-half,.portable--six-twelfths,.portable--three-sixths,.portable--two-quarters{width:50%}.portable--four-twelfths,.portable--one-third,.portable--two-sixths{width:33.333%}.portable--eight-twelfths,.portable--four-sixths,.portable--two-thirds{width:66.666%}.portable--one-quarter,.portable--three-twelfths,.portable--two-eighths{width:25%}.portable--nine-twelfths,.portable--six-eighths,.portable--three-quarters{width:75%}.portable--one-fifth,.portable--two-tenths{width:20%}.portable--four-tenths,.portable--two-fifths{width:40%}.portable--six-tenths,.portable--three-fifths{width:60%}.portable--eight-tenths,.portable--four-fifths{width:80%}.portable--one-sixth,.portable--two-twelfths{width:16.666%}.portable--five-sixths,.portable--ten-twelfths{width:83.333%}.portable--one-eighth{width:12.5%}.portable--three-eighths{width:37.5%}.portable--five-eighths{width:62.5%}.portable--seven-eighths{width:87.5%}.portable--one-tenth{width:10%}.portable--three-tenths{width:30%}.portable--seven-tenths{width:70%}.portable--nine-tenths{width:90%}.portable--one-twelfth{width:8.333%}.portable--five-twelfths{width:41.666%}.portable--seven-twelfths{width:58.333%}.portable--eleven-twelfths{width:91.666%}}@media only screen and (min-width:768px){.desk--one-whole{width:100%}.desk--five-tenths,.desk--four-eighths,.desk--one-half,.desk--six-twelfths,.desk--three-sixths,.desk--two-quarters{width:50%}.desk--four-twelfths,.desk--one-third,.desk--two-sixths{width:33.333%}.desk--eight-twelfths,.desk--four-sixths,.desk--two-thirds{width:66.666%}.desk--one-quarter,.desk--three-twelfths,.desk--two-eighths{width:25%}.desk--nine-twelfths,.desk--six-eighths,.desk--three-quarters{width:75%}.desk--one-fifth,.desk--two-tenths{width:20%}.desk--four-tenths,.desk--two-fifths{width:40%}.desk--six-tenths,.desk--three-fifths{width:60%}.desk--eight-tenths,.desk--four-fifths{width:80%}.desk--one-sixth,.desk--two-twelfths{width:16.666%}.desk--five-sixths,.desk--ten-twelfths{width:83.333%}.desk--one-eighth{width:12.5%}.desk--three-eighths{width:37.5%}.desk--five-eighths{width:62.5%}.desk--seven-eighths{width:87.5%}.desk--one-tenth{width:10%}.desk--three-tenths{width:30%}.desk--seven-tenths{width:70%}.desk--nine-tenths{width:90%}.desk--one-twelfth{width:8.333%}.desk--five-twelfths{width:41.666%}.desk--seven-twelfths{width:58.333%}.desk--eleven-twelfths{width:91.666%}}[class*=push--]{position:relative}.push--one-whole{left:100%}.push--five-tenths,.push--four-eighths,.push--one-half,.push--six-twelfths,.push--three-sixths,.push--two-quarters{left:50%}.push--four-twelfths,.push--one-third,.push--two-sixths{left:33.333%}.push--eight-twelfths,.push--four-sixths,.push--two-thirds{left:66.666%}.push--one-quarter,.push--three-twelfths,.push--two-eighths{left:25%}.push--nine-twelfths,.push--six-eighths,.push--three-quarters{left:75%}.push--one-fifth,.push--two-tenths{left:20%}.push--four-tenths,.push--two-fifths{left:40%}.push--six-tenths,.push--three-fifths{left:60%}.push--eight-tenths,.push--four-fifths{left:80%}.push--one-sixth,.push--two-twelfths{left:16.666%}.push--five-sixths,.push--ten-twelfths{left:83.333%}.push--one-eighth{left:12.5%}.push--three-eighths{left:37.5%}.push--five-eighths{left:62.5%}.push--seven-eighths{left:87.5%}.push--one-tenth{left:10%}.push--three-tenths{left:30%}.push--seven-tenths{left:70%}.push--nine-tenths{left:90%}.push--one-twelfth{left:8.333%}.push--five-twelfths{left:41.666%}.push--seven-twelfths{left:58.333%}.push--eleven-twelfths{left:91.666%}@media only screen and (max-width:480px){.push--palm--one-whole{left:100%}.push--palm--five-tenths,.push--palm--four-eighths,.push--palm--one-half,.push--palm--six-twelfths,.push--palm--three-sixths,.push--palm--two-quarters{left:50%}.push--palm--four-twelfths,.push--palm--one-third,.push--palm--two-sixths{left:33.333%}.push--palm--eight-twelfths,.push--palm--four-sixths,.push--palm--two-thirds{left:66.666%}.push--palm--one-quarter,.push--palm--three-twelfths,.push--palm--two-eighths{left:25%}.push--palm--nine-twelfths,.push--palm--six-eighths,.push--palm--three-quarters{left:75%}.push--palm--one-fifth,.push--palm--two-tenths{left:20%}.push--palm--four-tenths,.push--palm--two-fifths{left:40%}.push--palm--six-tenths,.push--palm--three-fifths{left:60%}.push--palm--eight-tenths,.push--palm--four-fifths{left:80%}.push--palm--one-sixth,.push--palm--two-twelfths{left:16.666%}.push--palm--five-sixths,.push--palm--ten-twelfths{left:83.333%}.push--palm--one-eighth{left:12.5%}.push--palm--three-eighths{left:37.5%}.push--palm--five-eighths{left:62.5%}.push--palm--seven-eighths{left:87.5%}.push--palm--one-tenth{left:10%}.push--palm--three-tenths{left:30%}.push--palm--seven-tenths{left:70%}.push--palm--nine-tenths{left:90%}.push--palm--one-twelfth{left:8.333%}.push--palm--five-twelfths{left:41.666%}.push--palm--seven-twelfths{left:58.333%}.push--palm--eleven-twelfths{left:91.666%}}@media only screen and (min-width:481px) and (max-width:767px){.push--lap--one-whole{left:100%}.push--lap--five-tenths,.push--lap--four-eighths,.push--lap--one-half,.push--lap--six-twelfths,.push--lap--three-sixths,.push--lap--two-quarters{left:50%}.push--lap--four-twelfths,.push--lap--one-third,.push--lap--two-sixths{left:33.333%}.push--lap--eight-twelfths,.push--lap--four-sixths,.push--lap--two-thirds{left:66.666%}.push--lap--one-quarter,.push--lap--three-twelfths,.push--lap--two-eighths{left:25%}.push--lap--nine-twelfths,.push--lap--six-eighths,.push--lap--three-quarters{left:75%}.push--lap--one-fifth,.push--lap--two-tenths{left:20%}.push--lap--four-tenths,.push--lap--two-fifths{left:40%}.push--lap--six-tenths,.push--lap--three-fifths{left:60%}.push--lap--eight-tenths,.push--lap--four-fifths{left:80%}.push--lap--one-sixth,.push--lap--two-twelfths{left:16.666%}.push--lap--five-sixths,.push--lap--ten-twelfths{left:83.333%}.push--lap--one-eighth{left:12.5%}.push--lap--three-eighths{left:37.5%}.push--lap--five-eighths{left:62.5%}.push--lap--seven-eighths{left:87.5%}.push--lap--one-tenth{left:10%}.push--lap--three-tenths{left:30%}.push--lap--seven-tenths{left:70%}.push--lap--nine-tenths{left:90%}.push--lap--one-twelfth{left:8.333%}.push--lap--five-twelfths{left:41.666%}.push--lap--seven-twelfths{left:58.333%}.push--lap--eleven-twelfths{left:91.666%}}@media only screen and (max-width:767px){.push--portable--one-whole{left:100%}.push--portable--five-tenths,.push--portable--four-eighths,.push--portable--one-half,.push--portable--six-twelfths,.push--portable--three-sixths,.push--portable--two-quarters{left:50%}.push--portable--four-twelfths,.push--portable--one-third,.push--portable--two-sixths{left:33.333%}.push--portable--eight-twelfths,.push--portable--four-sixths,.push--portable--two-thirds{left:66.666%}.push--portable--one-quarter,.push--portable--three-twelfths,.push--portable--two-eighths{left:25%}.push--portable--nine-twelfths,.push--portable--six-eighths,.push--portable--three-quarters{left:75%}.push--portable--one-fifth,.push--portable--two-tenths{left:20%}.push--portable--four-tenths,.push--portable--two-fifths{left:40%}.push--portable--six-tenths,.push--portable--three-fifths{left:60%}.push--portable--eight-tenths,.push--portable--four-fifths{left:80%}.push--portable--one-sixth,.push--portable--two-twelfths{left:16.666%}.push--portable--five-sixths,.push--portable--ten-twelfths{left:83.333%}.push--portable--one-eighth{left:12.5%}.push--portable--three-eighths{left:37.5%}.push--portable--five-eighths{left:62.5%}.push--portable--seven-eighths{left:87.5%}.push--portable--one-tenth{left:10%}.push--portable--three-tenths{left:30%}.push--portable--seven-tenths{left:70%}.push--portable--nine-tenths{left:90%}.push--portable--one-twelfth{left:8.333%}.push--portable--five-twelfths{left:41.666%}.push--portable--seven-twelfths{left:58.333%}.push--portable--eleven-twelfths{left:91.666%}}@media only screen and (min-width:768px){.push--desk--one-whole{left:100%}.push--desk--five-tenths,.push--desk--four-eighths,.push--desk--one-half,.push--desk--six-twelfths,.push--desk--three-sixths,.push--desk--two-quarters{left:50%}.push--desk--four-twelfths,.push--desk--one-third,.push--desk--two-sixths{left:33.333%}.push--desk--eight-twelfths,.push--desk--four-sixths,.push--desk--two-thirds{left:66.666%}.push--desk--one-quarter,.push--desk--three-twelfths,.push--desk--two-eighths{left:25%}.push--desk--nine-twelfths,.push--desk--six-eighths,.push--desk--three-quarters{left:75%}.push--desk--one-fifth,.push--desk--two-tenths{left:20%}.push--desk--four-tenths,.push--desk--two-fifths{left:40%}.push--desk--six-tenths,.push--desk--three-fifths{left:60%}.push--desk--eight-tenths,.push--desk--four-fifths{left:80%}.push--desk--one-sixth,.push--desk--two-twelfths{left:16.666%}.push--desk--five-sixths,.push--desk--ten-twelfths{left:83.333%}.push--desk--one-eighth{left:12.5%}.push--desk--three-eighths{left:37.5%}.push--desk--five-eighths{left:62.5%}.push--desk--seven-eighths{left:87.5%}.push--desk--one-tenth{left:10%}.push--desk--three-tenths{left:30%}.push--desk--seven-tenths{left:70%}.push--desk--nine-tenths{left:90%}.push--desk--one-twelfth{left:8.333%}.push--desk--five-twelfths{left:41.666%}.push--desk--seven-twelfths{left:58.333%}.push--desk--eleven-twelfths{left:91.666%}}@media only screen and (max-width:480px){.palm--hide{display:none}}@media only screen and (min-width:481px) and (max-width:767px){.lap--hide{display:none}}@media only screen and (max-width:767px){.portable--hide{display:none}}@media only screen and (min-width:768px){.desk--hide{display:none}}.grid__item img{max-width:100%}@font-face{font-family:Batch;src:url(../fonts/batch.eot);src:url(../fonts/batch.eot?#iefix) format('embedded-opentype'),url(../fonts/batch.woff) format('woff'),url(../fonts/batch.ttf) format('truetype'),url(../fonts/batch.svg#batchregular) format('svg');font-weight:400;font-style:normal}.icon{font-family:Batch;color:#d9dde0;line-height:1;display:inline-block}/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver}legend{border:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}blockquote,caption,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins,u{text-decoration:none}ins{border-bottom:1px solid}img{font-style:italic}button,input,label,option,select,textarea{cursor:pointer}.text-input:active,.text-input:focus,textarea:active,textarea:focus{cursor:text;outline:0}.island,.islet,.media,address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hgroup,ol,p,pre,table,ul{margin-bottom:1.5rem}.islet .island,.islet .islet,.islet .media,.islet address,.islet blockquote,.islet dl,.islet fieldset,.islet figure,.islet h1,.islet h2,.islet h3,.islet h4,.islet h5,.islet h6,.islet hgroup,.islet ol,.islet p,.islet pre,.islet table,.islet ul{margin-bottom:.75rem}.landmark{margin-bottom:3rem}hr{margin-bottom:1.375rem}dd,ol,ul{margin-left:3rem}.push--top{margin-top:24px}.form legend,.gamma,h3{font-size:24px;line-height:1}.delta,h4{font-size:20px;line-height:1.2}.epsilon,h5{font-size:16px;line-height:1.5}.zeta,h6{font-size:14px;line-height:1.71429}.hN{margin-bottom:4px}.giga{font-size:96px;line-height:1}.mega{font-size:72px;line-height:1}.kilo{font-size:48px;line-height:1}.landing-header__text,.lead{font-size:20px}html{font:1em/1.5 "Fira Sans","Helvetica Neue",Helvetica,sans-serif;overflow-y:scroll;min-height:100%;color:#333435;background-color:#333435}.centered{max-width:960px;padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto;position:relative}a{color:#002f6f;-webkit-transition:all .25s ease;transition:all .25s ease;text-decoration:none}a:hover{color:#005cd5}img{margin-bottom:-4px}.muted-link{color:#333435}.cf:after,.cf:before,.main-nav--header:after,.main-nav--header:before{content:" ";display:table}.cf:after,.main-nav--header:after{clear:both}.form--stacked .help-text,.muted,.people-list__meta{color:#4c4e4f}.people-list__meta,.smaller{font-size:14px}.align--center{text-align:center}.align--right{text-align:right}.float--right{float:right}.nomargin{margin:0}figure img{margin-bottom:12px}.vertical-center .grid__item{vertical-align:middle}@media only screen and (max-width:767px){.portable--float-none{float:none}}.button{padding:1em 1.5em;border-radius:4px;background-color:#f5f6f7;text-decoration:none;cursor:pointer;color:#333435;font-weight:700;white-space:nowrap;display:inline-block;text-align:center;box-sizing:border-box;border:none}.button:hover{background-color:#e7e9ec;text-decoration:none}.button--primary{background-color:#002f6f;color:#fff}.button--primary:hover{color:#fff;background-color:#004093}.button--stripped{border:none;background:0 0;font-weight:400}.button--stripped:hover{background:0 0}.button--hollow{background:0 0;border:2px solid #f5f6f7}.button--hollow:hover{background:0 0;border-color:#e7e9ec}@media only screen and (max-width:767px){.button{display:block;width:100%;margin-bottom:24px}}.form input[type=color],.form input[type=date],.form input[type=datetime-local],.form input[type=datetime],.form input[type=email],.form input[type=month],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=time],.form input[type=url],.form input[type=week],.form select,.form textarea{border:1px solid #d9dde0;border-radius:4px;font-size:16px;line-height:1.5;padding:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;width:320px;max-width:100%}.form input[type=color]:focus,.form input[type=date]:focus,.form input[type=datetime-local]:focus,.form input[type=datetime]:focus,.form input[type=email]:focus,.form input[type=month]:focus,.form input[type=number]:focus,.form input[type=password]:focus,.form input[type=search]:focus,.form input[type=tel]:focus,.form input[type=text]:focus,.form input[type=time]:focus,.form input[type=url]:focus,.form input[type=week]:focus,.form select:focus,.form textarea:focus{outline:0;box-shadow:0 1px 3px rgba(0,0,0,.2)}.form input[type=color].erroneous,.form input[type=date].erroneous,.form input[type=datetime-local].erroneous,.form input[type=datetime].erroneous,.form input[type=email].erroneous,.form input[type=month].erroneous,.form input[type=number].erroneous,.form input[type=password].erroneous,.form input[type=search].erroneous,.form input[type=tel].erroneous,.form input[type=text].erroneous,.form input[type=time].erroneous,.form input[type=url].erroneous,.form input[type=week].erroneous,.form select.erroneous,.form textarea.erroneous{border-color:#C45D58}.form input[type=checkbox],.form input[type=radio]{margin-right:6px}.form legend{display:block;width:100%;border-bottom:1px solid #f5f6f7;padding-bottom:6px;margin-bottom:18px;box-sizing:border-box}.form fieldset{border:none}.form option,.form select{height:38px;box-shadow:none}.form--stacked label{display:block;font-size:16px;line-height:1.5;margin-top:-6px;margin-bottom:3px}.form--stacked .help-text{font-size:14px;line-height:1.71429;font-style:italic;margin-bottom:-3px;margin-top:3px}.form--block input[type=color],.form--block input[type=date],.form--block input[type=datetime-local],.form--block input[type=datetime],.form--block input[type=email],.form--block input[type=month],.form--block input[type=number],.form--block input[type=password],.form--block input[type=search],.form--block input[type=tel],.form--block input[type=text],.form--block input[type=time],.form--block input[type=url],.form--block input[type=week],.form--block select,.form--block textarea{display:block;width:100%}.form__control-group,.form__controls{display:block;margin-bottom:24px}@media only screen and (max-width:767px){.form--stacked input[type=color],.form--stacked input[type=date],.form--stacked input[type=datetime-local],.form--stacked input[type=datetime],.form--stacked input[type=email],.form--stacked input[type=month],.form--stacked input[type=number],.form--stacked input[type=password],.form--stacked input[type=search],.form--stacked input[type=tel],.form--stacked input[type=text],.form--stacked input[type=time],.form--stacked input[type=url],.form--stacked input[type=week],.form--stacked select,.form--stacked textarea{display:block;width:100%}}.form--inline .button,.form--inline button,.form--inline input[type=submit]{padding:6px 12px}.form__potty{position:absolute;top:-9999px;left:-9999px}.required:after{content:" *";color:#C45D58}.radio-group{list-style:none;margin-left:0}.radio-group--inline li{display:inline-block;padding-right:24px}li.radio-group__label{font-weight:700;display:block}.form .message{padding:1em 1.5em;border-radius:4px}.form .message.success{background-color:#80C080;color:#fff}.form .message.error{background-color:#C45D58;color:#fff}.nav--inline{margin-left:-24px;display:inline-block}.nav--inline li{display:inline-block;margin-left:24px}.nav--inline a{display:inline-block;margin-bottom:0}.nav--block{margin-left:0;display:block}.nav--block a,.nav--block li{display:block}.alpha,h1{font-weight:300;font-size:48px;line-height:1;margin-bottom:48px}.beta,h2{color:#002f6f;font-size:24px;line-height:1;font-weight:400}.main-header{background-color:#002f6f;color:#fff;padding:24px 0;background-image:-webkit-radial-gradient(ellipse at bottom right,#80bfe0 0,#002f6f 53%,#001c41 100%);background-image:radial-gradient(ellipse at bottom right,#80bfe0 0,#002f6f 53%,#001c41 100%)}.main-header__title{color:#fff;font-size:2.25em;margin-bottom:0}.page{padding:48px 0 24px;background-color:#fff}.main-footer{padding:24px 0 0;background:#333435;color:#fff}.main-footer .centered{background:url(../img/logo-muted.svg) calc(100% - 24px) 62% no-repeat}.main-footer a{color:#ccc;text-decoration:none}.main-footer a:hover{color:#fff}.main-footer__links{list-style:none;margin-left:0;color:#777}.main-footer__links h1,.main-footer__links h2,.main-footer__links h3,.main-footer__links li{line-height:28px}.main-footer__links .push--top{margin-top:28px}.main-footer__title{color:#fff}.call-section,.how,.in-action-section,.information-container,.testimonials,.tour-section{padding:72px 0 48px;background-color:#fff}@media only screen and (min-width:768px){.page{padding-top:168px}.page--container{padding-top:96px}}.landing-header{padding:168px 0 120px;background:url(../img/crowd-blue.png) top center/cover no-repeat;color:#fff;text-align:center}.landing-header a{color:#fff}.landing-header__lang{float:right;opacity:.6;font-size:13.6px;line-height:13.6px;margin-top:-72px;z-index:110;position:relative}.landing-header__title{font-weight:300}.landing-header__text{margin-bottom:48px}.landing-header__actions .button{border-color:#fff;color:#fff}.landing-header__actions .button--hollow:hover{background-color:rgba(255,255,255,.05)}.landing-header__actions .button--stripped{opacity:.8}.landing-header__actions .button--stripped:hover{opacity:1}.landing-header__desc{-webkit-filter:blur(0px);filter:blur(0px);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-animation:fadein ease 1.25s;animation:fadein ease 1.25s}@-webkit-keyframes fadein{0%{-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(0.5);transform:scale(0.5)}50%{-webkit-filter:blur(10px);filter:blur(10px)}70%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-filter:blur(0px);filter:blur(0px)}}@keyframes fadein{0%{-webkit-filter:blur(10px);filter:blur(10px);-webkit-transform:scale(0.5);transform:scale(0.5)}50%{-webkit-filter:blur(10px);filter:blur(10px)}70%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-filter:blur(0px);filter:blur(0px)}}.call-section__text,.how{text-align:center}.in-action-section{text-align:center;background-color:#333435;color:#fff;overflow:hidden}.cases__item{background:#f5f6f7;color:#333435;text-align:left;margin-bottom:24px;box-shadow:0 3px 15px rgba(0,0,0,.85);height:456px;position:relative}.cases__item h2{font-weight:700;text-shadow:0 0 3px #f5f6f7}.cases__fade{height:192px;overflow:hidden;position:relative}.cases__fade:after{content:"";width:100%;height:100%;top:0;position:absolute;background-image:-webkit-linear-gradient(90deg,#f5f6f7 0,rgba(245,246,247,0) 50%);background-image:linear-gradient(0deg,#f5f6f7 0,rgba(245,246,247,0) 50%)}.cases__img{height:100%;background-size:cover}.cases__desc{padding:24px;position:absolute;bottom:0}.testimonials__item{position:relative;min-height:264px;padding-bottom:72px}.testimonials__border{height:0;border:none;border-bottom:4px solid #f5f6f7;margin-bottom:-48px;margin-top:24px;margin-left:48px}.testimonials__title{text-align:center;color:#002f6f}.testimonials__author{text-align:right;font-style:italic;color:#727476;font-size:13.6px;position:absolute;right:0;bottom:0}@media only screen and (max-width:767px){.landing-header{padding-top:0;padding-bottom:72px}.landing-header__lang{float:none;margin-top:-48px;margin-bottom:24px}.landing-header .main-nav{margin-bottom:72px}}@media only screen and (min-width:768px){.cases__item{margin-bottom:-48px}.how__figure{height:264px;position:relative}.how__figure figcaption{position:absolute;bottom:0;width:100%}}.main-nav,.sub-nav{font-weight:700;font-size:18px;line-height:1;text-align:left;position:static;width:100%;top:0;z-index:100;-webkit-transition:padding ease 300ms;transition:padding ease 300ms}.main-nav{background-color:#002f6f;padding:12px 0}.main-nav a{text-decoration:none;padding:12px 18px;color:#fff}.main-nav__button{background-color:rgba(0,47,111,.5);border-radius:4px;border:2px solid #fff}.main-nav__button:hover{background-color:#002f6f}a.main-nav__logo{display:inline-block;padding:0;margin:0}a.main-nav__logo img{height:42px;-webkit-transition:height ease 300ms;transition:height ease 300ms}.sub-nav{background:#f5f6f7;top:68.4px;border-bottom:2px solid #fff}.sub-nav a{padding:18px}.sub-nav__links{margin-bottom:0}.sub-nav__links .active a{background-color:#fff}@media only screen and (min-width:768px){.main-nav .active::after{content:" ";border:8px solid transparent;border-bottom-color:#f5f6f7;position:absolute;bottom:-14.4px;left:50%;margin-left:-8px}.main-nav li{position:relative;margin-left:6px}.main-nav--header .main-nav__button{border-color:transparent}.main-nav__links{margin-bottom:0;float:right}.main-nav,.sub-nav{position:fixed}.main-nav--header{padding:24px 0;background-color:transparent}.main-nav--header a.main-nav__logo img{height:90px}}@media only screen and (max-width:767px){.main-nav{text-align:center}.main-nav li{margin-left:0}a.main-nav__logo{display:block;width:100%;margin-bottom:12px}.main-nav__links{margin-bottom:0;margin-left:0}.sub-nav{text-align:center}}.people-list{margin-top:-48px}.people-list__item{margin-bottom:24px;position:relative;min-height:120px}.people-list__photo{width:90px;height:120px;background-position:center center;background-size:cover;border-radius:4px;position:absolute}.people-list__desc{padding-left:114px;margin:0}.people-list__meta,.people-list__name{display:block}.feature-list,.people-list__separator{margin-top:48px}.feature-list__item{text-align:center;margin-bottom:48px}.feature-list__icon{font-size:4em;display:block;margin-bottom:24px}.call-section--features{padding-top:0}.tour-section--odd{background-color:#f5f6f7}.tour-section--bars .centered{background:url(../img/bars.svg) right bottom no-repeat}.example-question{text-align:center;font-style:italic}.download-container{text-align:center;margin-bottom:20px}.download-container p{margin:0}.download-container .button{margin-bottom:4px} \ No newline at end of file +@charset "UTF-8";dfn,img{font-style:italic}img,legend{border:0}.centered,[class*=push--],sub,sup{position:relative}.button,.button:hover,.main-footer a,.main-nav a,a,ins,u{text-decoration:none}.grid,.radio-group,.upper{list-style:none}.grid{margin:0 0 0 -48px;padding:0;letter-spacing:-.31em}.grid,.opera:-o-prefocus{word-spacing:-.43em}.grid__item{display:inline-block;padding-left:48px;vertical-align:top;width:100%;box-sizing:border-box;letter-spacing:normal;word-spacing:normal}.grid--rev{direction:rtl;text-align:left}.grid--rev>.grid__item{direction:ltr;text-align:left}.grid--full{margin-left:0}.grid--full>.grid__item{padding-left:0}.grid--right{text-align:right}.grid--right>.grid__item{text-align:left}.grid--center{text-align:center}.grid--center>.grid__item{text-align:left}.grid--middle>.grid__item{vertical-align:middle}.grid--bottom>.grid__item{vertical-align:bottom}.grid--narrow{margin-left:-24px}.grid--narrow>.grid__item{padding-left:24px}.grid--wide{margin-left:-96px}.grid--wide>.grid__item{padding-left:96px}.one-whole{width:100%}.five-tenths,.four-eighths,.one-half,.six-twelfths,.three-sixths,.two-quarters{width:50%}.four-twelfths,.one-third,.two-sixths{width:33.333%}.eight-twelfths,.four-sixths,.two-thirds{width:66.666%}.one-quarter,.three-twelfths,.two-eighths{width:25%}.nine-twelfths,.six-eighths,.three-quarters{width:75%}.one-fifth,.two-tenths{width:20%}.four-tenths,.two-fifths{width:40%}.six-tenths,.three-fifths{width:60%}.eight-tenths,.four-fifths{width:80%}.one-sixth,.two-twelfths{width:16.666%}.five-sixths,.ten-twelfths{width:83.333%}.one-eighth{width:12.5%}.three-eighths{width:37.5%}.five-eighths{width:62.5%}.seven-eighths{width:87.5%}.one-tenth{width:10%}.three-tenths{width:30%}.seven-tenths{width:70%}.nine-tenths{width:90%}.one-twelfth{width:8.333%}.five-twelfths{width:41.666%}.seven-twelfths{width:58.333%}.eleven-twelfths{width:91.666%}@media only screen and (max-width:480px){.palm--one-whole{width:100%}.palm--five-tenths,.palm--four-eighths,.palm--one-half,.palm--six-twelfths,.palm--three-sixths,.palm--two-quarters{width:50%}.palm--four-twelfths,.palm--one-third,.palm--two-sixths{width:33.333%}.palm--eight-twelfths,.palm--four-sixths,.palm--two-thirds{width:66.666%}.palm--one-quarter,.palm--three-twelfths,.palm--two-eighths{width:25%}.palm--nine-twelfths,.palm--six-eighths,.palm--three-quarters{width:75%}.palm--one-fifth,.palm--two-tenths{width:20%}.palm--four-tenths,.palm--two-fifths{width:40%}.palm--six-tenths,.palm--three-fifths{width:60%}.palm--eight-tenths,.palm--four-fifths{width:80%}.palm--one-sixth,.palm--two-twelfths{width:16.666%}.palm--five-sixths,.palm--ten-twelfths{width:83.333%}.palm--one-eighth{width:12.5%}.palm--three-eighths{width:37.5%}.palm--five-eighths{width:62.5%}.palm--seven-eighths{width:87.5%}.palm--one-tenth{width:10%}.palm--three-tenths{width:30%}.palm--seven-tenths{width:70%}.palm--nine-tenths{width:90%}.palm--one-twelfth{width:8.333%}.palm--five-twelfths{width:41.666%}.palm--seven-twelfths{width:58.333%}.palm--eleven-twelfths{width:91.666%}}@media only screen and (min-width:481px) and (max-width:767px){.lap--one-whole{width:100%}.lap--five-tenths,.lap--four-eighths,.lap--one-half,.lap--six-twelfths,.lap--three-sixths,.lap--two-quarters{width:50%}.lap--four-twelfths,.lap--one-third,.lap--two-sixths{width:33.333%}.lap--eight-twelfths,.lap--four-sixths,.lap--two-thirds{width:66.666%}.lap--one-quarter,.lap--three-twelfths,.lap--two-eighths{width:25%}.lap--nine-twelfths,.lap--six-eighths,.lap--three-quarters{width:75%}.lap--one-fifth,.lap--two-tenths{width:20%}.lap--four-tenths,.lap--two-fifths{width:40%}.lap--six-tenths,.lap--three-fifths{width:60%}.lap--eight-tenths,.lap--four-fifths{width:80%}.lap--one-sixth,.lap--two-twelfths{width:16.666%}.lap--five-sixths,.lap--ten-twelfths{width:83.333%}.lap--one-eighth{width:12.5%}.lap--three-eighths{width:37.5%}.lap--five-eighths{width:62.5%}.lap--seven-eighths{width:87.5%}.lap--one-tenth{width:10%}.lap--three-tenths{width:30%}.lap--seven-tenths{width:70%}.lap--nine-tenths{width:90%}.lap--one-twelfth{width:8.333%}.lap--five-twelfths{width:41.666%}.lap--seven-twelfths{width:58.333%}.lap--eleven-twelfths{width:91.666%}}@media only screen and (max-width:767px){.portable--one-whole{width:100%}.portable--five-tenths,.portable--four-eighths,.portable--one-half,.portable--six-twelfths,.portable--three-sixths,.portable--two-quarters{width:50%}.portable--four-twelfths,.portable--one-third,.portable--two-sixths{width:33.333%}.portable--eight-twelfths,.portable--four-sixths,.portable--two-thirds{width:66.666%}.portable--one-quarter,.portable--three-twelfths,.portable--two-eighths{width:25%}.portable--nine-twelfths,.portable--six-eighths,.portable--three-quarters{width:75%}.portable--one-fifth,.portable--two-tenths{width:20%}.portable--four-tenths,.portable--two-fifths{width:40%}.portable--six-tenths,.portable--three-fifths{width:60%}.portable--eight-tenths,.portable--four-fifths{width:80%}.portable--one-sixth,.portable--two-twelfths{width:16.666%}.portable--five-sixths,.portable--ten-twelfths{width:83.333%}.portable--one-eighth{width:12.5%}.portable--three-eighths{width:37.5%}.portable--five-eighths{width:62.5%}.portable--seven-eighths{width:87.5%}.portable--one-tenth{width:10%}.portable--three-tenths{width:30%}.portable--seven-tenths{width:70%}.portable--nine-tenths{width:90%}.portable--one-twelfth{width:8.333%}.portable--five-twelfths{width:41.666%}.portable--seven-twelfths{width:58.333%}.portable--eleven-twelfths{width:91.666%}}.push--one-whole{left:100%}.push--five-tenths,.push--four-eighths,.push--one-half,.push--six-twelfths,.push--three-sixths,.push--two-quarters{left:50%}.push--four-twelfths,.push--one-third,.push--two-sixths{left:33.333%}.push--eight-twelfths,.push--four-sixths,.push--two-thirds{left:66.666%}.push--one-quarter,.push--three-twelfths,.push--two-eighths{left:25%}.push--nine-twelfths,.push--six-eighths,.push--three-quarters{left:75%}.push--one-fifth,.push--two-tenths{left:20%}.push--four-tenths,.push--two-fifths{left:40%}.push--six-tenths,.push--three-fifths{left:60%}.push--eight-tenths,.push--four-fifths{left:80%}.push--one-sixth,.push--two-twelfths{left:16.666%}.push--five-sixths,.push--ten-twelfths{left:83.333%}.push--one-eighth{left:12.5%}.push--three-eighths{left:37.5%}.push--five-eighths{left:62.5%}.push--seven-eighths{left:87.5%}.push--one-tenth{left:10%}.push--three-tenths{left:30%}.push--seven-tenths{left:70%}.push--nine-tenths{left:90%}.push--one-twelfth{left:8.333%}.push--five-twelfths{left:41.666%}.push--seven-twelfths{left:58.333%}.push--eleven-twelfths{left:91.666%}@media only screen and (max-width:480px){.push--palm--one-whole{left:100%}.push--palm--five-tenths,.push--palm--four-eighths,.push--palm--one-half,.push--palm--six-twelfths,.push--palm--three-sixths,.push--palm--two-quarters{left:50%}.push--palm--four-twelfths,.push--palm--one-third,.push--palm--two-sixths{left:33.333%}.push--palm--eight-twelfths,.push--palm--four-sixths,.push--palm--two-thirds{left:66.666%}.push--palm--one-quarter,.push--palm--three-twelfths,.push--palm--two-eighths{left:25%}.push--palm--nine-twelfths,.push--palm--six-eighths,.push--palm--three-quarters{left:75%}.push--palm--one-fifth,.push--palm--two-tenths{left:20%}.push--palm--four-tenths,.push--palm--two-fifths{left:40%}.push--palm--six-tenths,.push--palm--three-fifths{left:60%}.push--palm--eight-tenths,.push--palm--four-fifths{left:80%}.push--palm--one-sixth,.push--palm--two-twelfths{left:16.666%}.push--palm--five-sixths,.push--palm--ten-twelfths{left:83.333%}.push--palm--one-eighth{left:12.5%}.push--palm--three-eighths{left:37.5%}.push--palm--five-eighths{left:62.5%}.push--palm--seven-eighths{left:87.5%}.push--palm--one-tenth{left:10%}.push--palm--three-tenths{left:30%}.push--palm--seven-tenths{left:70%}.push--palm--nine-tenths{left:90%}.push--palm--one-twelfth{left:8.333%}.push--palm--five-twelfths{left:41.666%}.push--palm--seven-twelfths{left:58.333%}.push--palm--eleven-twelfths{left:91.666%}.palm--hide{display:none}}@media only screen and (min-width:481px) and (max-width:767px){.push--lap--one-whole{left:100%}.push--lap--five-tenths,.push--lap--four-eighths,.push--lap--one-half,.push--lap--six-twelfths,.push--lap--three-sixths,.push--lap--two-quarters{left:50%}.push--lap--four-twelfths,.push--lap--one-third,.push--lap--two-sixths{left:33.333%}.push--lap--eight-twelfths,.push--lap--four-sixths,.push--lap--two-thirds{left:66.666%}.push--lap--one-quarter,.push--lap--three-twelfths,.push--lap--two-eighths{left:25%}.push--lap--nine-twelfths,.push--lap--six-eighths,.push--lap--three-quarters{left:75%}.push--lap--one-fifth,.push--lap--two-tenths{left:20%}.push--lap--four-tenths,.push--lap--two-fifths{left:40%}.push--lap--six-tenths,.push--lap--three-fifths{left:60%}.push--lap--eight-tenths,.push--lap--four-fifths{left:80%}.push--lap--one-sixth,.push--lap--two-twelfths{left:16.666%}.push--lap--five-sixths,.push--lap--ten-twelfths{left:83.333%}.push--lap--one-eighth{left:12.5%}.push--lap--three-eighths{left:37.5%}.push--lap--five-eighths{left:62.5%}.push--lap--seven-eighths{left:87.5%}.push--lap--one-tenth{left:10%}.push--lap--three-tenths{left:30%}.push--lap--seven-tenths{left:70%}.push--lap--nine-tenths{left:90%}.push--lap--one-twelfth{left:8.333%}.push--lap--five-twelfths{left:41.666%}.push--lap--seven-twelfths{left:58.333%}.push--lap--eleven-twelfths{left:91.666%}.lap--hide{display:none}}@media only screen and (max-width:767px){.push--portable--one-whole{left:100%}.push--portable--five-tenths,.push--portable--four-eighths,.push--portable--one-half,.push--portable--six-twelfths,.push--portable--three-sixths,.push--portable--two-quarters{left:50%}.push--portable--four-twelfths,.push--portable--one-third,.push--portable--two-sixths{left:33.333%}.push--portable--eight-twelfths,.push--portable--four-sixths,.push--portable--two-thirds{left:66.666%}.push--portable--one-quarter,.push--portable--three-twelfths,.push--portable--two-eighths{left:25%}.push--portable--nine-twelfths,.push--portable--six-eighths,.push--portable--three-quarters{left:75%}.push--portable--one-fifth,.push--portable--two-tenths{left:20%}.push--portable--four-tenths,.push--portable--two-fifths{left:40%}.push--portable--six-tenths,.push--portable--three-fifths{left:60%}.push--portable--eight-tenths,.push--portable--four-fifths{left:80%}.push--portable--one-sixth,.push--portable--two-twelfths{left:16.666%}.push--portable--five-sixths,.push--portable--ten-twelfths{left:83.333%}.push--portable--one-eighth{left:12.5%}.push--portable--three-eighths{left:37.5%}.push--portable--five-eighths{left:62.5%}.push--portable--seven-eighths{left:87.5%}.push--portable--one-tenth{left:10%}.push--portable--three-tenths{left:30%}.push--portable--seven-tenths{left:70%}.push--portable--nine-tenths{left:90%}.push--portable--one-twelfth{left:8.333%}.push--portable--five-twelfths{left:41.666%}.push--portable--seven-twelfths{left:58.333%}.push--portable--eleven-twelfths{left:91.666%}.portable--hide{display:none}}@media only screen and (min-width:768px){.desk--one-whole{width:100%}.desk--five-tenths,.desk--four-eighths,.desk--one-half,.desk--six-twelfths,.desk--three-sixths,.desk--two-quarters{width:50%}.desk--four-twelfths,.desk--one-third,.desk--two-sixths{width:33.333%}.desk--eight-twelfths,.desk--four-sixths,.desk--two-thirds{width:66.666%}.desk--one-quarter,.desk--three-twelfths,.desk--two-eighths{width:25%}.desk--nine-twelfths,.desk--six-eighths,.desk--three-quarters{width:75%}.desk--one-fifth,.desk--two-tenths{width:20%}.desk--four-tenths,.desk--two-fifths{width:40%}.desk--six-tenths,.desk--three-fifths{width:60%}.desk--eight-tenths,.desk--four-fifths{width:80%}.desk--one-sixth,.desk--two-twelfths{width:16.666%}.desk--five-sixths,.desk--ten-twelfths{width:83.333%}.desk--one-eighth{width:12.5%}.desk--three-eighths{width:37.5%}.desk--five-eighths{width:62.5%}.desk--seven-eighths{width:87.5%}.desk--one-tenth{width:10%}.desk--three-tenths{width:30%}.desk--seven-tenths{width:70%}.desk--nine-tenths{width:90%}.desk--one-twelfth{width:8.333%}.desk--five-twelfths{width:41.666%}.desk--seven-twelfths{width:58.333%}.desk--eleven-twelfths{width:91.666%}.push--desk--one-whole{left:100%}.push--desk--five-tenths,.push--desk--four-eighths,.push--desk--one-half,.push--desk--six-twelfths,.push--desk--three-sixths,.push--desk--two-quarters{left:50%}.push--desk--four-twelfths,.push--desk--one-third,.push--desk--two-sixths{left:33.333%}.push--desk--eight-twelfths,.push--desk--four-sixths,.push--desk--two-thirds{left:66.666%}.push--desk--one-quarter,.push--desk--three-twelfths,.push--desk--two-eighths{left:25%}.push--desk--nine-twelfths,.push--desk--six-eighths,.push--desk--three-quarters{left:75%}.push--desk--one-fifth,.push--desk--two-tenths{left:20%}.push--desk--four-tenths,.push--desk--two-fifths{left:40%}.push--desk--six-tenths,.push--desk--three-fifths{left:60%}.push--desk--eight-tenths,.push--desk--four-fifths{left:80%}.push--desk--one-sixth,.push--desk--two-twelfths{left:16.666%}.push--desk--five-sixths,.push--desk--ten-twelfths{left:83.333%}.push--desk--one-eighth{left:12.5%}.push--desk--three-eighths{left:37.5%}.push--desk--five-eighths{left:62.5%}.push--desk--seven-eighths{left:87.5%}.push--desk--one-tenth{left:10%}.push--desk--three-tenths{left:30%}.push--desk--seven-tenths{left:70%}.push--desk--nine-tenths{left:90%}.push--desk--one-twelfth{left:8.333%}.push--desk--five-twelfths{left:41.666%}.push--desk--seven-twelfths{left:58.333%}.push--desk--eleven-twelfths{left:91.666%}.desk--hide{display:none}}.icon,audio,canvas,video{display:inline-block}.grid__item img{max-width:100%}@font-face{font-family:Batch;src:url(../fonts/batch.eot);src:url(../fonts/batch.eot?#iefix) format("embedded-opentype"),url(../fonts/batch.woff) format("woff"),url(../fonts/batch.ttf) format("truetype"),url(../fonts/batch.svg#batchregular) format("svg");font-weight:400;font-style:normal}.icon{font-family:Batch;color:#d9dde0;line-height:1}/*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio:not([controls]){display:none;height:0}[hidden]{display:none}body,figure{margin:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}blockquote,caption,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,table,td,th,ul{margin:0;padding:0}abbr[title],dfn[title]{cursor:help}ins{border-bottom:1px solid}button,input,label,option,select,textarea{cursor:pointer}.text-input:active,.text-input:focus,textarea:active,textarea:focus{cursor:text;outline:0}.island,.islet,.media,address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hgroup,ol,p,pre,table,ul{margin-bottom:1.5rem}.islet .island,.islet .islet,.islet .media,.islet address,.islet blockquote,.islet dl,.islet fieldset,.islet figure,.islet h1,.islet h2,.islet h3,.islet h4,.islet h5,.islet h6,.islet hgroup,.islet ol,.islet p,.islet pre,.islet table,.islet ul{margin-bottom:.75rem}.landmark{margin-bottom:3rem}hr{box-sizing:content-box;height:0;margin-bottom:1.375rem}.button,.form legend{box-sizing:border-box}dd,ol,ul{margin-left:3rem}.push--top{margin-top:24px}.form legend,.gamma,h3{font-size:24px;line-height:1}.delta,h4{font-size:20px;line-height:1.2}.epsilon,h5{font-size:16px;line-height:1.5}.zeta,h6{font-size:14px;line-height:1.71429}.giga,.kilo,.mega{line-height:1}.hN{margin-bottom:4px}.giga{font-size:96px}.mega{font-size:72px}.kilo{font-size:48px}.landing-header__text,.lead{font-size:20px}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font:1em/1.5 "Fira Sans","Helvetica Neue",Helvetica,sans-serif;overflow-y:scroll;min-height:100%;color:#333435;background-color:#333435}.centered{max-width:960px;padding-left:24px;padding-right:24px;margin-left:auto;margin-right:auto}a{color:#002f6f;transition:all .25s ease}a:hover{color:#005ad5}img{margin-bottom:-4px}.muted-link{color:#333435}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.form--stacked .help-text,.muted,.people-list__meta{color:#4c4e4f}.people-list__meta,.smaller{font-size:14px}.align--center{text-align:center}.align--right{text-align:right}.button,.call-section__text,.how,.landing-header{text-align:center}.float--right{float:right}.nomargin{margin:0}figure img{margin-bottom:12px}.vertical-center .grid__item{vertical-align:middle}.button{padding:1em 1.5em;border-radius:4px;background-color:#f5f6f7;cursor:pointer;color:#333435;font-weight:700;white-space:nowrap;display:inline-block;border:none}.button:hover{background-color:#e7e9ec}.button--primary{background-color:#002f6f;color:#fff}.button--primary:hover{color:#fff;background-color:#003e93}.button--stripped{border:none;background:0 0;font-weight:400}.button--stripped:hover{background:0 0}.button--hollow{background:0 0;border:2px solid #f5f6f7}.button--hollow:hover{background:0 0;border-color:#e7e9ec}@media only screen and (max-width:767px){.portable--float-none{float:none}.button{display:block;width:100%;margin-bottom:24px}}.form input[type=color],.form input[type=date],.form input[type=datetime-local],.form input[type=datetime],.form input[type=email],.form input[type=month],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=time],.form input[type=url],.form input[type=week],.form select,.form textarea{border:1px solid #d9dde0;border-radius:4px;font-size:16px;line-height:1.5;padding:6px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;width:320px;max-width:100%}.form input[type=color]:focus,.form input[type=date]:focus,.form input[type=datetime-local]:focus,.form input[type=datetime]:focus,.form input[type=email]:focus,.form input[type=month]:focus,.form input[type=number]:focus,.form input[type=password]:focus,.form input[type=search]:focus,.form input[type=tel]:focus,.form input[type=text]:focus,.form input[type=time]:focus,.form input[type=url]:focus,.form input[type=week]:focus,.form select:focus,.form textarea:focus{outline:0;box-shadow:0 1px 3px rgba(0,0,0,.2)}.form input[type=color].erroneous,.form input[type=date].erroneous,.form input[type=datetime-local].erroneous,.form input[type=datetime].erroneous,.form input[type=email].erroneous,.form input[type=month].erroneous,.form input[type=number].erroneous,.form input[type=password].erroneous,.form input[type=search].erroneous,.form input[type=tel].erroneous,.form input[type=text].erroneous,.form input[type=time].erroneous,.form input[type=url].erroneous,.form input[type=week].erroneous,.form select.erroneous,.form textarea.erroneous{border-color:#C45D58}.form input[type=checkbox],.form input[type=radio]{margin-right:6px}.form legend{display:block;width:100%;border-bottom:1px solid #f5f6f7;padding-bottom:6px;margin-bottom:18px}.form fieldset{border:none}.form option,.form select{height:38px;box-shadow:none}.form--stacked label{display:block;font-size:16px;line-height:1.5;margin-top:-6px;margin-bottom:3px}.form--stacked .help-text{font-size:14px;line-height:1.71429;font-style:italic;margin-bottom:-3px;margin-top:3px}.form--block input[type=color],.form--block input[type=date],.form--block input[type=datetime-local],.form--block input[type=datetime],.form--block input[type=email],.form--block input[type=month],.form--block input[type=number],.form--block input[type=password],.form--block input[type=search],.form--block input[type=tel],.form--block input[type=text],.form--block input[type=time],.form--block input[type=url],.form--block input[type=week],.form--block select,.form--block textarea{display:block;width:100%}.form__control-group,.form__controls{display:block;margin-bottom:24px}@media only screen and (max-width:767px){.form--stacked input[type=color],.form--stacked input[type=date],.form--stacked input[type=datetime-local],.form--stacked input[type=datetime],.form--stacked input[type=email],.form--stacked input[type=month],.form--stacked input[type=number],.form--stacked input[type=password],.form--stacked input[type=search],.form--stacked input[type=tel],.form--stacked input[type=text],.form--stacked input[type=time],.form--stacked input[type=url],.form--stacked input[type=week],.form--stacked select,.form--stacked textarea{display:block;width:100%}}.form--inline .button,.form--inline button,.form--inline input[type=submit]{padding:6px 12px}.form__potty{position:absolute;top:-9999px;left:-9999px}.required:after{content:" *";color:#C45D58}.radio-group{margin-left:0}.radio-group--inline li{display:inline-block;padding-right:24px}li.radio-group__label{font-weight:700;display:block}.form .message{padding:1em 1.5em;border-radius:4px}.form .message.success{background-color:#80C080;color:#fff}.form .message.error{background-color:#C45D58;color:#fff}.nav--inline{margin-left:-24px;display:inline-block}.nav--inline li{display:inline-block;margin-left:24px}.nav--inline a{display:inline-block;margin-bottom:0}.nav--block,.nav--block a,.nav--block li{display:block}.nav--block{margin-left:0}.alpha,h1{font-weight:300;font-size:48px;line-height:1;margin-bottom:48px}.beta,h2{color:#002f6f;font-size:24px;line-height:1;font-weight:400}.main-header{background-color:#002f6f;color:#fff;padding:24px 0;background-image:radial-gradient(ellipse at bottom right,#80bfe0 0,#002f6f 53%,#001c41 100%)}.main-header__title{color:#fff;font-size:2.25em;margin-bottom:0}.page{padding:48px 0 24px;background-color:#fff}.main-footer{padding:24px 0 0;background:#333435;color:#fff}.main-footer .centered{background:url(../img/logo-muted.svg) calc(100% - 24px) 62% no-repeat}.main-footer a{color:#ccc}.main-footer a:hover{color:#fff}.main-footer__links{list-style:none;margin-left:0;color:#777}.main-footer__links h1,.main-footer__links h2,.main-footer__links h3,.main-footer__links li{line-height:28px}.main-footer__links .push--top{margin-top:28px}.main-footer__title{color:#fff}.call-section,.how,.in-action-section,.information-container,.testimonials,.tour-section{padding:72px 0 48px;background-color:#fff}@media only screen and (min-width:768px){.page{padding-top:168px}.page--container{padding-top:96px}}.landing-header{padding:168px 0 120px;background:url(../img/crowd-blue.png) top center no-repeat;background-size:cover;color:#fff}.landing-header a{color:#fff}.landing-header__lang{float:right;opacity:.6;font-size:13.6px;line-height:13.6px;margin-top:-72px;z-index:110;position:relative}.landing-header__title{font-weight:300}.landing-header__text{margin-bottom:48px}.landing-header__actions .button{border-color:#fff;color:#fff}.landing-header__actions .button--hollow:hover{background-color:rgba(255,255,255,.05)}.landing-header__actions .button--stripped{opacity:.8}.landing-header__actions .button--stripped:hover{opacity:1}.landing-header__desc{filter:blur(0);transform:scale(1);animation:fadein ease 1.25s}@keyframes fadein{0%{filter:blur(10px);transform:scale(.5)}50%{filter:blur(10px)}70%{transform:scale(1)}100%{filter:blur(0)}}.in-action-section{text-align:center;background-color:#333435;color:#fff;overflow:hidden}.cases__item{background:#f5f6f7;color:#333435;text-align:left;margin-bottom:24px;box-shadow:0 3px 15px rgba(0,0,0,.85);height:456px;position:relative}.cases__item h2{font-weight:700;text-shadow:0 0 3px #f5f6f7}.cases__fade{height:192px;overflow:hidden;position:relative}.cases__fade:after{content:"";width:100%;height:100%;top:0;position:absolute;background-image:linear-gradient(0deg,#f5f6f7 0,rgba(245,246,247,0) 50%)}.cases__img{height:100%;background-size:cover}.cases__desc{padding:24px;position:absolute;bottom:0}.testimonials__item{position:relative;min-height:264px;padding-bottom:72px}.testimonials__border{height:0;border:none;border-bottom:4px solid #f5f6f7;margin-bottom:-48px;margin-top:24px;margin-left:48px}.testimonials__title{text-align:center;color:#002f6f}.testimonials__author{text-align:right;font-style:italic;color:#727476;font-size:13.6px;position:absolute;right:0;bottom:0}@media only screen and (max-width:767px){.landing-header{padding-top:0;padding-bottom:72px}.landing-header__lang{float:none;margin-top:-48px;margin-bottom:24px}.landing-header .main-nav{margin-bottom:72px}}@media only screen and (min-width:768px){.cases__item{margin-bottom:-48px}.how__figure{height:264px;position:relative}.how__figure figcaption{position:absolute;bottom:0;width:100%}}.main-nav,.sub-nav{font-weight:700;font-size:18px;line-height:1;text-align:left;position:static;width:100%;top:0;z-index:100;transition:padding ease .3s}.main-nav{background-color:#002f6f;padding:12px 0}.main-nav a{padding:12px 18px;color:#fff}.main-nav__button{background-color:rgba(0,47,111,.5);border-radius:4px;border:2px solid #fff}.main-nav__button:hover{background-color:#002f6f}a.main-nav__logo{display:inline-block;padding:0;margin:0}a.main-nav__logo img{height:42px;transition:height ease .3s}.sub-nav{background:#f5f6f7;top:68.4px;border-bottom:2px solid #fff}.sub-nav a{padding:18px}.sub-nav__links{margin-bottom:0}.sub-nav__links .active a{background-color:#fff}@media only screen and (min-width:768px){.cf2:after,.cf2:before,.main-nav--header:after,.main-nav--header:before{content:" ";display:table}.cf2:after,.main-nav--header:after{clear:both}.main-nav .active::after{content:" ";border:8px solid transparent;border-bottom-color:#f5f6f7;position:absolute;bottom:-14.4px;left:50%;margin-left:-8px}.main-nav li{position:relative;margin-left:6px}.main-nav--header .main-nav__button{border-color:transparent}.main-nav__links{margin-bottom:0;float:right}.main-nav,.sub-nav{position:fixed}.main-nav--header{padding:24px 0;background-color:transparent}.main-nav--header a.main-nav__logo img{height:90px}}@media only screen and (max-width:767px){.main-nav,.sub-nav{text-align:center}.main-nav li{margin-left:0}a.main-nav__logo{display:block;width:100%;margin-bottom:12px}.main-nav__links{margin-bottom:0;margin-left:0}}.people-list{margin-top:-48px}.people-list__item{margin-bottom:24px;position:relative;min-height:120px}.people-list__photo{width:90px;height:120px;background-position:center center;background-size:cover;border-radius:4px;position:absolute}.people-list__desc{padding-left:114px;margin:0}.people-list__meta,.people-list__name{display:block}.feature-list,.people-list__separator{margin-top:48px}.feature-list__item{text-align:center;margin-bottom:48px}.feature-list__icon{font-size:4em;display:block;margin-bottom:24px}.call-section--features{padding-top:0}.download-container{text-align:center;margin-bottom:20px}.download-container p{margin:0}.download-container .button{margin-bottom:4px}.tour-section--odd{background-color:#f5f6f7}.tour-section--bars .centered{background:url(../img/bars.svg) right bottom no-repeat}.example-question{text-align:center;font-style:italic}.guideimg{padding:5px;border:solid #ececec;background-color:#fff}.fullsize{max-width:100%}.menu-section{position:fixed;width:30%;margin-top:10%}.guidebody .tour-section{margin-left:30%;width:70%}.lower{margin-left:2em}.header{font-size:3em!important}@media (max-width:850px){.guidebody .tour-section{margin-left:0;width:100%}.menu-section{display:none}} \ No newline at end of file diff --git a/assets/img/guide/einstellungen.PNG b/assets/img/guide/einstellungen.PNG new file mode 100755 index 0000000..42a0348 Binary files /dev/null and b/assets/img/guide/einstellungen.PNG differ diff --git a/assets/img/guide/ergebnis.PNG b/assets/img/guide/ergebnis.PNG new file mode 100755 index 0000000..6768a1e Binary files /dev/null and b/assets/img/guide/ergebnis.PNG differ diff --git a/assets/img/guide/formeln.PNG b/assets/img/guide/formeln.PNG new file mode 100755 index 0000000..efea756 Binary files /dev/null and b/assets/img/guide/formeln.PNG differ diff --git a/assets/img/guide/frageamlaufen.PNG b/assets/img/guide/frageamlaufen.PNG new file mode 100755 index 0000000..84f7edf Binary files /dev/null and b/assets/img/guide/frageamlaufen.PNG differ diff --git a/assets/img/guide/frageauskatalog.PNG b/assets/img/guide/frageauskatalog.PNG new file mode 100755 index 0000000..b45ca82 Binary files /dev/null and b/assets/img/guide/frageauskatalog.PNG differ diff --git a/assets/img/guide/frageeditieren.PNG b/assets/img/guide/frageeditieren.PNG new file mode 100755 index 0000000..a458fcf Binary files /dev/null and b/assets/img/guide/frageeditieren.PNG differ diff --git a/assets/img/guide/frageerstellen.PNG b/assets/img/guide/frageerstellen.PNG new file mode 100755 index 0000000..8ca33c1 Binary files /dev/null and b/assets/img/guide/frageerstellen.PNG differ diff --git a/assets/img/guide/fragenkatalog.PNG b/assets/img/guide/fragenkatalog.PNG new file mode 100755 index 0000000..7a08df2 Binary files /dev/null and b/assets/img/guide/fragenkatalog.PNG differ diff --git a/assets/img/guide/fragespeichern.PNG b/assets/img/guide/fragespeichern.PNG new file mode 100755 index 0000000..39b2cbc Binary files /dev/null and b/assets/img/guide/fragespeichern.PNG differ diff --git a/assets/img/guide/handybild1.PNG b/assets/img/guide/handybild1.PNG new file mode 100755 index 0000000..9e4eb84 Binary files /dev/null and b/assets/img/guide/handybild1.PNG differ diff --git a/assets/img/guide/handybild3.PNG b/assets/img/guide/handybild3.PNG new file mode 100755 index 0000000..a581c1d Binary files /dev/null and b/assets/img/guide/handybild3.PNG differ diff --git a/assets/img/guide/handybild4.PNG b/assets/img/guide/handybild4.PNG new file mode 100755 index 0000000..1885618 Binary files /dev/null and b/assets/img/guide/handybild4.PNG differ diff --git a/assets/img/guide/neuefrage.PNG b/assets/img/guide/neuefrage.PNG new file mode 100755 index 0000000..3f1e145 Binary files /dev/null and b/assets/img/guide/neuefrage.PNG differ diff --git a/assets/img/guide/neuesession.PNG b/assets/img/guide/neuesession.PNG new file mode 100755 index 0000000..2daa9d6 Binary files /dev/null and b/assets/img/guide/neuesession.PNG differ diff --git a/assets/img/guide/oeffentlichefrage.PNG b/assets/img/guide/oeffentlichefrage.PNG new file mode 100755 index 0000000..0b17ad5 Binary files /dev/null and b/assets/img/guide/oeffentlichefrage.PNG differ diff --git a/assets/img/guide/persoenlichedaten.PNG b/assets/img/guide/persoenlichedaten.PNG new file mode 100755 index 0000000..0b5a7b2 Binary files /dev/null and b/assets/img/guide/persoenlichedaten.PNG differ diff --git a/assets/img/guide/quicksession.PNG b/assets/img/guide/quicksession.PNG new file mode 100755 index 0000000..2fcdabc Binary files /dev/null and b/assets/img/guide/quicksession.PNG differ diff --git a/assets/img/guide/registrierung.PNG b/assets/img/guide/registrierung.PNG new file mode 100755 index 0000000..06b2b56 Binary files /dev/null and b/assets/img/guide/registrierung.PNG differ diff --git a/assets/img/guide/remote1.png b/assets/img/guide/remote1.png new file mode 100755 index 0000000..6faf3fb Binary files /dev/null and b/assets/img/guide/remote1.png differ diff --git a/assets/img/guide/remote2.png b/assets/img/guide/remote2.png new file mode 100755 index 0000000..a581a53 Binary files /dev/null and b/assets/img/guide/remote2.png differ diff --git a/assets/img/guide/remote3.png b/assets/img/guide/remote3.png new file mode 100755 index 0000000..c86e08a Binary files /dev/null and b/assets/img/guide/remote3.png differ diff --git a/assets/img/guide/remote4.png b/assets/img/guide/remote4.png new file mode 100755 index 0000000..ce96266 Binary files /dev/null and b/assets/img/guide/remote4.png differ diff --git a/assets/img/guide/remote5.png b/assets/img/guide/remote5.png new file mode 100755 index 0000000..c6b0e23 Binary files /dev/null and b/assets/img/guide/remote5.png differ diff --git a/assets/img/guide/remote6.png b/assets/img/guide/remote6.png new file mode 100755 index 0000000..b2fb0d8 Binary files /dev/null and b/assets/img/guide/remote6.png differ diff --git a/assets/img/guide/remote7.png b/assets/img/guide/remote7.png new file mode 100755 index 0000000..25f07a4 Binary files /dev/null and b/assets/img/guide/remote7.png differ diff --git a/assets/img/guide/schnellstart.PNG b/assets/img/guide/schnellstart.PNG new file mode 100755 index 0000000..7f1e4bf Binary files /dev/null and b/assets/img/guide/schnellstart.PNG differ diff --git a/assets/img/guide/sessions.PNG b/assets/img/guide/sessions.PNG new file mode 100755 index 0000000..6719de5 Binary files /dev/null and b/assets/img/guide/sessions.PNG differ diff --git a/assets/img/guide/studentbild.PNG b/assets/img/guide/studentbild.PNG new file mode 100755 index 0000000..98c7331 Binary files /dev/null and b/assets/img/guide/studentbild.PNG differ diff --git a/assets/img/guide/umfrageuebersicht.PNG b/assets/img/guide/umfrageuebersicht.PNG new file mode 100755 index 0000000..304e9c1 Binary files /dev/null and b/assets/img/guide/umfrageuebersicht.PNG differ diff --git a/assets/img/guide/verhalten.PNG b/assets/img/guide/verhalten.PNG new file mode 100755 index 0000000..ca1687b Binary files /dev/null and b/assets/img/guide/verhalten.PNG differ diff --git a/assets/img/guide/verhaltenrichtigfalsch.PNG b/assets/img/guide/verhaltenrichtigfalsch.PNG new file mode 100755 index 0000000..7849b2a Binary files /dev/null and b/assets/img/guide/verhaltenrichtigfalsch.PNG differ diff --git a/assets/img/guide/wiederholung.PNG b/assets/img/guide/wiederholung.PNG new file mode 100755 index 0000000..e89eb2a Binary files /dev/null and b/assets/img/guide/wiederholung.PNG differ diff --git a/assets/img/guide/zeit.PNG b/assets/img/guide/zeit.PNG new file mode 100755 index 0000000..e6d4e59 Binary files /dev/null and b/assets/img/guide/zeit.PNG differ diff --git a/assets/img/people/werning.png b/assets/img/people/werning.png new file mode 100644 index 0000000..2820b4d Binary files /dev/null and b/assets/img/people/werning.png differ diff --git a/assets/img/untitled.txt b/assets/img/untitled.txt new file mode 100644 index 0000000..e69de29 diff --git a/assets/scss/main.scss b/assets/scss/main.scss index eeb21ed..d82b26a 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -32,6 +32,8 @@ $base-ui-radius: 4px; $success-color: #80C080; $error-color: #C45D58; + + /* Load Frameworks * ==================================================== */ @@ -60,4 +62,5 @@ $error-color: #C45D58; @import "theme/features"; @import "theme/tour"; @import "theme/remote"; +@import "theme/guide"; diff --git a/assets/scss/theme/_guide.scss b/assets/scss/theme/_guide.scss new file mode 100644 index 0000000..244a81c --- /dev/null +++ b/assets/scss/theme/_guide.scss @@ -0,0 +1,66 @@ +.tour-section { + @extend .information-container; +} + +.tour-section--odd { + background-color: $base-ui-color; +} + +.tour-section--bars .centered { + background: url(../img/bars.svg) no-repeat right bottom; +} + +.example-question { + text-align: center; + font-style: italic; +} + +.guideimg{ + padding: 5px; + border: medium solid #ececec; + background-color: white; + } + + .fullsize{ + max-width: 100%; + } + + .menu-section{ + position: fixed; + width: 30%; + margin-top: 10%; + + } + +.guidebody .tour-section{ + margin-left:30%; + width: 70%; +} + +.upper{ + list-style:none; + } + +.lower{ + margin-left: 2em; + + } + + .header{ + font-size: 3em!important; + } + + +@media (max-width: 850px) { + + .guidebody .tour-section{ + margin-left:0; + width: 100%; + } + + .menu-section{ + display: none; + + } + + } \ No newline at end of file diff --git a/assets/scss/theme/_main-nav.scss b/assets/scss/theme/_main-nav.scss index 8226929..dd40784 100644 --- a/assets/scss/theme/_main-nav.scss +++ b/assets/scss/theme/_main-nav.scss @@ -78,6 +78,17 @@ a.main-nav__logo { $MEDIA QUERIES \*------------------------------------*/ @include grid-media-query('desk') { + .cf2:before, + .cf2:after { + content: " "; + display: table; + } + + .cf2:after { + clear: both; + } + //Todo: nochmal angucken + .main-nav { .active::after { content: " "; @@ -111,7 +122,7 @@ a.main-nav__logo { .main-nav--header { padding: $base-spacing-unit 0; background-color: transparent; - @extend .cf; + @extend .cf2; a.main-nav__logo img { height: 3.75*$base-spacing-unit; diff --git a/de/faq/guide_lecturer.html b/de/faq/guide_lecturer.html new file mode 100644 index 0000000..e65b160 --- /dev/null +++ b/de/faq/guide_lecturer.html @@ -0,0 +1,472 @@ +--- +title: User Guide - Dozent +layout: tour.de +--- + + + + + + + + +
+
+ +
+
+ + +
+
+

Hilfe für Dozenten

+
+
+ + +
+


+
+
+

Ein Konto anlegen

+
+
+
Devices
+
+
+

+ Zur Nutzung der Applikation ist ein Benutzerkonto erforderlich, welches unter pingo.upb.de/users/sign_up erstellt werden kann. Hier müssen nun die für die Anmeldung erforderlichen Daten angegeben werden. Nachfolgend wird die Registration mit einem Klick auf "Registrieren" abgeschlossen.

+
+
+
+
+ +
+


+ +
+
+

Kontoeinstellungen

+
+
+
Devices
+
Devices
+ +
+
+

Im Reiter „Allgemeine Einstellungen“ der Kontoeinstellungen besteht die Möglichkeit das Abspielen eines Tons zu aktivieren. Dieser wird als Hinweis abgespielt, wenn die letzten 10 Sekunden des Countdowns einer Umfrage angebrochen sind. Auch das Abonnieren bzw. Abbestellen unseres Newsletters kann hier geregelt werden.

+

Weiterhin können Sie die Angaben, die Sie bei der Registration gemacht haben, im Reiter „Persönliche Daten“ überarbeiten.

+
+
+
+
+ + +
+


+ +
+
+

Schnellstart

+ +
+
+
Devices
+
+
+

Die Schnellstart-Funktion ermöglicht es eine Session und gleichzeitig eine erste Umfrage zu erstellen. Bei einer Session kann es sich beispielsweise um eine Lehrveranstaltung handeln. Wählen Sie dazu den Schnellstart-Link innerhalb der Dozentensicht. Hier kann die Anzahl der Antworten, die Dauer und die Art (Single/Multiple Choice) der Umfrage angegeben werden. Wird zusätzlich "merken" ausgewählt, werden Ihre Eingaben für eine erneute Nutzung der Funktion gespeichert und sind beim nächsten Aufruf bereits in das Menü eingetragen. Nach Starten der Umfrage durch einen Klick auf „Erstellen“ werden Sie direkt zur Sicht auf die neue Session mit der bereits laufenden Umfrage weitergeleitet.

+
+
+
+
+ +
+


+ + +
+
+

Session-Sicht

+ +
+
+
Devices
+
Devices
+ +
Devices
+
Devices
+
+
+

Hier kann die Session mit ihrer zuletzt erstellten Umfrage betrachtet werden. Ist die Umfrage noch nicht abgelaufen, wird dies angezeigt. Zusätzlich wird ein Countdown heruntergezählt, sofern nicht die Option "ohne Countdown" beim Erstellen der Umfrage ausgewählt worden ist. Erreicht der Zähler des Countdowns die letzten zehn Sekunden, wird die Anzeige rot eingefärbt und vergrößert. Es wird auch die ungefähre Anzahl an Nutzern angezeigt, die sich bereits mit Ihrer Session verbunden haben und gerade auf eine Umfrage warten oder an einer Umfrage teilnehmen.

+

Die Anzahl der Teilnehmer einer Umfrage werden zur Laufzeit aktualisiert; am Ende der Umfrage werden die Abstimmungsergebnisse in einem Balkendiagramm dargestellt.

+

Unterhalb des Balkendiagramms kann die Umfrage während ihrer Laufzeit gestoppt werden.
(Umfrage soll in 2 Minuten enden)

+

Ebenso können die Umfragen der Session angesehen,gelöscht und editiert werden.

+

Weiterhin können alle Sessions unter "Umfrage durchführen -> Sessions" eingesehen, bearbeitet und gelöscht werden.

+

Der Name der Umfrage wird den Teilnehmern beim Wiederholen oder Fortsetzen der Umfrage auf dem Endgerät angezeigt.

+
+
+
+
+ +
+


+ +
+
+

Umfrage fortsetzen/wiederholen

+ +
+
+
Devices
+
Devices
+
Devices
+
Devices
+
+
+

Ist eine Umfrage abgelaufen oder wurde sie durch den Nutzer manuell gestoppt, besteht die Möglichkeit dieselbe fortzusetzen oder zu wiederholen.

+

Bei einem Klick auf „Fortsetzen“ wird die Umfrage (hier: für weitere 2 Minuten) fortgesetzt, d.h. Teilnehmer, die bereits abgestimmt haben, können nicht erneut abstimmen. Es können lediglich neue Personen an der Umfrage teilnehmen und die Ergebnisse werden daraufhin entsprechend ergänzt.

+

Bei einer Nutzung der Option „Wiederholen“ wird eine neue Umfrage erstellt, welche die gleichen Eigenschaften(Anzahl der Antworten, Art der Umfrage) besitzt (Dauer der neuen Umfrage hier: 2 Minuten).

+

Die Ergebnisse der Wiederholung werden mit den Ergebnissen der originalen Umfrage im Balkendiagramm verglichen.

+

In der Liste der Umfragen wird die Wiederholung entsprechend gekennzeichnet.

+

Durch einen Klick auf das Wiederholungssymbol besteht die Möglichkeit Einblicke in das Antwortverhalten der Teilnehmer zu gewinnen. In einem neuen Fenster wird angezeigt, ob und wie Nutzer sich bei der Wiederholung umentschieden haben. Es wird auch deutlich, ob neue Teilnehmer abgestimmt haben, die bei dem ersten Durchlauf der Umfrage nicht teilgenommen haben und ob Teilnehmer des ersten Durchgangs bei der Wiederholung nicht noch einmal abgestimmt haben.

+
+
+
+
+ +
+


+ +
+
+

Weitere Umfragen hinzufügen

+ +
+
+
Devices
+
+
+

Um der Session weitere Umfragen anzufügen kann das Menü auf der rechten Seite der Session-Sicht genutzt werden. Der Unterschied zur Schnellstart-Funktion liegt darin, dass hier keine neue Session erstellt wird, sondern die aktuell ausgewählte Session erweitert wird. Bei einem Klick auf "Erstellen" wird die Umfrage gestartet und als aktuelle Umfrage angezeigt.

+

Die vorherigen Umfragen sowie die neu erstellte Umfrage erscheinen dann in der Umfragenliste.

+
+
+
+
+ +
+


+ +
+
+

Umfrage editieren und korrekte Antworten setzen

+ +
+
+
Devices
+
Devices
+
+
+

Zur Bearbeitung einer Umfrage klicken Sie auf das Bleistift-Icon in der Umfragenliste. Dadurch erhalten Sie Zugriff auf folgende Seite:

+

+Hier können der Name der Umfrage, sowie die Namen der Antwortmöglichkeiten verändert werden. Eine Änderung des Umfragennamens hat auch zur Folge, dass beim Fortsetzen oder Wiederholen der Umfrage der Umfragenname auch auf den Endgeräten der Teilnehmer dargestellt wird. Ebenfalls können neue Antwortmöglichkeiten hinzugefügt werden. Um das Antwortverhalten (siehe Abschnitt 1.4.1) zusammenfassen zu können und nur unter dem Aspekt zu betrachten, wie viele Nutzer sich bei der Wiederholung einer Umfrage von der falschen Antwort zur korrekten Antwort (und umgekehrt) umentschieden haben, kann auch angegeben werden, welche Antworten einer Umfrage korrekt sind.

+

Nach einem Klick auf das Wiederholungssymbol kann nun auch die Ansicht umgeschaltet werden.

+

Dabei müssen die korrekten Antworten entweder nur in der originalen Umfrage gesetzt werden oder aber bei der originalen und bei der wiederholten Umfrage übereinstimmen.

+
+
+
+
+ +
+


+
+
+

Eine benutzerdefinierte Session erstellen und alle Sessions betrachten

+ +
+
+
Devices
+
Devices
+
+
+

Neben der Schnellstart-Funktion besteht auch die Möglichkeit eine Session über „neue Session“ in der Navigationsleiste anzulegen. Hierbei können direkt der Titel und die Beschreibung vom Benutzer definiert werden. Zusätzlich kann die Formel-Unterstützung aktiviert werden, womit TeX-Formeln in Fragen und Antwortoptionen verwendbar werden(siehe 1.8).

+

Mit der Auswahl von „Sessions“ in der Navigationsleiste erhalten Sie einen Überblick über alle von Ihnen erstellten Sessions.

+

Hier können Sie Ihre Sessions hinsichtlich Name und Beschreibung bearbeiten, erstellte Sessions löschen oder mit einem Klick auf „Anzeigen“ die zugehörigen Umfragen betrachten oder auch neue Umfragen hinzufügen, wie bereits unter 1.4.1 beschrieben.

+
+
+
+
+ +
+


+ +
+
+

Fragenkatalog

+

Der Fragenkatalog ist über "Fragen" in der Navigationsleiste erreichbar.

+
+
+ +
+
+ +
+
+

+
+ +
+


+ +
+
+

Eigene Fragen definieren

+ +
+
+
Devices
+
Devices
+
+
+

Die Definition eigener Fragen ist durch einen Klick auf „Umfrageplanung -> Neue Frage" möglich.

+

Weiterhin kann der Fragenname gesetzt werden, welcher dem späteren Umfragenteilnehmer auf dem Endgerät angezeigt wird. Die Fragen können mithilfe von Tags/Schlagwörtern kategorisiert werden, um sie nach Themen und Veranstaltungen zu ordnen. Tags dienen dem Dozenten zur Sortierung und dem schnelleren Auffinden von Fragen. Sie haben keine Auswirkungen auf Teilnehmer einer Umfrage.

+

Fragen können als öffentlich gekennzeichnet werden, um anderen Dozenten Zugriff auf diese Frage zu ermöglichen (siehe 1.7.3).

+

Antwortmöglichkeiten können hinzugefügt und entfernt werden. Ebenso besteht die Möglichkeit korrekte Antworten zu markieren, wodurch bei der Wiederholung von Umfragen eine zusammengefasste Auswertung des Wahlverhaltens der Teilnehmer durchgeführt werden kann (siehe auch 1.5).

+

Durch einen Klick auf „Frage erstellen“ wird die Fragenerstellung abgeschlossen.

+
+
+
+
+ +
+


+ +
+
+

Tags bei Fragen

+ +
+
+ +
+
+

Unter „Umfrageplanung -> Fragenkatalog“ in der Navigationsleiste befinden sich alle Fragen, wo man auch anhand der Tags die Fragen filtern kann.

+

Hier kann zwischen „Öffentlich“ und „Eigene Fragen“ gewählt werden. Je nach Auswahl werden die Tags des eigenen Fragekatalogs oder die Tags aller öffentlichen Fragen angezeigt. Sollen dem Dozenten nun alle Fragen, die mit „Veranstaltung1“ markiert sind, angezeigt werden, so genügt ein Klick auf das entsprechende Tag.

+

Hierbei werden öffentliche Fragen mit einem Globus gekennzeichnet. Alle eigenen Fragen können bearbeitet und gelöscht werden.

+

Antwortmöglichkeiten können hinzugefügt und entfernt werden. Ebenso besteht die Möglichkeit korrekte Antworten zu markieren, wodurch bei der Wiederholung von Umfragen eine zusammengefasste Auswertung des Wahlverhaltens der Teilnehmer durchgeführt werden kann (siehe auch 1.5).

+

Durch einen Klick auf „Frage erstellen“ wird die Fragenerstellung abgeschlossen.

+
+
+
+
+ +
+


+ +
+
+

Öffentliche Fragen

+ +
+
+
Devices
+
+
+

Durch Auswahl von „Öffentlich“ unter „Fragen“ werden alle Fragen und deren Tags sichtbar, die von einem beliebigen PINGO-Nutzer als öffentlich markiert wurden. Nun erfolgt die Suche nach Fragen mithilfe der Tags(siehe 1.7.2). Durch einen Klick auf eine Frage kann diese angesehen werden. Eigene als öffentlich eingestellte Fragen können editiert oder gelöscht werden.

+

Bei Auswahl einer Frage, die von einem anderen Nutzer eingestellt wurde, werden alle Informationen zu dieser Frage angezeigt und es besteht die Option diese Frage in den eigenen Fragenkatalog zu übernehmen.

+

Wählt man nun „Zu eigenen Fragen hinzufügen“ so wird die angezeigte Frage kopiert und zu den eigenen Fragen hinzugefügt. Dort kann diese bearbeitet werden, ohne dass die Originalversion des Erstellers dieser Frage von den Änderungen betroffen ist.

+ +
+
+
+
+ +
+


+ +
+
+

Fragen aus dem eigenen Katalog in einer Session stellen

+ +
+
+
Devices
+
+
+

Alle vordefinierten Fragen, die unter „Eigene Fragen“ zu finden sind, können in einer Session direkt als Umfrage an die Teilnehmer gestellt werden.

+

Auch hier können Fragen mithilfe der Tags schnell ausgewählt werden.

+

Beim Berühren einer Frage mit dem Mauszeiger werden Fragenname und Antwortoptionen angezeigt.

+

Durch einen Klick auf den Pfeil neben dem Fragennamen wird die Frage direkt als Umfrage mit der ausgewählten Zeit (hier: 45 Sek.) gestartet.

+
+
+
+
+ +
+


+ +
+
+

Formeldarstellung

+
+
+
Devices
+ +
+
+

Das PINGO-System unterstützt mithilfe von MathJax auch eine bessere Darstellung von Formeln. Diese müssen dazu von „$$“ oder „$“ umschlossen werden. Dadurch kann z.B. die nachfolgende Frage angemessener dargestellt werden. +Durch Verwendung eines einzelnen Dollarzeichens ($) Zeichen können Sie natürlich auch Text mit Formeln mischen, z. B.: "es gibt min. $n^2$ neue Verbindungen". +Formeln mit $ werden als "inline" (im Absatz) dargestellt, Formeln mit $$ werden abgesetzt (als Absatz) dargestellt. +Hilfe zur Formatierung finden Sie in diesem PDF-Dokument, bei einer Google-Suche nach "TeX Formulas" oder bei Wikipedia.

+

Diese Darstellung erfolgt auch beim Stellen der Frage in einer Session, sofern die Formel-Unterstützung beim Erstellen oder Bearbeiten der Session aktiviert wurde.

+

Auch auf den Endgeräten der Teilnehmer werden die Formeln in dieser Form dargestellt.

+
+
+
+
+ + + +
+


+ + + +
+
+

PINGO Remote

+
+
+
+
+
+
+
+
+ +
+
+
+
+
Devices
+
+
+

Loggen Sie sich mit Ihrem zuvor erstellten Account in PINGO Remote ein. Dies muss je Endgerät (Laptop, Tablet) nur einmalig geschehen, sofern Sie sich nicht wieder ausloggen.

+
+
+
+
+ +
+
+
+
+
Devices
+
+
+

Während einer Präsentation bleibt die Remote-App im Vordergrund, sodass Sie weiterhin bedient werden kann.

+
+
+
+
+ +
+
+
+
+
Devices
+
+
+

Im Reiter „Session“ können Sie aus Ihren PINGO Veranstaltungen eine beliebige auswählen. Diese können unter pingo.upb.de erstellt werden. Der zugehörige Zugangscode für Ihre Teilnehmer wird im Titel des Fensters angezeigt (hier: 006301).

+
+
+
+
+ +
+
+
+
+
Devices
+
+
+

Im Reiter „Schnellstart“ können Sie direkt eine Frage ohne zusätzliche Vorbereitung starten. Die Frage wird dann ggf. mit vordefinierten Antwortoptionen (z.B. A, B, C, D, …) gestartet.

+
+
+
+
+ +
+
+
+
+
Devices
+
+
+

Im Reiter „Katalog“ können Sie eine Frage aus Ihrem Fragekatalog starten. Diese muss zuvor über die PINGO Webseite erstellt werden (pingo.upb.de). Sie können mithilfe der von Ihnen vergebenen Tags Fragen vorfiltern und schließlich eine Frage auswählen. Im Vorschaufenster sehen Sie noch einmal den vollständigen Fragetext.

+
+
+
+
+ +
+
+
+
+
Devices
+
+
+

Nach einem Klick auf „Start“ wird die Umfrage gestartet. Teilnehmer können nun durch Eingabe des Zugangscodes abstimmen bis der Countdown abläuft oder manuell durch einen Klick auf „Stop“ gestoppt wird.

+
+
+
+
+ +
+
+
+
+
Devices
+
+
+

Anschließend öffnet sich automatisch ein Browserfenster mit den Abstimmungsergebnissen.

+
+
+
+
+ +
+
+
+
+ +
+
+

Sobald dieses geschlossen ist, können Sie wie in Punkt 4 oder 5 beschrieben eine weitere Umfrage starten.

+
+
+
+
+ + + + + diff --git a/de/faq/guide_student.html b/de/faq/guide_student.html new file mode 100644 index 0000000..b7eaa25 --- /dev/null +++ b/de/faq/guide_student.html @@ -0,0 +1,74 @@ +--- +title: User Guide - Teilnehmer +layout: tour.de +--- + + + + + + + +
+
+

Nutzung von PINGO als Teilnehmer an einer Umfrage

+

Jeder mit einem Smartphone, Tablet oder Computer kann teilnehmen

+
+
+
Devices
+
+
+

Jeder Session wird vom System ein Zugangscode zugewiesen. Dieser ist für die Teilnehmern erforderlich, um an der jeweils zuletzt erstellten Umfrage einer Session teilzunehmen. +
+ Damit ein Nutzer auf die obige Session zugreifen kann, muss dieser die Startseite pingo.upb.de aufrufen und dort die Session Nr. (hier: 165) eingeben.

+
+
+
+
+ +
+
+
+
+
Devices
+
+
+

Da noch keine Umfrage gestartet worden ist, wird der Nutzer gebeten zu warten.

+
+
+
+
+ +
+
+
+
+
Devices
+
+
+

Im Folgenden startet der Dozent die Umfrage: +Der Teilnehmer erhält nun die Möglichkeit eine der Antworten auszuwählen.

+
+Nach dem Abstimmen ist ein erneutes Abstimmen durch den selben Nutzer nicht möglich. Nutzer werden automatisch (d. h. ohne manuelles Aktualisieren) im Rahmen einer Session bei neuen Umfragen gebeten erneut abzustimmen. +
+
+
+
+ +
+
+

Die Teilnehmeransicht beim Stellen einer vordefinierten Frage oder Wiederholen einer editierten Umfrage

+
+
+
Devices
+
+
+

Beim Stellen einer vordefinierten Frage oder beim Wiederholen einer editierten Umfrage werden dem Teilnehmer zusätzlich der Fragentitel und die Antwortoptionen (auch mit Formelunterstützung) angezeigt.

+
+
+
+
+ + + + \ No newline at end of file diff --git a/de/faq/guide_video.html b/de/faq/guide_video.html new file mode 100644 index 0000000..4c988eb --- /dev/null +++ b/de/faq/guide_video.html @@ -0,0 +1,15 @@ +--- +title: User Guide - Video +layout: page.de +--- + + + + + + + +

Einführungsvideo

+ + + \ No newline at end of file diff --git a/de/faq/index.md b/de/faq/index.md index 9a42e30..ab86caf 100644 --- a/de/faq/index.md +++ b/de/faq/index.md @@ -37,3 +37,58 @@ Für diesen Zweck haben wir einen Demo-Zugang für Sie eingerichtet: **Passwort**: demouser Bitte beachten Sie, dass jeder Zugriff auf diesen Benutzer hat. Nutzen Sie den Zugang daher bitte nur zu Testzwecken. Sie können sich einfach und kostenlos Ihren eigenen Accuunt anlegen unter + +## Was bedeutet PINGO? + +PINGO steht für „Peer Instruction for very large groups“ und wurde an der Universität Paderborn entwickelt. So wie Günther Jauch bei der Quizsendung „Wer wird Millionär“ die Zuschauer im Studio über den Publikumsjoker in das Quiz einbezieht, können Vortragende mit PINGO ihre Zuhörer aus der traditionell eher passiven Rolle herausholen und aktiv in die Veranstaltung einbeziehen. Diese können während der Vorlesung vom Vortragenden gestellte Fragen über ihre Smartphones, Tablets oder Laptops beantworten. + +## Gibt es eine PINGO App + +Für die Nutzung von PINGO ist keine App notwendig. PINGO wurde als Webanwendung entwickelt, sodass Teilnehmer unabhängig von ihrem Endgerät PINGO im vollen Funktionsumfang über pingo.upb.de nutzen können. Wir bieten jedoch eine installierbare Remote-App für Vortragende an, um PINGO leichter in Präsentationen integrieren zu können (http://trypingo.com/de/powerpoint-remote/). + +## Kann ich PINGO in Großveranstaltungen einsetzen? + +PINGO wurde als Votinglösung für große Zuhörergruppen konzipiert und wird weltweit erfolgreich in Veranstaltungen mit bis zu 800 Leuten eingesetzt. An der Universität Paderborn nutzen wir PINGO regelmäßig für Abstimmungen mit mehr als 600 aktiven Endgeräten. Durchgeführte Tests zeigen, dass der begrenzende Faktor beim Einsatz von PINGO i.d.R. die WLAN-Ausrüstung in den jeweiligen Veranstaltungsräumen darstellt. + +Unser Tipp: Sollten Sie PINGO im Rahmen von Großveranstaltungen einsetzen wollen, so sollten Sie vorab die IT-Abteilung kontaktieren, um zu evaluieren, wie viele parallele Zugriffe die im Veranstaltungsraum bereitgestellten Router verarbeiten können. Insbesondere in Tagungsräumen sind Router oftmals nicht für parallele Zugriffe von hunderten Endgeräten ausgelegt. + +## Was kostet PINGO? + +Unser Live-Feedbacksystem steht allen Nutzern unabhängig vom Einsatzzweck weltweit kostenlos zur Verfügung. Aus der Nutzung entstehen keinerlei Verpflichtungen. PINGO wird derzeit sowohl in der universitären Lehre, im Rahmen von Schulveranstaltungen und im Unternehmenskontext von mehr als 9.000 Vortragenden eingesetzt. + +## Warum ist PINGO kostenlos? + +Die Entwicklung von PINGO wurde unter anderem durch die zweimalige Verleihung des Förderpreises für Innovation und Qualität in der Lehre der Universität Paderborn ermöglicht. Das System wird derzeit aktiv durch den Lehrstuhl Wirtschaftsinformatik, insb. Digitale Märkte (www.upb.de/winfo2) weiterentwickelt und betreut. Die Softwarearchitektur von PINGO skaliert, sodass für uns nur geringe Mehrkosten entstehen, wenn wir PINGO weltweit kostenlos zur Verfügung zu stellen. + +## ist PINGO datenschutzkonform? + +PINGO wird vollständig in Deutschland gehostet. Unser Paderborner Lehrstuhl hat - um die hohe Verfügbarkeit für Nutzer weltweit zu garantieren - das Hosting an ein Frankfurter Rechenzentrum ausgelagert, mit dem wir einen Vertrag zur Auftragsdatenverarbeitung (ADV) abgeschlossen haben. +Darüber hinaus werden von PINGO keine persönlich identifizierenden Informationen (PII) in das Ausland übertragen. Wir nutzen z. B. kein Google Analytics o. Ä. Dienste, zur Analyse des Nutzerverhaltens, um die Datenschutzkonformität unseres Angebots zu garantieren. + +## Wie kann ich PINGO sinnvoll in meine Vorträge integrieren? + +PINGO wurde hinsichtlich seiner Eignung im Rahmen von Vorträgen evaluiert. Auf Grundlage dieser Evaluation wurden ein Leitfaden zur Nutzung erstellt: http://go.upb.de/pingoDidaktischeHandreichung +Der Leitfaden gibt vielfältige Hinweise, wie PINGO genutzt werden kann, um Vorträge besser auf Zuhörer abzustimmen und erfolgreicher zu gestalten. + +Darüber hinaus werden auf der Webseite e-Assessment NRW weitergehende Good Practices zur Nutzung von PINGO vorgestellt: http://www.eassessmentnrw.de/einsatzszenarien/formative-good-practices/pingo/didaktische-einsatzszenarien.html + +## Unterstützt PINGO Fragensequenzen? + +PINGO wurde als Live-Feedbacksystem (Audience Response System / ARS) konzipiert und evaluiert. Das Live-Feedbacksystem sieht vor, dass Vortragende eine Frage stellen und unmittelbares Feedback durch das Auditorium erhalten. Das stellen von mehreren zusammenhängenden Fragen (Fragensequenzen) ist derzeit nicht möglich. + + + + + + + + + + + + + + + + + diff --git a/package.json b/package.json index af60938..4211cc9 100644 --- a/package.json +++ b/package.json @@ -8,11 +8,12 @@ }, "author": "Chistoph Bach @ Winfo 2", "devDependencies": { - "gulp": "^3.8.8", - "gulp-sass": "^0.7.3", - "gulp-autoprefixer": "1.0.0", "browser-sync": "^1.3.7", - "gulp-minify-css": "~0.3.7" + "gulp": "^3.9.1", + "gulp-autoprefixer": "3.1.1", + "gulp-minify-css": "~1.2.4", + "gulp-sass": "^3.1.0", + "gulp-util": "^3.0.8" }, "repository": { "type": "git",