STORY_TITLE

Dies ist das Beispiel-Template für eine Story auf stories.stadtpuls.com. Du kannst dieses Template verwenden, um deine eigene Story zu erstellen, den Code dafür findest du auf Github.

Die folgenden Textbeispiele geben dir einen Überblick, welche vorgefertigten Style-Elemente dir für die Gestaltung deiner eigenen Story zur Verfügung stehen.

Dies ist eine Standard-Headline

Dies ist ein Beispiel für einen Link. Code kannst Du auf diese Weise kennzeichnen: <code>Beispiel</code>.

Info-Boxen eignen sich gut, um wichtige Hinweise oder Anmerkungen zu kennzeichnen. Dieses Template verfügt über drei verschiedene Varianten:

Code

Code-Snippets kannst Du mit <pre class="wide-block"><code></code></pre> kennzeichnen, dein Code wird mittels Syntax Highlighting strukturiert, so wie hier gezeigt:

module.exports = function (options = {}) {
const {
  insert = { after: 'h1' },
  title = 'Content',
  ignoreMissingSelector = false,
  ignoreMissingHeadings = false,
  toggle // ['show', 'hide', true],
} = options

if (typeof insert !== 'object') {
  throw new PostHtmlTocError(`unexpected 'options.insert': ${insert}`)
}

const insertKeys = Object.keys(insert)

switch (insertKeys.length) {
  case 1:
    break
  case 0:
    throw new PostHtmlTocError(`empty 'options.insert'`)
  default:
    throw new PostHtmlTocError(`too many keys in 'options.insert': ${insertKeys}`)
}

const position = insertKeys[0]
const selector = insert[position]

Interaktive Diagramme

Wenn Du auf Daten aus deinem Diagramm Bezug nimmst, kannst du diese entsprechend farblich kennzeichnen, z.B. so: Datenarchitektur, Datenwissenschaft oder Datenanalyse.

Du möchtest die originalen Sensordaten von Stadtpuls in deine Geschichte aufnehmen? Auch dafür gibt es eine einfache Möglichkeit. Füge lediglich die Sensor-ID in diesen HREF tag ein, um einen Vorschaulink zu generieren: <a class="sensor-card" data-sensor-id="28"></a>

Das war es auch schon. Weitere Informationen zum Template findest du im Github Repository. Wir wünschen dir viel Erfolg beim Experimentieren und Nutzen des Templates!