neu•gierig

Ein Podcast & Blog über Kreativität, Technologie, Arbeit und Menschen hinter ihren Pseudonymen und Avataren.

#2f271a – z. B. Textfarbe

#264653

#2a9d8f

#42bfb0

#9f3f26

#e76f51 – z. B. Links

#f4a261 – z. B. Hover-Status von Links

#e9c46a

#d5b987

#f9f4ed – z. B. Seitenhintergrund

h1 – Bree Extrabold

h2 – Bree Extrabold

h3 – Bree Extrabold

h4 – Bree Extrabold

h5 – Bree Extrabold
h6 – Bree Extrabold

Das ist ein Text, in Adelle Semibold, in dem ich verschiedene Dinge testen wollen würde. Wie zum Beispiel sieht Text aus, den ich kursiv in Adelle Semibold Italic setze, um ihn hervorzuheben. Ich kann natürlich auch durch fetten Text in Adelle Extrabold etwas hervorheben.

Neben all dem ist es allerdings auch wichtig zu sehen, wie ein Link auf meine Website aussehen wird. Oder ein Zitat von mir:

Neues entsteht nur aus dem Widerspruch zum Bestehenden.

Nur, um danach wieder mit normalem Text weiter zu machen. Aber lass doch mal sehen, wie die Listen aussehen.

  • Listenelement #1
  • Listenelement #2
    • Listenelement #2a
    • Listenelement #2b
  • Listenelement #3
  • Listenelement #4
  • Listenelement #5
  1. Listenelement #1
  2. Listenelement #2
  3. Listenelement #3
    1. Listenelement #3a
    2. Listenelement #3a
  4. Listenelement #4
  5. Listenelement #5
Auf dem Schwarzweiß-Foto sieht man mich links neben Janis sitzen und wir unterhalten uns
Janis und ich hinter der Bühne vor seinem Vortrag (Foto von Florian Ziegler)

Es kann ja sein, dass ich mal Code-Beispiele poste. Eher nicht, aber falls ich doch einmal Code-Schnipsel poste, hier einmal #inline-code, denn der soll ja schließlich auch gut aussehen.

.klasse { /* Ein kuriver Code-Block */
      color: #ff0000;
    }
          

Auch Zeit und Datum wird dargestellt:

Button-Beispiele sieht man im Folgenden: