From d6bbeaf954627ec74c83c1b299de3c92a260cb48 Mon Sep 17 00:00:00 2001 From: Daniel Kraus Date: Tue, 25 Aug 2015 14:41:17 +0200 Subject: [PATCH] Rewrite homepage using Bootstrap. --- www/css/jumbotron-narrow.css | 79 +++++++ www/index.html | 419 ++++++++++++++++++++--------------- 2 files changed, 321 insertions(+), 177 deletions(-) create mode 100644 www/css/jumbotron-narrow.css diff --git a/www/css/jumbotron-narrow.css b/www/css/jumbotron-narrow.css new file mode 100644 index 0000000..952adc5 --- /dev/null +++ b/www/css/jumbotron-narrow.css @@ -0,0 +1,79 @@ +/* Space out content a bit */ +body { + padding-top: 20px; + padding-bottom: 20px; +} + +/* Everything but the jumbotron gets side spacing for mobile first views */ +.header, +.marketing, +.footer { + padding-right: 15px; + padding-left: 15px; +} + +/* Custom page header */ +.header { + padding-bottom: 20px; + border-bottom: 1px solid #e5e5e5; +} +/* Make the masthead heading the same height as the navigation */ +.header h3 { + margin-top: 0; + margin-bottom: 0; + line-height: 40px; +} + +/* Custom page footer */ +.footer { + padding-top: 19px; + color: #777; + border-top: 1px solid #e5e5e5; +} + +/* Customize container */ +@media (min-width: 768px) { + .container { + max-width: 730px; + } +} +.container-narrow > hr { + margin: 30px 0; +} + +/* Main marketing message and sign up button */ +.jumbotron { + text-align: center; + border-bottom: 1px solid #e5e5e5; +} +.jumbotron .btn { + padding: 14px 24px; + font-size: 21px; +} + +/* Supporting marketing content */ +.marketing { + margin: 40px 0; +} +.marketing p + h4 { + margin-top: 28px; +} + +/* Responsive: Portrait tablets and up */ +@media screen and (min-width: 768px) { + /* Remove the padding we set earlier */ + .header, + .marketing, + .footer { + padding-right: 0; + padding-left: 0; + } + /* Space out the masthead */ + .header { + margin-bottom: 30px; + } + /* Remove the bottom border on the jumbotron for visual effect */ + .jumbotron { + border-bottom: 0; + } +} diff --git a/www/index.html b/www/index.html index 60220d9..2294a7d 100644 --- a/www/index.html +++ b/www/index.html @@ -1,186 +1,251 @@ - + + - zaaReloaded2 by Daniel Kraus - + + + + + + + + + + + + + zaaReloaded2 - + -

zaaReloaded2

-

- Erweiterung für Microsoft® Word 2010-2013, das die - Zentrale Arztbriefablage (ZAA) um Funktionen für das Formatieren - von Laborwerten erweitert. -

+
+
+ +
+
+

zaaReloaded2

+

+ Erweiterung für Microsoft® Word 2010-2013, das die + Zentrale Arztbriefablage (ZAA) + um Funktionen für das Formatieren von Laborwerten erweitert. +

+

+ + Download + +

+
-
-

Download

-

zaa.nephrowiki.de/downloads

+
+
+
+
+

Vorher

+
+
+ Vorher +
+
+
+
+
+
+

Nachher

+
+
+ Nachher +
+
+

Am Beispiel des Ambulanz-Stils

+
+
+
+
+ +
+
+
+

+ zaaReloaded2-Ribbon + Anleitung +

+ +
    +
  1. + Laborwerte auf üblichem Wege in einen Arztbrief einfügen + (alternativ kann der Befehl "Demo" ausgeführt werden, dann wird + ein Beispieldokument mit Laborwerten geöffnet). +
    2. +
  2. + Stil auswählen + Im zaaReloaded-Tab (s.o.) den linken Knopf "Formatieren" + klicken. +
    3. +
  3. + Beim ersten Mal erscheint eine Liste mit Stilen, aus der man den + gewünschten Stil auswählt (siehe Abbildung). Beim nächsten Mal, + wenn man auf diesen Knopf drückt, wird der zuletzt verwendete Stil + genommen. +
    4. +
  4. + Einen Moment warten... Voilà. +
    5. +
+
+ +

+ Updates +

+

+ Das Addin sucht täglich nach Updates und lädt und installiert + diese bei Bedarf im Hintergrund. +

+ +

+ Anpassen +

+

+ Das Addin enthält einen Stil-Editor, mit dem die eingebauten Stile + bearbeitet und neue Stile entworfen werden können: +

+

+ Stil bearbeiten +

+ +

+ Elemente + Jeder Stil setzt sich aus sog. Elementen zusammen. Es gibt + Steuerelemente, die zum Beispiel für die Auswahl eines Tages + (erster Tag/letzter Tag) zuständig sind, und es gibt + Ausgabeelemente, die die eigentliche Formatierung und Ausgabe + der Laborwerte übernehmen. +

+ +
+
+
+
+
+
+

+ Steuerelemente +

+
+
+
    +
  • Ersten Tag auswählen
    • +
  • Letzten Tag auswählen
    • +
  • Jeden Tag nacheinander auswählen
    • +
  • Zwei Spalten einfügen/zur nächsten Spalte wechseln
    • +
+
+
+
+
+
+
+

+ Ausgabeelemente +

+
+
+
    +
  • Laborparameter
    • +
  • Beliebiger Text
    • +
+
+
+
+
+ +
+
+

+ "Beliebiger Text" kann, wie der Name schon sagt, beliebigen Text + enthalten, der nicht weiter bearbeitet wird. Auf diese Weise kann + man z.B. Platzhalter für Urinsedimente ausgeben lassen, die dann + noch händisch vervollständigt werden. +

+

+ "Laborparameter" enthalten eine durch Kommata getrennte Auflistung + von Parametern, die ausgegeben werden sollen. Jedes Element + "Laborparameter" kann optional einen Titel enthalten: +

+

+ Beispiel: +

+
+

+ Element bearbeiten +

+

+ Klinische Chemie: Na, K, Cl, (usw.) +

+
+

+ In diesem Fall ist "Klinische Chemie:" der optionale Titel. +

+

+ Die Bezeichnungen der einzelnen Parameter sind fest einprogrammiert. + Teils decken sie sich mit den Bezeichnungen, wie sie in der + Zentralen Arztbriefablage erscheinen; teils sind sie aber auch + Surrogate (z.B. "eGFR (CKD-EPI)" anstatt "glomerul. Filtrationsr. + CKD-EP"). +

+

+ Die Platzhalter "SU-*", "U-*" und "*" geben die noch nicht + verwendeten Werte für Sammelurin, Spontanurin und alles weitere aus. + "*" sollte daher als letztes verwendet werden. +

+

+ Die Liste der möglichen Parameternamen ist momentan fest + einprogrammiert und kann auch noch nicht angezeigt werden. Man kann + beim Entwickeln eines Stils aber probehalber den Platzhalter "*" + verwenden und sieht dann, welche Parameternamen noch verwendet + werden könnten. +

+
+
+ + +
-

Vorher

-

Vorher

- -

Nachher

-

Am Beispiel des Ambulanz-Stils:

-

Nachher

- -

Anleitung

- -

- zaaReloaded2-Ribbon -

- -
    -
  1. Laborwerte auf üblichem Wege in einen Arztbrief einfügen - (alternativ kann der Befehl "Demo" ausgeführt werden, dann wird - ein Beispieldokument mit Laborwerten geöffnet).
    2. -
  2. Im zaaReloaded-Tab (s.o.) den linken Knopf "Formatieren" - klicken.
    3. -

    - Stil auswählen -

    -
  3. - Beim ersten Mal erscheint eine Liste mit Stilen, aus der man den - gewünschten Stil auswählt (siehe Abbildung). Beim nächsten Mal, - wenn man auf diesen Knopf drückt, wird der zuletzt verwendete Stil - genommen.
    4. -
  4. Einen Moment warten... Voilà.
    5. -
- - -

Anpassen

-

- Das Addin enthält einen Stil-Editor, mit dem die eingebauten Stile - bearbeitet und neue Stile entworfen werden können: -

-

- Stil bearbeiten -

- -

- Elemente - Jeder Stil setzt sich aus sog. Elementen zusammen. Es gibt - Steuerelemente, die zum Beispiel für die Auswahl eines Tages - (erster Tag/letzter Tag) zuständig sind, und es gibt - Ausgabeelemente, die die eigentliche Formatierung und Ausgabe - der Laborwerte übernehmen. -

- -

- Steuerelemente: -

- - - -

- Ausgabeelemente: -

- - - -

- "Beliebiger Text" kann, wie der Name schon sagt, beliebigen Text - enthalten, der nicht weiter bearbeitet wird. Auf diese Weise kann - man z.B. Platzhalter für Urinsedimente ausgeben lassen, die dann - noch händisch vervollständigt werden. -

-

- "Laborparameter" enthalten eine durch Kommata getrennte Auflistung - von Parametern, die ausgegeben werden sollen. Jedes Element - "Laborparameter" kann optional einen Titel enthalten: -

-

- Beispiel: -

-
-

- Element bearbeiten -

-

- Klinische Chemie: Na, K, Cl, (usw.) -

-
-

- In diesem Fall ist "Klinische Chemie:" der optionale Titel. -

-

- Die Bezeichnungen der einzelnen Parameter sind fest einprogrammiert. - Teils decken sie sich mit den Bezeichnungen, wie sie in der - Zentralen Arztbriefablage erscheinen; teils sind sie aber auch - Surrogate (z.B. "eGFR (CKD-EPI)" anstatt "glomerul. Filtrationsr. - CKD-EP"). -

-

- Die Platzhalter "SU-*", "U-*" und "*" geben die noch nicht - verwendeten Werte für Sammelurin, Spontanurin und alles weitere aus. - "*" sollte daher als letztes verwendet werden. -

- Die Liste der möglichen Parameternamen ist momentan fest - einprogrammiert und kann auch noch nicht angezeigt werden. Man kann - beim Entwickeln eines Stils aber probehalber den Platzhalter "*" - verwenden und sieht dann, welche Parameternamen noch verwendet - werden könnten. -

- -

Updates

-

- Das Addin sucht täglich nach Updates und lädt und installiert diese - bei Bedarf im Hintergrund. -

- -

Weitere Informationen

-

Versionsgeschichte

-

Quellcode-Dokumentation

- -
-

© 2015 Daniel Kraus

+ + + + - +