diff options
-rw-r--r-- | card.vcf | 15 | ||||
-rw-r--r-- | index.html | 17 | ||||
-rw-r--r-- | tips/index.html | 141 |
3 files changed, 164 insertions, 9 deletions
diff --git a/card.vcf b/card.vcf new file mode 100644 index 0000000..e366fb4 --- /dev/null +++ b/card.vcf @@ -0,0 +1,15 @@ +BEGIN:VCARD +VERSION:3.0 +PRODID:-//Sabre//Sabre VObject 4.4.2//EN +UID:58da0e00-8e21-46c6-9631-22346f57c4a8 +FN:Lennart Mühlenmeier +N:Mühlenmeier;Lennart;;; +TEL;TYPE=cell:+4915150723110 +EMAIL;TYPE=home:lennart@lnrt.de +ADR;TYPE=home:;;Postfach 21279;Berlin;;10124; +TZ:Europe/Berlin +NOTE: +URL;VALUE=URI:https://lnrt.de +TITLE:Journalist +REV;VALUE=DATE-AND-OR-TIME:20240511T143319Z +END:VCARD diff --git a/index.html b/index.html index df24364..0f67402 100644 --- a/index.html +++ b/index.html @@ -64,7 +64,7 @@ font-family: 'Roboto', sans-serif; font-size: clamp(1.2em, 2vw, 1.6em); line-height: 1.6; - padding-top: 3%; + margin-top: 0; } p { @@ -106,12 +106,12 @@ padding: 1% 5%; } - section.linktopersonal { + section.linktotips { background-color: black; background-image: repeating-linear-gradient( -42deg, hsl(0,100%,2%) 0%, hsl(249,100%,13%) 15%, hsl(160,100%,13%) 30%, hsl(0,100%,2%) 45% ); } - section.linktopersonal a { + section.linktotips a { color: white; font-family: monospace; font-size: 80%; @@ -459,6 +459,11 @@ </head> <body> + <section class="hero mb-6 linktotips"> + <p class="has-text-centered pt-6 pb-4"><a style="color: white!important;" href="https://lnrt.de/tips/">Bitte erst lesen, bevor ihr als mögliche Quelle Kontakt aufnehmt!</a></p> + </section> + + <div class="columns"> <div class="column is-two-thirds"> <h1 class="title">Lennart Mühlenmeier</h1> @@ -653,11 +658,5 @@ <a href="https://creativecommons.org/publicdomain/zero/1.0/deed.de" class="has-text-grey">Lizenz</a> </p> </footer> - - <section class="hero mt-6 linktopersonal"> - <p class="has-text-centered pt-6 pb-4"><a style="color: white!important;" href="https://cope.cool">not interested in work? - <br>click here for my personal website</a></p> - </section> - </body> </html> diff --git a/tips/index.html b/tips/index.html new file mode 100644 index 0000000..8a51910 --- /dev/null +++ b/tips/index.html @@ -0,0 +1,141 @@ +<!DOCTYPE html> +<html lang="de"> +<head> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <meta charset="UTF-8"> + <title>Lennart Mühlenmeier — Journalist</title> + + <meta name="title" content="Lennart Mühlenmeier – Journalist"> + <meta name="description" content="Ich bin Journalist aus Berlin. Meine Themen lauten Überwachung, Repression und Hacking."> + + <meta property="og:type" content="website"> + <meta property="og:url" content="https://lnrt.de/"> + <meta property="og:title" content="Lennart Mühlenmeier – Journalist"> + <meta property="og:description" content="Ich bin Journalist aus Berlin. Meine Themen lauten Überwachung, Repression und Hacking."> + <meta property="og:image" content="https://lnrt.de/pictures/meta.png"> + + <meta property="twitter:card" content="summary_large_image"> + <meta property="twitter:url" content="https://lnrt.de/"> + <meta property="twitter:title" content="Lennart Mühlenmeier – Journalist"> + <meta property="twitter:description" content="Ich bin Journalist aus Berlin. Meine Themen lauten Überwachung, Repression und Hacking."> + <meta property="twitter:image" content="https://lnrt.de/pictures/meta.png"> + + <link rel="stylesheet" href="../bulma.min.css"> + + <link rel="apple-touch-icon" sizes="180x180" href="../favs/apple-touch-icon.png"> + <link rel="icon" type="image/png" sizes="32x32" href="../favs/favicon-32x32.png"> + <link rel="icon" type="image/png" sizes="16x16" href="../favs/favicon-16x16.png"> + + <style> + @font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: url('../fonts/roboto-regular.woff2') format('woff2'); + } + + @font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 400; + src: url('../fonts/roboto-italic.woff2') format('woff2'); + } + + @font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 900; + src: url('../fonts/roboto-900.woff2') format('woff2'); + } + + @font-face { + font-family: 'Roboto Mono'; + font-style: normal; + font-weight: normal; + src: url('../fonts/roboto-mono-regular.woff2') format('woff2'); + } + + * { + color: black !important; + } + + body { + background-color: white; + font-family: 'Roboto', sans-serif; + font-size: clamp(1.2em, 2vw, 1.6em); + line-height: 1.6; + padding-top: 3%; + } + + p { + margin-bottom: 1.25em; + } + + a { + color: blue !important; + text-decoration: underline; + } + + a:hover { + color: red !important; + } + + code { + color: #888 !important; + font-family: 'Roboto Mono', monospace; + -webkit-box-decoration-break: clone; + box-decoration-break: clone; + } + + strong, + .has-text-weight-900 { + font-weight: 900; + } + + ins { + text-decoration: none; + } + + .subtitle, + figcaption, + time { + color: #666 !important; + } + + div.columns, h3 { + padding: 1% 5%; + } + + </style> +</head> +<body> + + <div class="columns"> + <div class="column"> + <h1 class="title">Wichtige Hinweise vor der Kontaktaufnahme</h1> + <p class="subtitle is-size-4">Bitte lest dies sorgfältig, bevor ihr mich als mögliche Quelle kontaktiert.</p> + + <p>Ich recherchiere seit mehreren Jahren zu Repression durch den Staatsapparat. + Das heißt: Ich bin mir der Gefahren bewusst, derer ich meine Quellen aussetze. + Doch ohne Eure mutige Kontaktaufnahme, können Missstände nicht aufgedeckt werden.</p> + + <p>So bitte ich Euch um folgende Vorsichtsmaßnahmen, wenn ihr mich kontaktiert: + <ol> + <li>Kontaktiert mich über einen Weg, der Euch vertraut und zeitgemäß ist. Das bedeutet in aller Regel nicht: E-Mail oder Mobilfunk.</li> + <li>Nehmt besser einen Messenger Eurer Wahl und stellt euch kurz vor. Ihr findet mich fast überall über meine Telefonnummer. Nennt einen Decknamen und Euer Anliegen.</li> + <li>Verwendet — wenn möglich — immer diesen Decknamen, wenn ihr euch bei mir meldet. Ihr könnt mich über verschiedene Wege kontaktieren.</li> + <li>Wenn ich Rückfragen habe, melde ich mich.</li> + </ol> + </p> + + <p>Als Journalist kann ich Euch keinen Rechtsschutz versprechen. + Deswegen: Seid so vorsichtig, wie irgendwie möglich. + Es gibt reale Gefahren in dieser Welt: egal ob sie in einer Uniform stecken oder nicht.</p> + + <p>Aber ich werde immer versuchen, Euch zu beschützen. Meldet Euch gerne. Ladet dazu einfach <a href="/card.vcf">digitale Visitenkarte herunter</a> und: danke für Euer Vertrauen!<p> + + <p>↩ <a href="https://lnrt.de">Zurück zur Startseite</a></p> + </div> + </div> +</body> +</html> |