Skip to content

Testimonials

Knut Perseke edited this page Nov 21, 2017 · 3 revisions

Neues Testimonial anlegen

Erstelle eine Text-Datei für jede Sprachversion im Ordner

_testimonials

mit dem Namensformat

[Datei-Titel]-[Sprache].md

  • en für English
  • de für deutsch

Der Datei-Titel darf keine Umlaute, Emojis oder ähnliches enthalten, aus Kleinbuchstaben bestehen und anstelle von Leerzeichen muss das Minus "-" verwendet werden.

Beispiel: _testimonials/mein-testimonial.md

Am Anfang in der Datei muss ein Textblock mit den Metainformationen, dann folgt der Inhalt.

Bilder

Das Titelbild soll in den Pfad files/projects/testimonials gelegt und zu git hinzugefügt werden. Alternativ kann man sie im entsprechenden Pfad direkt über GitHub hochladen über "Upload files" (Knopf rechts oben). Die Bilder können dann in Metainformationen als ein Hauptbild oder im Text verwendet werden. (siehe unten)

Keine zu großen Dateien (maximal 1 MB) hochladen, bitte bedenke dass die Projekte auch über langsame Mobilverbindungen gelesen werden.

Testimonial-Metainformationen

Die Metainformation müssen am Anfang der Datei stehen und von zwei Zeilen mit "---" umschlossen werden.

---
layout: testimonial
name: Abgeordnetenwatch
img: 
    src: http://lorempixel.com/500/301
cite: > 
    Lorem ipsum dolor
lang: de
---

layout

gibt an, dass die Seite als Testimonialseite gerendert wird.

img src

Die (relative) Pfad des Bildes

z.B. /files/testimonials/dateiname.png

Bitte nicht die volle Adresse angeben (http:/datenschule.de/files/testimonials/dateiname.png), da sonst bei https://datenschule.de die Datei eben nicht über https übertragen wird.

img title

Dieser Text wird beim Mouse-Over gezeigt und blinden Menschen vorgelesen.

Bitte nicht nur den Dateinamen z.B. "OERcamp-Logo-300px.jpeg" eintragen, sondern eine kurze Beschreibung was auf dem Bild zu sehen ist z.B. "OERCamp Logo".

img license

Wird in einer Zeile unter dem Bild angezeigt, kann Markdown enthalten.

img license_url

URL zur angegeben Lizenz

cite

Zitat, das auf der Übersichtsseite für die Testimonials angezeigt wird.

lang

Die Sprachversion des Testimonials

  • de für deutsch
  • en für englisch

Ein Zitat anzeigen

Damit eine Textpassage als Zitatsbubble angezeigt werden kann wird HTML benötigt

<p class="speech-bubble">
    Ich war im ersten Moment schockiert, weil es wieder das alte Bild von Schule war, was da herausgekommen ist. Irgendwie war das aber auch logisch, denn das, was die Daten hergeben, ist, wie der überwiegende Teil der Menschen Schule sieht. Das fand ich sehr interessant und damit hatte ich nicht gerechnet. Aber für mich war der Gedanke prägend: Mit Daten habe ich eine Chance, das Bild [der Schulen] zu verändern!”
    <cite>Silke Ramelow</cite>
</p>

class speech-bubble

Gibt an, dass es sich um eine Zitatsbubble hält

cite

Gibt den Zitatgeber an

Clone this wiki locally