Lecturer's and student's guide in German #7
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
MichaelWhi
commented
Jan 8, 2017
| </head> | ||
| <body> | ||
| <h2>Einführungsvideo</h2> | ||
| <iframe width="100%" height="615" src="https://www.youtube.com/embed/KK22QMb0MFA" frameborder="0" allowfullscreen></iframe> |
There was a problem hiding this comment.
Hier können wir die Cookiefreie Variante nehmen:
<iframe width="100%" height="615" src="https://www.youtube-nocookie.com/embed/KK22QMb0MFA?rel=0&enablejsapi=1&origin=http://trypingo.com" frameborder="0" allowfullscreen></iframe>
Wenn du den erweiterten Datenschutzmodus aktivierst, werden von YouTube keine Informationen über die Besucher auf deiner Website gespeichert, es sei denn, sie sehen sich das Video an.
– https://support.google.com/youtube/answer/171780
|
@ChristianWerning cool 👍 ich schreibe mal, was mir bislang aufgefallen ist:
ich schaue morgen nochmal genauer drüber, evtl. auch mal mit dem Rahmen, wie das sonst gelöst war… Danke schon mal |
MichaelWhi
commented
Jan 8, 2017
_data/nav_de.yml
Outdated
| parent: /de/faq/ | ||
|
|
||
| - title: Hilfe für Student |
There was a problem hiding this comment.
Evtl. klingt hier "Hilfe für Studenten" oder "Hilfe für Teilnehmer" runder, oder was meint ihr?
@ChristianWerning @dschlang
|
Ich sehe die Commits für das Remote grad hier nicht…
|
|
Ok, alles klar. Ich werde mich mal an den Änderungen versuchen. Also das Remote ist unter "Hilfe für Dozenten" im 2ten Abschnitt. Dort ist aber noch nicht das neue Design, weil ich das erst perfekt haben will für "Hilfe für Studenten". Wenn das fertig ist werde ich das für "Hilfe für Dozenten" auch aktualisieren. |
MichaelWhi
commented
Jan 10, 2017
assets/css/main.css
Outdated
| .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} | ||
|
|
||
| .guideimg{ |
There was a problem hiding this comment.
Ok cool!
Ich glaube allerdings dass diese Datei aus den Scss Dateien (http://sass-lang.com/) generiert wird, die erste Zeile hat ja keine Mensch so geschrieben ;)
Da gibt es eine Menge Scss Dateien unter assets, eine bestimmt auch für die Tour.
Kannst du das da mit reinpacken? Ansonsten kann ich da morgen auch mal schauen
There was a problem hiding this comment.
Und kannst du das für die Bilder auch bei den Dozenten übernehmen bitte?
MichaelWhi
commented
Jan 10, 2017
_data/nav_de.yml
Outdated
| @@ -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 Dozent | |||
There was a problem hiding this comment.
Sry, könntest du hier bitte auch noch Dozenten schreiben?
|
Danke schon mal für die dir Anpassungen! Evtl kannst du dir nochmal den Punkt von da oben anschauen dann:
Da gibt es bestimmt schon ne klasse für ... |
|
@ChristianWerning Achja und wegen #7 (comment) meinte ich das folgende im Screenshot mit den h4 Tags, die zu nem p werden sollten: Und hier klappt es übrigens iwie schon mit der Breite der Bilder ... 🤔 |
|
Ok, mache ich. Aber bei mir sieht die Responsivität der Img gut aus. Die haben auch ne klasse mit 100% width? kann den Fehler nicht ganz nachvollziehen |
|
Hier ist ein Beispiel:
|
|
Ich glaub wir hatten uns da etwas missverstanden. Ich habe bisher nur den Student Guide Design mäßig angepasst. Ich wollte den erstmal mit den Klassen fertig machen, um dann nachher den Guide für den Dozenten und fürs Remote, wie den Student Guide designen. Deshalb bitte erstmal nur nach dem Student Guide gucken und wenn der fertig ist übernehme ich das dann auch für den Guide für den Dozenten. Die Bilder müssten bei dem Student Guide responsiv richtig angezeigt werden. Ich habe nur noch das Problem mit den css klassen. Wenn ich meine Klassen in die tour.scss reinkopiere, werden diese nicht übernommen. Kannst mir da nochmal zeigen, wo ich meine Klassen reinschreiben muss? |
@chbach Kannst du ihm hier evtl. mal die Tage einen kleinen Hinweis geben? @ChristianWerning kennt glaub ich SASS noch nicht und ich bin mir auch grade nicht sicher, wie du das CSS organisiert hast, da bist du der Profi :) – vielleicht hilft ja schon ein Hinweis, wie man das CSS neu aus den SCSS-Files generiert. – gerne hier oder im Chat. Danke! |
|
@ChristianWerning probier mal den Befehl |
|
achja, und dann würde ich vorschlagen – wenn der Student Guide fertig ist – machen wir nochmal einen neuen Branch mit nur den Änderungen, die du live stellen willst. |
MichaelWhi
commented
Jan 24, 2017
de/faq/guide_lecturer.html
Outdated
| <section class="tour-section"> | ||
| <div class="centered"> | ||
| <h1 class="hN">1.2 Als Dozent anmelden</h1> | ||
| <h2>Um zur Dozentensicht zu gelangen, ist ein Benutzerkonto notwendig (für die Erstellung eines Benutzerkontos siehe Abschnitt 1.1). Öffnen Sie pingo.upb.de und klicken Sie in der Navigationsleiste auf "Einloggen". Geben Sie anschließend Ihre Nutzerdaten ein.</h2> |
There was a problem hiding this comment.
So wie hier ist an ein zwei Stellen noch Fließtext in nem h2 Tag, das liest sich nicht so angenehmen:
Evtl. geht man das aber heute Abend oder zu zweit mal durch und behebt sowas... Ebenso könnte man pingo.upb.de passend mit HTTPS verlinken, etc.
MichaelWhi
commented
Jan 24, 2017
|
|
||
| </div> | ||
| <div class="grid__item portable--one-whole"> | ||
| <p>Sobald dieses geschlossen ist, können Sie wie in Punkt 4 oder 5 beschrieben eine weitere Umfrage starten.</p> |
There was a problem hiding this comment.
Die Punkte dadrüber sind aber nicht nummeriert, hier weiß man nicht genau, was gemeint ist…
MichaelWhi
commented
Jan 24, 2017
de/faq/guide_lecturer.html
Outdated
| <section class="tour-section"> | ||
| <div class="centered"> | ||
| <h1 class="hN">1. Nutzung von PINGO als Dozent</h1> | ||
| <h2>Bitte beachten Sie, dass die Dozentensicht für aktuelle Versionen von Mozilla Firefox, Google Chrome und Apple Safari optimiert wurde.</h2> |
There was a problem hiding this comment.
Hier reicht mittlerweile "aktuelle Browserversionen", da wird alle Browser supporten.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
also gem updates.