JSFiddle - React, Tailwind, and code Playground

by flyingsheep

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>www.ttyhoney.com</title>
    </head>
    
    <body lang="de">
        <header>This page is intentionally left blank.</header>
        <article>
            <hgroup>
                <h1>Bundestrojaner</h1>
                <h2>Posted by hoschi on 2011-10-09 17:51:39 CEST</h2>
            </hgroup>
            <p>
                Dem Chaos Computer Club (CCC) wurde Festplatten zugespielt, mit der Erwartung darauf ein Programm zur Quellen-Telekommunikationsueberwachung (Quellen-TKÜ) zu finden. Stattdessen hat der CCC offensichtlich den Bundestrojaner entdeckt und natuerlich auseinandergenommen!
            </p><p>
                Das Bundesverfassungsgericht hat 2008 das sogenannte Grundrecht <strong>„Auf Gewährleistung der Vertraulichkeit und Integrität informationstechnischer Systeme“</strong> definiert. Vereinfacht gesagt, darf das BKA nur bei Gefahr fuer Menschenleben und mit Zustimmung eines Gerichts in einen Computer eindringen und den Bundestrojaner installieren. Weil ein Computer privaten Daten enthaelt, also genauso wie ein Tagebuch zu behandeln ist und ein Trojaner insbesondere die Manipulation von Daten ermoeglicht. Um Emails, Chat und Voicechat (Skype wird haeufig explizit von den Behoerden genannt) trotzdem ueberwachen zu koennen, wurde die sogenannte Quellen-Telekommunikationsueberwachung geschaffen. Ueber diesen zweiten Weg soll mit Genehmigung eines Richters (bei Gefahr reicht der Staatsanwalt) <strong>nur die Kommunikation</strong> ueberwacht, also belauscht, werden.
            </p><p>
                Nun ist der CCC bei seiner Untersuchung, nicht wie erwartet, auf kein reines Ueberwachungsprogramm gestossen, sondern auf den Bundestrojaner. Der Bundestrojaner ermoeglich offenbar die Aufzeichnung des Geschehens auf dem Bildschirm und das nachinstallieren beliebiger Komponenten. Ausserdem ist die Steuerung bzw. Kommunikation nicht richtig abgesichert, der Bundestrojaner laesst sich also von Dritten...

CSS

body {
    background-color: #2F3846; /*#27394b*/
    color: white;
}

a:link, a:visited, a:active {
    color: white;
    /*text-decoration:none;*/
    /*background-color:#27394b*/
}

a:hover {
    text-decoration:none;
    color: #a52a2a;
    background-color: white;
}

header, footer, article {
    display:block;
}
header {
    text-align: center;
    margin: 5% auto 0;
}

article {
    width:50%;
    min-width:36em;
    margin: 1em auto;
    padding: 1em;
    border-radius: 10px;
    background-color: #272F3B;
}
         
h1 {margin:0}
h1 + h2 {
    font-size: 1em;
    margin-top: -.2em;
}