diff --git a/.eleventy.js b/.eleventy.js index 6d93d7b..2287334 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -1,12 +1,12 @@ const pluginRev = require("eleventy-plugin-rev"); -const eleventySass = require("eleventy-sass"); -const tinyHTML = require('@sardine/eleventy-plugin-tinyhtml'); -const eleventyNavigationPlugin = require("@11ty/eleventy-navigation"); +const pluginSass = require("eleventy-sass"); +const pluginTinyHtml = require("@sardine/eleventy-plugin-tinyhtml"); +const pluginNavigation = require("@11ty/eleventy-navigation"); module.exports = function (eleventyConfig) { eleventyConfig.addPlugin(pluginRev); - eleventyConfig.addPlugin(tinyHTML); - eleventyConfig.addPlugin(eleventySass, { + eleventyConfig.addPlugin(pluginTinyHtml); + eleventyConfig.addPlugin(pluginSass, { sass: { loadPaths: ["node_modules"], style: "compressed", @@ -21,7 +21,7 @@ module.exports = function (eleventyConfig) { }, rev: true }); - eleventyConfig.addPlugin(eleventyNavigationPlugin); + eleventyConfig.addPlugin(pluginNavigation); eleventyConfig.setUseGitIgnore(false); eleventyConfig.addPassthroughCopy({ diff --git a/src/de/services/matrix/setup/part-1.md b/src/de/services/matrix/setup/part-1.md index 796b6a2..8415795 100644 --- a/src/de/services/matrix/setup/part-1.md +++ b/src/de/services/matrix/setup/part-1.md @@ -93,29 +93,29 @@ wählst du deinen Anmeldenamen und ein sicheres Passwort, gibst beides in die en dein Matrix-Account erstellt. Es kann sein, dass du während des Erstellens deines Accounts ein bisschen warten musst, das kann je nach Server-Auslastung ein bisschen dauern. -
-
- - -Zuerst die App starten. +
+
+ + +Zuerst die App starten.
-
- - -„Andere“ auswählen um einen eigenen Anbieter zu verwenden. +
+ + +„Andere“ auswählen um einen eigenen Anbieter zu verwenden.
-
- - -Die Server-Adresse des Anbieters eingeben und „Registrieren“ oder „Anmelden“ auswählen. +
+ + +Die Server-Adresse des Anbieters eingeben und „Registrieren“ oder „Anmelden“ auswählen.
-
- - -Benutzername und Passwort eingeben. +
+ + +Benutzername und Passwort eingeben.
@@ -131,29 +131,29 @@ hinzufügen“. Nun gibst du die Matrix-ID deines:deiner Chatpartner:in ein, wä und tippst anschließend auf „Erstellen“. Jetzt heißt es ein bisschen warten, bis dein:e Chatpartner:in deine Einladung angenommen hat. -
-
- - -Einen neuen Chat mit dem grünen Button starten. +
+
+ + +Einen neuen Chat mit dem grünen Button starten.
-
- - -„Mit Matrix-ID hinzufügen“ auswählen. +
+ + +„Mit Matrix-ID hinzufügen“ auswählen.
-
- - -Matrix-ID eingeben und Chat erstellen. +
+ + +Matrix-ID eingeben und Chat erstellen.
-
- - -Chatten. +
+ + +Chatten.
diff --git a/src/de/services/matrix/setup/part-2.md b/src/de/services/matrix/setup/part-2.md index 13f24af..1195a39 100644 --- a/src/de/services/matrix/setup/part-2.md +++ b/src/de/services/matrix/setup/part-2.md @@ -21,8 +21,62 @@ Durch [Ende-zu-Ende-Verschlüsselung](https://de.wikipedia.org/wiki/Ende-zu-Ende Je nach App wird die Ende-zu-Ende-Verschlüsselung direkt beim Erstellen eines Chats aktiviert oder es wird dort die Möglichkeit zur Aktivierung gegeben. Wenn die Verschlüsselung nicht beim Erstellen aktiviert wird, sollte sie für private Chats danach aktiviert werden. In Element geht, das wie folgt: +
+
+ + +Öffne das Chat-Menü durch Tippen auf den Namen in der oberen Leiste. Anschließend wählst du „Einstellungen“ aus. + +
+
+ + +In den Raum-Einstellungen wählst du dann „Ende-zu-Ende-Verschlüsselung aktivieren“ aus. + +
+
+ + +Nun kannst du die Ende-zu-Ende-Verschlüsselung aktivieren. + +
+
+ + +Ob die Ende-zu-Ende-Verschlüsselung aktiviert ist, kannst du unter „Sicherheit“ sehen. + +
+
+ Wenn du in einem Chat die Ende-zu-Ende-Verschlüsselung aktiviert hast, ist es außerdem ratsam, die Schlüsselsicherung einzurichten. Dafür musst du ein zusätzliches Schlüsselpasswort verwenden. Mit diesem Passwort kannst du verschlüsselte Chats auch auf anderen Geräten wiederherstellen. Element wird dich dazu auffordern, ein Schlüsselpasswort zu setzen, wenn es notwendig ist: +
+
+ + +Element zeigt die eine Benachrichtigung zum Setzen eines Schlüsselpassworts an. + +
+
+ + +Wenn du auf die Benachrichtigung klickst, öffnet sich diese Auswahl. + +
+
+ + +Wenn du „Benutze einen Sicherheitsschlüssel“ wählst, wird ein zufälliger Schlüssel generiert, den du an einem sicheren Ort aufbewahren solltest. + +
+
+ + +Wenn du „Benutze Sicherheitsphrase“ wählst, kannst du selber ein Passwort festlegen. + +
+
+ Wenn du diese Benachrichtigung nicht bekommst, kannst du auch in den Einstellungen unter „Sicherheit & Privatsphäre“ > „Wiederherstellung verschlüsselter Nachrichten“ die Schlüsselsicherung einrichten. Außerdem kannst du dort die Schlüsselsicherung zurücksetzen, wenn du dein Schlüsselpasswort vergessen hast. Um die Schlüsselsicherung in einer neuen Sitzung wiederherzustellen, kannst du entweder die Sitzung von einem anderen Gerät verifizieren (siehe unten Cross Signing) oder du nutzt dein Schlüsselpasswort. Gehe hierfür in die Einstellungen und wähle unter „Sicherheit & Privatsphäre“ die Option „Wiederherstellung verschlüsselter Nachrichten“ und anschließend „Von Sicherung wiederherstellen“. Damit sollten alle Nachrichten in deinen verschlüsselten Chats auch in dieser Sitzung wieder lesbar sein. @@ -33,6 +87,45 @@ Zusätzlich zur Ende-zu-Ende-Verschlüsselung kannst du mithilfe der Kontaktveri In Element kann die Kontakt-Verifizierung über einen QR-Code Scan oder über den Vergleich von Emojis oder eines Texts durchgeführt werden. Um einen Kontakt zu verifizieren, wähle den Chat mit der Person aus und tippe anschließend auf den Namen in der Titelzeile. Nun geht es wie folgt weiter: +
+
+ + +Wähle im Chat-Menü „Personen“ aus und anschließend die Person, die du verifizieren willst. + +
+
+ + +In der Kontaktansicht kannst du nun „Verifizieren“ auswählen. + +
+
+ + +Starte die Verifizierung, indem du auf „Verifizierung beginnen“ tippst. + +
+
+ + +Anschließend kannst du direkt den QR-Code deines Kontakts scannen, wenn du die Möglichkeit hast. Wenn nicht, tippe auf „Kann nicht scannen“. + +
+
+ + +Wenn du nicht scannen kannst, kannst du deinen Kontakt mit einer Reihe zufälliger Emojis verifizieren. + +
+
+ + +Nachdem ihr euch erfolgreich verifiziert habt, seht ihr beide dieses grüne Schild. + +
+
+ Die einzelnen Schritte der Verifizierung können eine Weile dauern. Warte deshalb etwas ab, bevor du die Verifizierung abbrichst. Um die Verifizierung eines Kontakts sicher durchzuführen, mache sie entweder wenn ihr euch real trefft oder tauscht die Emojis über einen unabhängigen, vertrauenswürdigen Kanal, z.B. am Telefon aus. ## Cross Signing @@ -41,6 +134,33 @@ Um in Matrix zu chatten, kannst du beliebig viele Apps auf verschiedenen Geräte Alternativ kannst du auch alle deine Sitzungen in den Einstellungen verifizieren. Gehe hierfür in den Einstellungen auf „Sicherheit & Privatsphäre“ und dann auf „Zeige alle Sitzungen“. Dort siehst du nun, welche Sitzungen bereits verifiziert sind und du kannst die übrigen Sitzungen verifizieren. +
+
+ + +Wähle aus der Liste die Sitzung, die du verifizieren willst. + +
+
+ + +Wähle nun wie du diese Sitzung verifizieren willst, z.B. mithilfe der Emojis. + +
+
+ + +Wie bei der Verifizierung deiner Kontakte musst du nun die Emojis auf beiden Geräten vergleichen. + +
+
+ + +Nachdem du dein Gerät erfolgreich verifiziert hast, wird dieses grüne Schild angezeigt. + +
+
+ Es ist wichtig, alle deine Sitzungen zu verifizieren, damit auch für deine Kontakte erkennbar ist, dass die Ende-zu-Ende-Verschlüsselung richtig funktioniert. Wenn du nicht willst, dass Element automatisch neuen Sitzungen deines Kontakts vertraut, kannst du in den Einstellungen unter „Sicherheit & Privatsphäre“ die Option „Nur zu verifizierten Sitzungen verschlüsseln“ aktivieren. Dann musst du jede Sitzung einzeln verifizieren. diff --git a/src/img/matrix/setup/part-2/e2ee1.png b/src/img/matrix/setup/part-2/e2ee1.png new file mode 100644 index 0000000..eea2caa Binary files /dev/null and b/src/img/matrix/setup/part-2/e2ee1.png differ diff --git a/src/img/matrix/setup/part-2/e2ee2.png b/src/img/matrix/setup/part-2/e2ee2.png new file mode 100644 index 0000000..6b57feb Binary files /dev/null and b/src/img/matrix/setup/part-2/e2ee2.png differ diff --git a/src/img/matrix/setup/part-2/e2ee3.png b/src/img/matrix/setup/part-2/e2ee3.png new file mode 100644 index 0000000..3aac515 Binary files /dev/null and b/src/img/matrix/setup/part-2/e2ee3.png differ diff --git a/src/img/matrix/setup/part-2/e2ee4.png b/src/img/matrix/setup/part-2/e2ee4.png new file mode 100644 index 0000000..c25ac27 Binary files /dev/null and b/src/img/matrix/setup/part-2/e2ee4.png differ diff --git a/src/img/matrix/setup/part-2/key1.png b/src/img/matrix/setup/part-2/key1.png new file mode 100644 index 0000000..46c5089 Binary files /dev/null and b/src/img/matrix/setup/part-2/key1.png differ diff --git a/src/img/matrix/setup/part-2/key2.png b/src/img/matrix/setup/part-2/key2.png new file mode 100644 index 0000000..e5fc773 Binary files /dev/null and b/src/img/matrix/setup/part-2/key2.png differ diff --git a/src/img/matrix/setup/part-2/key3.png b/src/img/matrix/setup/part-2/key3.png new file mode 100644 index 0000000..e35fde5 Binary files /dev/null and b/src/img/matrix/setup/part-2/key3.png differ diff --git a/src/img/matrix/setup/part-2/key4.png b/src/img/matrix/setup/part-2/key4.png new file mode 100644 index 0000000..763bccb Binary files /dev/null and b/src/img/matrix/setup/part-2/key4.png differ diff --git a/src/img/matrix/setup/part-2/session1.png b/src/img/matrix/setup/part-2/session1.png new file mode 100644 index 0000000..cb1f1b3 Binary files /dev/null and b/src/img/matrix/setup/part-2/session1.png differ diff --git a/src/img/matrix/setup/part-2/session2.png b/src/img/matrix/setup/part-2/session2.png new file mode 100644 index 0000000..4b2f27e Binary files /dev/null and b/src/img/matrix/setup/part-2/session2.png differ diff --git a/src/img/matrix/setup/part-2/session3.png b/src/img/matrix/setup/part-2/session3.png new file mode 100644 index 0000000..7e451cd Binary files /dev/null and b/src/img/matrix/setup/part-2/session3.png differ diff --git a/src/img/matrix/setup/part-2/session4.png b/src/img/matrix/setup/part-2/session4.png new file mode 100644 index 0000000..9559aa7 Binary files /dev/null and b/src/img/matrix/setup/part-2/session4.png differ diff --git a/src/img/matrix/setup/part-2/verifizieren1.png b/src/img/matrix/setup/part-2/verifizieren1.png new file mode 100644 index 0000000..eea2caa Binary files /dev/null and b/src/img/matrix/setup/part-2/verifizieren1.png differ diff --git a/src/img/matrix/setup/part-2/verifizieren2.png b/src/img/matrix/setup/part-2/verifizieren2.png new file mode 100644 index 0000000..7648bc5 Binary files /dev/null and b/src/img/matrix/setup/part-2/verifizieren2.png differ diff --git a/src/img/matrix/setup/part-2/verifizieren3.png b/src/img/matrix/setup/part-2/verifizieren3.png new file mode 100644 index 0000000..c6dfa07 Binary files /dev/null and b/src/img/matrix/setup/part-2/verifizieren3.png differ diff --git a/src/img/matrix/setup/part-2/verifizieren4.png b/src/img/matrix/setup/part-2/verifizieren4.png new file mode 100644 index 0000000..8f460d7 Binary files /dev/null and b/src/img/matrix/setup/part-2/verifizieren4.png differ diff --git a/src/img/matrix/setup/part-2/verifizieren5.png b/src/img/matrix/setup/part-2/verifizieren5.png new file mode 100644 index 0000000..0783c35 Binary files /dev/null and b/src/img/matrix/setup/part-2/verifizieren5.png differ diff --git a/src/img/matrix/setup/part-2/verifizieren6.png b/src/img/matrix/setup/part-2/verifizieren6.png new file mode 100644 index 0000000..471bea3 Binary files /dev/null and b/src/img/matrix/setup/part-2/verifizieren6.png differ diff --git a/src/scss/main.scss b/src/scss/main.scss index d1a1303..9b00929 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -264,14 +264,6 @@ pre { } } -.article-content { - img { - display: block; - margin: 1rem auto; - max-width: 100%; - } -} - @media (max-width: 767.98px) { .logo { max-width: 96px; @@ -307,6 +299,37 @@ table.table { max-width: 250px; } +.article-content { + img { + display: block; + margin: 0 auto 1rem; + max-width: 100%; + } + + .img-gallery { + --bs-gutter-x: 1rem; + + a { + display: flex; + flex-direction: column; + height: 100%; + padding-bottom: 1rem; + + img { + width: 100%; + margin: 0; + } + + small { + padding: .5rem; + flex-grow: 1; + background-color: $primary; + color: #000; + } + } + } +} + .tab-card { margin-bottom: 2rem;