Skip to content

GitLab

Verified Commit 58badbe5 authored by Raphael Fetzer's avatar Raphael Fetzer 👷
Browse files

Einrückungen repariert, Schriftnamen normalisiert

parent c014e7df
Hide whitespace changes
Inline Side-by-side
index.html
View file @ 58badbe5
......@@ -11,6 +11,7 @@
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap-colorpicker.min.js"></script>
<script src="js/bootstrap-3.3.7.min.js"></script>
<script src="js/ntc.js"></script>
<link href="css/bootstrap.3.3.7.min.css" rel="stylesheet">
<link href="css/bootstrap-colorpicker.min.css" rel="stylesheet">
......@@ -55,109 +56,109 @@
<fieldset>
<!-- Form Name -->
<legend>Theme-Einstellungen</legend>
<!-- Form Name -->
<legend>Theme-Einstellungen</legend>
<!--Akzentfarbe -->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Akzentfarbe<br />(für Überschriften, Links, Buttons)</label>
<div class="col-md-4">
<!--Akzentfarbe -->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Akzentfarbe<br />(für Überschriften, Links, Buttons)</label>
<div class="col-md-4">
<div id="maincolor" class="input-group colorpicker-component"> <input type="text" value="#4a8591" class="form-control" readonly/> <span class="input-group-addon"><i></i></span> </div>
<div id="maincolor" class="input-group colorpicker-component"> <input type="text" value="#4a8591" class="form-control" readonly/> <span class="input-group-addon"><i></i></span> </div>
<div id="colorcontraststatus"></div>
<div id="colorcontraststatus"></div>
<script>
$(function() { $('#maincolor').colorpicker(); });
$(function() { $('#maincolor').colorpicker().on('changeColor', function(e) { PreviewColor(e.color.toString('rgba')); }); });
<script>
$(function() { $('#maincolor').colorpicker(); });
$(function() { $('#maincolor').colorpicker().on('changeColor', function(e) { PreviewColor(e.color.toString('rgba')); }); });
</script>
</div>
</div>
</fieldset>
</fieldset>
<fieldset>
<!-- Überschriften -->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Überschriften-Schriftart</label>
<div class="col-md-4">
<select id="headerfont" size="1" onchange="PreviewHeaderFont(this.value);">
<optgroup label="Serifen">
<option>Georgia, serif</option>
<option>"Palatino Linotype", "Book Antiqua", Palatino, serif</option>
<option>"Times New Roman", Times, serif</option>
</optgroup>
<optgroup label="Serifenlos">
<option selected>Arial, Helvetica, sans-serif</option>
<option>"Arial Black", Gadget, sans-serif</option>
<option>"Comic Sans MS", cursive, sans-serif</option>
<option>Impact, Charcoal, sans-serif</option>
<option>"Lucida Sans Unicode", "Lucida Grande", sans-serif</option>
<option>Tahoma, Geneva, sans-serif</option>
<option>"Trebuchet MS", Helvetica, sans-serif</option>
<option>Verdana, Geneva, sans-serif</option>
</optgroup>
<optgroup label="Monospace">
<option>"Courier New", Courier, monospace</option>
<option>"Lucida Console", Monaco, monospace</option>
</optgroup>
</select>
<!-- Überschriften -->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Überschriften-Schriftart</label>
<div class="col-md-4">
<select id="headerfont" size="1" onchange="PreviewHeaderFont(this.value);">
<optgroup label="Serifen">
<option>Georgia, serif</option>
<option>Palatino Linotype, Book Antiqua, Palatino, serif</option>
<option>Times New Roman, Times, serif</option>
</optgroup>
<optgroup label="Serifenlos">
<option selected>Arial, Helvetica, sans-serif</option>
<option>Arial Black, Gadget, sans-serif</option>
<option>Comic Sans MS, cursive, sans-serif</option>
<option>Impact, Charcoal, sans-serif</option>
<option>Lucida Sans Unicode, Lucida Grande, sans-serif</option>
<option>Tahoma, Geneva, sans-serif</option>
<option>Trebuchet MS, Helvetica, sans-serif</option>
<option>Verdana, Geneva, sans-serif</option>
</optgroup>
<optgroup label="Monospace">
<option>Courier New, Courier, monospace</option>
<option>Lucida Console, Monaco, monospace</option>
</optgroup>
</select>
</div>
</div>
</div>
<!-- Body -->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Hauptschriftart</label>
<div class="col-md-4">
<!-- Body -->
<div class="form-group">
<label class="col-md-4 control-label" for="textinput">Hauptschriftart</label>
<div class="col-md-4">
<select id="bodyfont" size="1" onchange="PreviewBodyFont(this.value);">
<!-- Populated from #headerfont -->
</select>
<select id="bodyfont" size="1" onchange="PreviewBodyFont(this.value);">
<!-- Populated from #headerfont -->
</select>
</div>
</div>
</div>
</fieldset>
</fieldset>
<fieldset style="margin-top: 2em;">
<div class="form-group">
<label class="col-md-4 control-label" for="download">Textvorschau</label>
<div class="col-md-8">
<div id="preview" style="font-family: Arial, Helvetica, sans-serif; color: #333333; padding: 1em; border: 1px solid #eee; min-height: 200px; width: 100%;"><h1>Überschrift 1</h1><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <a href=".">tempor invidunt ut labore et dolore</a> magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<h2>Überschrift 2</h2>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p><input value="Schaltfläche" class="btn btn-primary" style="background-color: #4a8591; border: none;"></div>
<div class="form-group">
<label class="col-md-4 control-label" for="download">Textvorschau</label>
<div class="col-md-8">
<div id="preview" style="font-family: Arial, Helvetica, sans-serif; color: #333333; padding: 1em; border: 1px solid #eee; min-height: 200px; width: 100%;"><h1>Überschrift 1</h1><p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod <a href=".">tempor invidunt ut labore et dolore</a> magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<h2>Überschrift 2</h2>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p><input value="Schaltfläche" class="btn btn-primary" style="background-color: #4a8591; border: none;"></div>
</div>
</div>
</fieldset>
</fieldset>
<fieldset>
<div class="form-group">
<label class="col-md-4 control-label" for="checkboxes">Weitere Darstellungsoptionen</label>
<div class="col-md-8">
<div class="checkbox">
<label for="kacheldesign">
<input type="checkbox" name="checkboxes" id="kacheldesign">
Kacheldesign für Übersicht von Strukturbausteinen
<div class="form-group">
<label class="col-md-4 control-label" for="checkboxes">Weitere Darstellungsoptionen</label>
<div class="col-md-8">
<div class="checkbox">
<label for="kacheldesign">
<input type="checkbox" name="checkboxes" id="kacheldesign">
Kacheldesign für Übersicht von Strukturbausteinen
</label>
<p style="margin-top: 1em;"><b>Hinweis:</b> Wenn aktiviert, wird im Kurs für die Übersicht von Strukturbausteinen ein Kacheldesign aus dem jeweiligen Bausteintitel und der Bausteinbeschreibung verwendet.</p>
<p>
<a data-toggle="collapse" href="#kacheldesignhilfe" role="button" aria-expanded="false" aria-controls="collapse">Anleitung mit Vorschau für zweispaltiges Kacheldesign anzeigen
<p style="margin-top: 1em;"><b>Hinweis:</b> Wenn aktiviert, wird im Kurs für die Übersicht von Strukturbausteinen ein Kacheldesign aus dem jeweiligen Bausteintitel und der Bausteinbeschreibung verwendet.</p>
<p>
<a data-toggle="collapse" href="#kacheldesignhilfe" role="button" aria-expanded="false" aria-controls="collapse">Anleitung mit Vorschau für zweispaltiges Kacheldesign anzeigen
</a>
</p>
<div class="collapse" id="kacheldesignhilfe">
<ol>
<li>Im Kurs-Editor einen (obersten) Strukturbaustein aufrufen.</li>
<li>Im Reiter „Übersicht“ die Option „Anzeige in zwei Spalten“ aktivieren.</li>
<div class="collapse" id="kacheldesignhilfe">
<ol>
<li>Im Kurs-Editor einen (obersten) Strukturbaustein aufrufen.</li>
<li>Im Reiter „Übersicht“ die Option „Anzeige in zwei Spalten“ aktivieren.</li>
</ol>
<video width="320" height="240" controls>
<source src="media/kacheldesign.mp4" type="video/mp4">
<video width="320" height="240" controls>
<source src="media/kacheldesign.mp4" type="video/mp4">
</video>
</div>
......@@ -166,7 +167,7 @@
</div>
</div>
</fieldset>
</fieldset>
<fieldset style="margin-top: 2em;">
<!-- Button -->
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment