[gesichtete Version] | [gesichtete Version] |
Zeile 231: | Zeile 231: | ||
| book-grey | | book-grey | ||
| ? | | ? | ||
| | | <source lang="xml"> | ||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
| cal-green | | cal-green | ||
Zeile 238: | Zeile 243: | ||
| quest-orange | | quest-orange | ||
| ? | | ? | ||
| | | <source lang="xml"> | ||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
| example-green | | example-green | ||
| (fällt weg?) | | (fällt weg?) | ||
| <source lang="xml"> | |||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
| watch-turquoise | | watch-turquoise | ||
Zeile 254: | Zeile 270: | ||
| zitat-blue | | zitat-blue | ||
| ? | | ? | ||
| | | <source lang="xml"> | ||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
| paragraph-blue | | paragraph-blue | ||
| ? | | ? | ||
| | | <source lang="xml"> | ||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
| quiz-green | | quiz-green | ||
Zeile 280: | Zeile 306: | ||
| pay-green | | pay-green | ||
| (fällt weg?) | | (fällt weg?) | ||
| | | <source lang="xml"> | ||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
| forum-blue | | forum-blue | ||
Zeile 293: | Zeile 324: | ||
| certificate-yellow | | certificate-yellow | ||
| ? | | ? | ||
| | | <source lang="xml"> | ||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
| education-orange | | education-orange | ||
| (fällt weg?) | | (fällt weg?) | ||
| | | <source lang="xml"> | ||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
| docs-grey | | docs-grey | ||
| (fällt weg, später Literatur?) | | (fällt weg, später Literatur?) | ||
| | | <source lang="xml"> | ||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
| math-blue | | math-blue | ||
| ? | | ? | ||
| | | <source lang="xml"> | ||
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';"> | |||
<h4>Custom Box</h4> | |||
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p> | |||
</div> | |||
</source> | |||
|- | |- | ||
|} | |} |
<div class="hint-box">
<h4>…</h4>
<p>…</p>
</div>
<div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
<div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
<div class="important-box">
<h4>…</h4>
<p>…</p>
</div>
<div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
<div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
Diese funktionieren immer noch, mit dem neuen Kursdesign wurden aber die neuen Bereichshervorhebungen definiert (s.o.).
<div class="task-blue"><h4>Überschrift</h4><p>Text</p></div>
<div class="book-grey"><h4>Überschrift</h4><p>Text</p></div>
<div class="link-pink"><h4>Überschrift</h4><p>Text</p></div>
<div class="cal-green"><h4>Überschrift</h4><p>Text</p></div>
<div class="quest-orange"><h4>Überschrift</h4><p>Text</p></div>
<div class="example-green"><h4>Überschrift</h4><p>Text</p></div>
<div class="watch-turquoise"><h4>Überschrift</h4><p>Text</p></div>
<div class="zitat-blue"><h4>Überschrift</h4><p>Text</p></div>
<div class="paragraph-blue"><h4>Überschrift</h4><p>Text</p></div>
<div class="quiz-green"><h4>Überschrift</h4><p>Text</p></div>
<div class="important-purple"><h4>Überschrift</h4><p>Text</p></div>
<div class="download-blue"><h4>Überschrift</h4><p>Text</p></div>
<div class="pay-green"><h4>Überschrift</h4><p>Text</p></div>
<div class="forum-blue"><h4>Überschrift</h4><p>Text</p></div>
<div class="certificate-yellow"><h4>Überschrift</h4><p>Text</p></div>
<div class="education-orange"><h4>Überschrift</h4><p>Text</p></div>
<div class="docs-grey"><h4>Überschrift</h4><p>Text</p></div>
<div class="math-blue"><h4>Überschrift</h4><p>Text</p></div>
Dieser Bereich ist noch Diskussionsgrundlage und noch keine finale Empfehlung
Bei der Umstellung von Kursformaten können auch weiterhin die Bereichshervorhebungen des alten Kursdesigns verwendet werden. Sollen die neuen Bereichshervorhebungen verwendet werden, schlagen wir folgende Umformatierung vor:
Altes Kursdesign | Neues Kursdesign | Code |
---|---|---|
important-purple | hint-box | <div class="hint-box">
<h4>…</h4>
<p>…</p>
</div>
|
link-pink | link-box | <div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
|
task-blue | exercise-box | <div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
|
book-grey | ? | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
cal-green | ? | |
quest-orange | ? | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
example-green | (fällt weg?) | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
watch-turquoise | info-box | <div class="info-box">
<h4>…</h4>
<p>…</p>
</div>
|
zitat-blue | ? | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
paragraph-blue | ? | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
quiz-green | exercise-box | <div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
|
download-blue | ? Ev. link-box | <div class="link-box">
<h4>…</h4>
<p>…</p>
</div>
|
pay-green | (fällt weg?) | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
forum-blue | ? Ev. exercise box? | <div class="exercise-box">
<h4>…</h4>
<p>…</p>
</div>
|
certificate-yellow | ? | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
education-orange | (fällt weg?) | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
docs-grey | (fällt weg, später Literatur?) | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
math-blue | ? | <div class="custom-icon-box" style="--color: #FF8000; --icon: '\F189';">
<h4>Custom Box</h4>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr[...]</p>
</div>
|
die MOOC-Plattform der Fachhochschule Lübeck