A Pen by Jens Grochtdreis on CodePen.
Last active
July 31, 2019 11:58
-
-
Save jensgro/884d2c2dc1e6904c199d6671a30ed2df to your computer and use it in GitHub Desktop.
Testaufgabe: einfaches Blog
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<h1>Mein tolles neues Blog</h1> | |
<article> | |
<header> | |
<h2>Wenn der Mittwoch sich wie ein Montag anfühlt ist es Dienstag.</h2> | |
<p>Geschrieben von Servatius Hörnebrecht Stiegelmeier</p> | |
<p>Veröffentlicht am 2. Juni 2019</p> | |
</header> | |
<p>Nein, meine Texte les ich nicht, so nicht, stöhnte Oxmox. Er war mit Franklin, Rockwell und dem halbtaxgrauen Panther Weidemann in Memphis (Heartbreak Hotel) zugange. Sie warteten auf die fette Gill, um bei der Bank of Helvetica die Kapitälchen in Kapital umzuwandeln. Oxmox ließ nicht locker. Ich fleh euch an, rettet meine Copy, gebt meinem Body nochn Durchschuß! Kein Problem, erbarmte sich Old Face Baskerville, streichelte seinen Hund, zog seine einspaltige Poppl, legte an und traf! (Zeidank nichts Ernstes – nurn bißchen Fraktur.) Oxmox: Danke, ist jetzt mit Abstand besser. Derweil jumpte der Fox leise over the Buhl, die sich mal wieder immerdar wie jedes Jahr gesellte. </p> | |
<p>Diesmal war Guaredisch ihr Erwählter, weil seine Laufweite einem vollgetankten Bodoni entsprach und seine ungezügelte Unterlänge ihre Serifen so serafisch streifte, daß sie trotz Techtelmechtelei die magere Futura, jene zuverlässige und gern eingesetzte Langstreckenläuferin, rechtsbündig überholen konnten. Leute, giftelte Tiffany, macht endlich maln Punkt. Und das Komma soll sich gefällixt an die richtige Stelle setzen. Und keine Trennungen. Und nicht zu viele Anschläge heut nacht! Die Goudy war vorbei. Aus einem üblen Geviert tauchte eine Horde Gemeiner auf, angeführt von einem Versalen. Als sie des Grauwerts anblickig wurden, machten sie auf dem Absatz kehrt — ohne Einzug. Die in der letzten Reihe warfen noch schnell eine Handvoll Buchstaben in die Luft.</p> | |
</article> | |
<article> | |
<header> | |
<h2>Ein Deutscher Hahn kämpft bis zum Grill.</h2> | |
<p>Geschrieben von Cindy Kerzenan</p> | |
<p>Veröffentlicht am 17. Mai 2019</p> | |
</header> | |
<p>Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte! Hatte einer seiner zahllosen Kollegen dieselbe Idee gehabt, ihn beobachtet und abgewartet, um ihn nun um die Früchte seiner Arbeit zu erleichtern? Oder gehörten die Schritte hinter ihm zu einem der unzähligen Gesetzeshüter dieser Stadt, und die stählerne Acht um seine Handgelenke würde gleich zuschnappen?</p> | |
</article> | |
<article> | |
<header> | |
<h2>Jemand musste Josef K. verleumdet haben.</h2> | |
<p>Geschrieben von Peter Silie</p> | |
<p>Veröffentlicht am 11. Mai 2019</p> | |
</header> | |
<p>Als Gregor Samsa eines Morgens aus unruhigen Träumen | |
erwachte, fand er sich in seinem Bett zu einem | |
ungeheueren Ungeziefer verwandelt.</p> | |
</article> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
article { | |
padding: 8px; | |
border-bottom: 1px solid #000; | |
} | |
h2 { | |
color: #a20000; | |
} | |
header p { | |
margin: 0; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<link href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/5028/basics_3.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment