Merge pull request 'Tuns out this Branch was a development Branch :)' (#1) from with-example-posts into master

Reviewed-on: #1
This commit is contained in:
kb01 2023-04-02 07:13:57 +02:00
commit 1b85d79226
47 changed files with 1508 additions and 13 deletions

View file

@ -247,7 +247,7 @@ params:
# 网站主题颜色
# Site theme colors
themeColor: "#044725"
themeColor: "#3C6E71"
# 设置网站为黑白模式,通常用于哀悼活动
# Set website to black and white, usually for mourning events
@ -287,11 +287,11 @@ params:
enabled: true
# 网站创建时间
# Site creation time
creatTime: 2016/12/12
creatTime: 2023/03/13
# 网站创建年份
# Site creation year
since: "2016"
since: "2023"
# 显示文章过时提醒
# show warning when outdated info detected
@ -311,7 +311,7 @@ params:
facebook: false
weibo: false
copyLinkText: true
qrcode: true
qrcode: false
qrcodeAPI: "https://api.qrserver.com/v1/create-qr-code/?size=150x150&data="
@ -459,7 +459,7 @@ languages:
de:
languageName: Deutsch
params:
languageIcon: "images/i18n/en-us.svg" # in assets folder
languageIcon: "images/i18n/de.svg" # in assets folder
en-us:
languageName: English
params:

353
content/data-protection.md Normal file
View file

@ -0,0 +1,353 @@
---
title: "Datenschutzerklärung"
date: 2023-04-02T01:27:45+00:00
layout: post
type: page
comments: false
---
# 1. Datenschutz auf einen Blick
## Allgemeine Hinweise
Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten
passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie
persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen
Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.
## Datenerfassung auf dieser Website
### Wer ist verantwortlich für die Datenerfassung auf dieser Website?
Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten
können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle“ in dieser Datenschutzerklärung entnehmen.
### Wie erfassen wir Ihre Daten?
Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um
Daten handeln, die Sie in ein Kontaktformular eingeben.
Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-
Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit
des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten.
### Wofür nutzen wir Ihre Daten?
Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere
Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.
### Welche Rechte haben Sie bezüglich Ihrer Daten?
Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer
gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder
Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben,
können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht, unter
bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.
Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns wenden.
# 2. Hosting
Wir hosten die Inhalte unserer Website bei folgendem Anbieter:
## Externes Hosting
Diese Website wird extern gehostet. Die personenbezogenen Daten, die auf dieser Website erfasst werden,
werden auf den Servern des Hosters / der Hoster gespeichert. Hierbei kann es sich v. a. um IP-Adressen,
Kontaktanfragen, Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe
und sonstige Daten, die über eine Website generiert werden, handeln.
Das externe Hosting erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren potenziellen und
bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer sicheren, schnellen und effizienten
Bereitstellung unseres Online-Angebots durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO).
Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf
Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TTDSG, soweit die Einwilligung die Speicherung
von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im
Sinne des TTDSG umfasst. Die Einwilligung ist jederzeit widerrufbar.
Unser(e) Hoster wird bzw. werden Ihre Daten nur insoweit verarbeiten, wie dies zur Erfüllung seiner
Leistungspflichten erforderlich ist und unsere Weisungen in Bezug auf diese Daten befolgen.
Wir setzen folgende(n) Hoster ein:
netcup GmbH
Daimlerstraße 25
D-76185 Karlsruhe
# 3. Allgemeine Hinweise und Pflichtinformationen
## Datenschutz
Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre
personenbezogenen Daten vertraulich und entsprechend den gesetzlichen Datenschutzvorschriften sowie
dieser Datenschutzerklärung.
Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben.
Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können. Die vorliegende
Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie
und zu welchem Zweck das geschieht.
Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der Kommunikation per E-Mail)
Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht
möglich.
## Hinweis zur verantwortlichen Stelle
Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:
K4CG - Künstlerhaus
c/o kB01
Peuntgasse 5
90402 Nürnberg
E-Mail: admin@kb-one.de
Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. Ä.)
entscheidet.
## Speicherdauer
Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt wurde, verbleiben
Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung entfällt. Wenn Sie ein
berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen,
werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer
personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im
letztgenannten Fall erfolgt die Löschung nach Fortfall dieser Gründe.
## Allgemeine Hinweise zu den Rechtsgrundlagen der Datenverarbeitung auf dieser Website
Sofern Sie in die Datenverarbeitung eingewilligt haben, verarbeiten wir Ihre personenbezogenen Daten auf
Grundlage von Art. 6 Abs. 1 lit. a DSGVO bzw. Art. 9 Abs. 2 lit. a DSGVO, sofern besondere Datenkategorien
nach Art. 9 Abs. 1 DSGVO verarbeitet werden. Im Falle einer ausdrücklichen Einwilligung in die Übertragung
personenbezogener Daten in Drittstaaten erfolgt die Datenverarbeitung außerdem auf Grundlage von Art.
49 Abs. 1 lit. a DSGVO. Sofern Sie in die Speicherung von Cookies oder in den Zugriff auf Informationen in
Ihr Endgerät (z. B. via Device-Fingerprinting) eingewilligt haben, erfolgt die Datenverarbeitung zusätzlich
auf Grundlage von § 25 Abs. 1 TTDSG. Die Einwilligung ist jederzeit widerrufbar. Sind Ihre Daten zur
Vertragserfüllung oder zur Durchführung vorvertraglicher Maßnahmen erforderlich, verarbeiten wir Ihre
Daten auf Grundlage des Art. 6 Abs. 1 lit. b DSGVO. Des Weiteren verarbeiten wir Ihre Daten, sofern diese
zur Erfüllung einer rechtlichen Verpflichtung erforderlich sind auf Grundlage von Art. 6 Abs. 1 lit. c DSGVO.
Die Datenverarbeitung kann ferner auf Grundlage unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f
DSGVO erfolgen. Über die jeweils im Einzelfall einschlägigen Rechtsgrundlagen wird in den folgenden
Absätzen dieser Datenschutzerklärung informiert.
## Hinweis zur Datenweitergabe in die USA und sonstige Drittstaaten
Wir verwenden unter anderem Tools von Unternehmen mit Sitz in den USA oder sonstigen
datenschutzrechtlich nicht sicheren Drittstaaten. Wenn diese Tools aktiv sind, können Ihre
personenbezogene Daten in diese Drittstaaten übertragen und dort verarbeitet werden. Wir weisen darauf
hin, dass in diesen Ländern kein mit der EU vergleichbares Datenschutzniveau garantiert werden kann.
Beispielsweise sind US-Unternehmen dazu verpflichtet, personenbezogene Daten an Sicherheitsbehörden
herauszugeben, ohne dass Sie als Betroffener hiergegen gerichtlich vorgehen könnten. Es kann daher nicht
ausgeschlossen werden, dass US-Behörden (z. B. Geheimdienste) Ihre auf US-Servern befindlichen Daten zu
Überwachungszwecken verarbeiten, auswerten und dauerhaft speichern. Wir haben auf diese
Verarbeitungstätigkeiten keinen Einfluss.
Widerruf Ihrer Einwilligung zur Datenverarbeitung
Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine
bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten
Datenverarbeitung bleibt vom Widerruf unberührt.
## Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen
Direktwerbung (Art. 21 DSGVO)
WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO
ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GRÜNDEN, DIE SICH AUS IHRER BESONDEREN
SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN
WIDERSPRUCH EINZULEGEN; DIES GILT AUCH FÜR EIN AUF DIESE BESTIMMUNGEN GESTÜTZTES
PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT,
ENTNEHMEN SIE DIESER DATENSCHUTZERKLÄRUNG. WENN SIE WIDERSPRUCH EINLEGEN,
WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES
SEI DENN, WIR KÖNNEN ZWINGENDE SCHUTZWÜRDIGE GRÜNDE FÜR DIE VERARBEITUNG
NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND FREIHEITEN ÜBERWIEGEN ODER DIE
VERARBEITUNG DIENT DER GELTENDMACHUNG, AUSÜBUNG ODER VERTEIDIGUNG VON
RECHTSANSPRÜCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO).
WERDEN IHRE PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN,
SO HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE
BETREFFENDER PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG
EINZULEGEN; DIES GILT AUCH FÜR DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN
VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN, WERDEN IHRE PERSONENBEZOGENEN DATEN
ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH
NACH ART. 21 ABS. 2 DSGVO).
## Beschwerderecht bei der zuständigen Aufsichtsbehörde
Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer
Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes
oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht unbeschadet anderweitiger
verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe.
## Recht auf Datenübertragbarkeit
Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags
automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format
aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen
verlangen, erfolgt dies nur, soweit es technisch machbar ist.
## Auskunft, Berichtigung und Löschung
Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche
Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den
Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten. Hierzu sowie
zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit an uns wenden.
## Recht auf Einschränkung der Verarbeitung
Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
Hierzu können Sie sich jederzeit an uns wenden. Das Recht auf Einschränkung der Verarbeitung besteht in
folgenden Fällen:
- Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, benötigen wir in der Regel Zeit, um dies zu überprüfen. Für die Dauer der Prüfung haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
- Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtmäßig geschah/geschieht, können Sie statt der Löschung die Einschränkung der Datenverarbeitung verlangen.
- Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung, Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht, statt der Löschung die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
- Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
- Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen diese Daten von ihrer Speicherung abgesehen nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Europäischen Union oder eines Mitgliedstaats verarbeitet werden.
## SSL- bzw. TLS-Verschlüsselung
Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum
Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL- bzw. TLS-
Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von
„http://“ auf „https://“ wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.
Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht
von Dritten mitgelesen werden.
# 4. Datenerfassung auf dieser Website
## Cookies
Unsere Internetseiten verwenden so genannte „Cookies“. Cookies sind kleine Datenpakete und richten auf
Ihrem Endgerät keinen Schaden an. Sie werden entweder vorübergehend für die Dauer einer Sitzung
(Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem Endgerät gespeichert. Session-Cookies
werden nach Ende Ihres Besuchs automatisch gelöscht. Permanente Cookies bleiben auf Ihrem Endgerät
gespeichert, bis Sie diese selbst löschen oder eine automatische Löschung durch Ihren Webbrowser erfolgt.
Cookies können von uns (First-Party-Cookies) oder von Drittunternehmen stammen (sog. Third-Party-
Cookies). Third-Party-Cookies ermöglichen die Einbindung bestimmter Dienstleistungen von
Drittunternehmen innerhalb von Webseiten (z. B. Cookies zur Abwicklung von Zahlungsdienstleistungen).
Cookies haben verschiedene Funktionen. Zahlreiche Cookies sind technisch notwendig, da bestimmte
Webseitenfunktionen ohne diese nicht funktionieren würden (z. B. die Warenkorbfunktion oder die Anzeige
von Videos). Andere Cookies können zur Auswertung des Nutzerverhaltens oder zu Werbezwecken
verwendet werden.
Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs, zur Bereitstellung
bestimmter, von Ihnen erwünschter Funktionen (z. B. für die Warenkorbfunktion) oder zur Optimierung der
Website (z. B. Cookies zur Messung des Webpublikums) erforderlich sind (notwendige Cookies), werden auf
Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben wird.
Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von notwendigen Cookies zur
technisch fehlerfreien und optimierten Bereitstellung seiner Dienste. Sofern eine Einwilligung zur
Speicherung von Cookies und vergleichbaren Wiedererkennungstechnologien abgefragt wurde, erfolgt die
Verarbeitung ausschließlich auf Grundlage dieser Einwilligung (Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1
TTDSG); die Einwilligung ist jederzeit widerrufbar.
Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und
Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen
sowie das automatische Löschen der Cookies beim Schließen des Browsers aktivieren. Bei der
Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein.
Welche Cookies und Dienste auf dieser Website eingesetzt werden, können Sie dieser
Datenschutzerklärung entnehmen.
# 5. Newsletter
Der Abschnitt zu Newsletter betrifft nur die Seiten git.kb-one.de und cloud.kb-one.de, da diese E-Mail benachrichtigungen versenden können. Die Seite kb-one.de ist nicht betroffen.
## Newsletterdaten
Wenn Sie den auf der Website angebotenen Newsletter beziehen möchten, benötigen wir von Ihnen eine E-
Mail-Adresse sowie Informationen, welche uns die Überprüfung gestatten, dass Sie der Inhaber der
angegebenen E-Mail-Adresse sind und mit dem Empfang des Newsletters einverstanden sind. Weitere
Daten werden nicht bzw. nur auf freiwilliger Basis erhoben. Diese Daten verwenden wir ausschließlich für
den Versand der angeforderten Informationen und geben diese nicht an Dritte weiter.
Die Verarbeitung der in das Newsletteranmeldeformular eingegebenen Daten erfolgt ausschließlich auf
Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO). Die erteilte Einwilligung zur Speicherung der
Daten, der E-Mail-Adresse sowie deren Nutzung zum Versand des Newsletters können Sie jederzeit
widerrufen, etwa über den „Austragen“-Link im Newsletter. Die Rechtmäßigkeit der bereits erfolgten
Datenverarbeitungsvorgänge bleibt vom Widerruf unberührt.
Die von Ihnen zum Zwecke des Newsletter-Bezugs bei uns hinterlegten Daten werden von uns bis zu Ihrer
Austragung aus dem Newsletter bei uns bzw. dem Newsletterdiensteanbieter gespeichert und nach der
Abbestellung des Newsletters oder nach Zweckfortfall aus der Newsletterverteilerliste gelöscht. Wir
behalten uns vor, E-Mail-Adressen aus unserem Newsletterverteiler nach eigenem Ermessen im Rahmen
unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO zu löschen oder zu sperren.
Daten, die zu anderen Zwecken bei uns gespeichert wurden, bleiben hiervon unberührt.
Nach Ihrer Austragung aus der Newsletterverteilerliste wird Ihre E-Mail-Adresse bei uns bzw. dem
Newsletterdiensteanbieter ggf. in einer Blacklist gespeichert, sofern dies zur Verhinderung künftiger
Mailings erforderlich ist. Die Daten aus der Blacklist werden nur für diesen Zweck verwendet und nicht mit
anderen Daten zusammengeführt. Dies dient sowohl Ihrem Interesse als auch unserem Interesse an der
Einhaltung der gesetzlichen Vorgaben beim Versand von Newslettern (berechtigtes Interesse im Sinne des
Art. 6 Abs. 1 lit. f DSGVO). Die Speicherung in der Blacklist ist zeitlich nicht befristet. **Sie können der
Speicherung widersprechen, sofern Ihre Interessen unser berechtigtes Interesse überwiegen.**
# 6. Plugins und Tools
## YouTube mit erweitertem Datenschutz
Diese Website bindet Videos der Website YouTube ein. Betreiber der Seiten ist die Google Ireland Limited
(„Google“), Gordon House, Barrow Street, Dublin 4, Irland.
Wir nutzen YouTube im erweiterten Datenschutzmodus. Dieser Modus bewirkt laut YouTube, dass
YouTube keine Informationen über die Besucher auf dieser Website speichert, bevor diese sich das Video
ansehen. Die Weitergabe von Daten an YouTube-Partner wird durch den erweiterten Datenschutzmodus
hingegen nicht zwingend ausgeschlossen. So stellt YouTube unabhängig davon, ob Sie sich ein Video
ansehen eine Verbindung zum Google DoubleClick-Netzwerk her.
Sobald Sie ein YouTube-Video auf dieser Website starten, wird eine Verbindung zu den Servern von
YouTube hergestellt. Dabei wird dem YouTube-Server mitgeteilt, welche unserer Seiten Sie besucht haben.
Wenn Sie in Ihrem YouTube-Account eingeloggt sind, ermöglichen Sie YouTube, Ihr Surfverhalten direkt
Ihrem persönlichen Profil zuzuordnen. Dies können Sie verhindern, indem Sie sich aus Ihrem YouTube-
Account ausloggen.
Des Weiteren kann YouTube nach Starten eines Videos verschiedene Cookies auf Ihrem Endgerät speichern
oder vergleichbare Wiedererkennungstechnologien (z. B. Device-Fingerprinting) einsetzen. Auf diese Weise
kann YouTube Informationen über Besucher dieser Website erhalten. Diese Informationen werden u. a.
verwendet, um Videostatistiken zu erfassen, die Anwenderfreundlichkeit zu verbessern und
Betrugsversuchen vorzubeugen.
Gegebenenfalls können nach dem Start eines YouTube-Videos weitere Datenverarbeitungsvorgänge
ausgelöst werden, auf die wir keinen Einfluss haben.
Die Nutzung von YouTube erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote.
Dies stellt ein berechtigtes Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar. Sofern eine entsprechende
Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a
DSGVO und § 25 Abs. 1 TTDSG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf
Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TTDSG umfasst. Die
Einwilligung ist jederzeit widerrufbar.
Weitere Informationen über Datenschutz bei YouTube finden Sie in deren Datenschutzerklärung unter:
https://policies.google.com/privacy?hl=de.
## SoundCloud
Auf dieser Website können Plugins des sozialen Netzwerks SoundCloud (SoundCloud Limited, Berners
House, 47-48 Berners Street, London W1T 3NF, Großbritannien.) integriert sein. Die SoundCloud-Plugins
erkennen Sie an dem SoundCloud-Logo auf den betroffenen Seiten.
Wenn Sie diese Website besuchen, wird nach Aktivierung des Plugins eine direkte Verbindung zwischen
Ihrem Browser und dem SoundCloud-Server hergestellt. SoundCloud erhält dadurch die Information, dass
Sie mit Ihrer IP-Adresse diese Website besucht haben. Wenn Sie den „Like-Button“ oder „Share-Button“
anklicken, während Sie in Ihrem SoundCloud- Benutzerkonto eingeloggt sind, können Sie die Inhalte dieser
Website mit Ihrem SoundCloud-Profil verlinken und/oder teilen. Dadurch kann SoundCloud Ihrem
Benutzerkonto den Besuch dieser Website zuordnen. Wir weisen darauf hin, dass wir als Anbieter der Seiten
keine Kenntnis vom Inhalt der übermittelten Daten sowie deren Nutzung durch SoundCloud erhalten.
Die Speicherung und Analyse der Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der
Websitebetreiber hat ein berechtigtes Interesse an einer möglichst umfangreichen Sichtbarkeit in den
Sozialen Medien. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung
ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TTDSG, soweit die Einwilligung
die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-
Fingerprinting) im Sinne des TTDSG umfasst. Die Einwilligung ist jederzeit widerrufbar.
Großbritannien gilt als datenschutzrechtlich sicherer Drittstaat. Das bedeutet, dass Großbritannien ein
Datenschutzniveau aufweist, das dem Datenschutzniveau in der Europäischen Union entspricht.
Weitere Informationen hierzu finden Sie in der Datenschutzerklärung von SoundCloud unter:
https://soundcloud.com/pages/privacy.
Wenn Sie nicht wünschen, dass SoundCloud den Besuch dieser Website Ihrem SoundCloud- Benutzerkonto
zuordnet, loggen Sie sich bitte aus Ihrem SoundCloud-Benutzerkonto aus bevor Sie Inhalte des SoundCloud-
Plugins aktivieren.
Quelle:
https://www.e-recht24.de

View file

@ -0,0 +1,26 @@
---
title: "Vielen Dank für das ermöglichen dieser Website!"
date: 2023-03-11T03:31:45+00:00
layout: "page"
type: page
comments: false
---
# Vielen Dank für das ermöglichen dieser Website!
Um eine Website wie diese zu betreiben werden viele Komponenten benötigt.
Egal ob Software, Server, Icon oder Schriftart, ich möchte mich bei allen Personen dahinter bedanken.
## Genutzte Werke
Die folgenden Werke habe ich nach deren Lizenzen verwendet. Lizenzen die eine Erwähnung fordern sind an erster Stelle, da es für die Lizenzinhaber wichtig ist.
- Unter [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/)
- Icon / Emoji Flagge Deutschland von Ferdinant Sorg ([Quelle](https://openmoji.org/library/emoji-1F1E9-1F1EA/))
- Icon / Emoji Flagge Vereinigte Staaten von Ferdinant Sorg ([Quelle](https://openmoji.org/library/emoji-1F1FA-1F1F8/))
- Unter [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- [Link Icons](https://kb-one.de/links) von Font Awesome Free ([Quelle](https://fontawesome.com/))
- Unter [Apache 2.0 License](https://www.apache.org/licenses/LICENSE-2.0)
- Software Hugo als Gerüst der Website ([Offizielle Website](https://gohugo.io/))
- Unter [GNU General Public License v3.0](https://www.gnu.org/licenses/)
- Theme Luna als Vorlage der Website ([Quellcode](https://github.com/Ice-Hazymoon/hugo-theme-luna))

50
content/imprint.md Normal file
View file

@ -0,0 +1,50 @@
---
title: "Impressum"
date: 2023-04-02T01:18:45+00:00
layout: "page"
type: page
comments: false
---
# Impressum
## Angaben gemäß § 5 TMG
K4CG - Künstlerhaus
c/o kB01
Peuntgasse 5
90402 Nürnberg
## Kontakt
E-Mail: admin@kb-one.de
## Redaktionell verantwortlich
K4CG - Künstlerhaus
c/o kB01
Peuntgasse 5
90402 Nürnberg
Quelle:
https://www.e-recht24.de
# Disclaimer
## Haftung für Inhalte
Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
## Haftung für Links
Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.
## Urheberrecht
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.
Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.

View file

@ -4,7 +4,17 @@ date: 2022-12-13T21:24:00+08:00
layout: "links"
---
#### WebSite
#### Quick-Links for kb-one Accounts:
{{< link url="https://git.kb-one.de" image="kb-git-primary-small.png" title="kb-one Gitea" desc="kb-one Gitea">}}
{{< link url="https://cloud.kb-one.de" image="kb-cloud-primary-small.png" title="kb-one Cloud" desc="kb-one Cloud">}}
{{< link url="https://github.com/kb01guy" image="github.png" title="GitHub" desc="My Github Account" >}}
{{< link url="https://www.youtube.com/@kb01guy74" image="youtube.png" title="YouTube" desc="My YouTube Channel" >}}
#### Follow me:
{{< link url="https://twitch.tv/kb01guy" image="twitch.png" title="Twitch" desc="Whatch kB01guy live on Twitch">}}
{{< link url="https://www.youtube.com/@kb01guy74" image="youtube.png" title="YouTube" desc="kB01's videos on YouTube" >}}
{{< link url="https://www.instagram.com/kb01guy/" image="instagram.png" title="Instagram" desc="kB01guy on Instagram">}}
{{< link url="https://chaos.social/@kb01" image="mastodon.png" title="Mastodon" desc="kB01 tooting on chaos.social">}}
{{< link url="https://twitter.com/kb01guy" image="twitter.png" title="Twitter" desc="kB01guy tweeting on Twitter">}}
{{< link url="https://git.kb-one.de/kb01" image="kb-git-primary-small.png" title="kb-one Gitea" desc="kB01's Code at Gitea">}}
{{< link url="https://github.com/kb01guy" image="github.png" title="GitHub" desc="kB01's Code at GitHub" >}}

View file

@ -4,7 +4,17 @@ date: 2022-12-13T21:24:00+08:00
layout: "links"
---
#### WebSite
#### Quick-Links für kb-one Accounts:
{{< link url="https://git.kb-one.de" image="kb-git-primary-small.png" title="kb-one Gitea" desc="kb-one Gitea">}}
{{< link url="https://cloud.kb-one.de" image="kb-cloud-primary-small.png" title="kb-one Cloud" desc="kb-one Cloud">}}
{{< link url="https://github.com/kb01guy" image="github.png" title="GitHub" desc="Mein Github Account" >}}
{{< link url="https://www.youtube.com/@kb01guy74" image="youtube.png" title="YouTube" desc="Mein YouTube Kanal" >}}
#### Folge mir:
{{< link url="https://twitch.tv/kb01guy" image="twitch.png" title="Twitch" desc="kB01guy's Live-Streams auf Twitch">}}
{{< link url="https://www.youtube.com/@kb01guy74" image="youtube.png" title="YouTube" desc="kB01's Videos auf YouTube" >}}
{{< link url="https://www.instagram.com/kb01guy/" image="instagram.png" title="Instagram" desc="kB01guy auf Instagram">}}
{{< link url="https://chaos.social/@kb01" image="mastodon.png" title="Mastodon" desc="kB01 auf chaos.social">}}
{{< link url="https://twitter.com/kb01guy" image="twitter.png" title="Twitter" desc="kB01guy auf Twitter">}}
{{< link url="https://git.kb-one.de/kb01" image="kb-git-primary-small.png" title="kb-one Gitea" desc="kB01's Code auf Gitea">}}
{{< link url="https://github.com/kb01guy" image="github.png" title="GitHub" desc="kB01's Code auf GitHub" >}}

BIN
content/links/instagram.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

View file

@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="128"
height="128"
viewBox="0 0 33.866667 33.866667"
version="1.1"
id="svg5"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="instagram.svg"
xml:space="preserve"
inkscape:export-filename="instagram.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="3.109375"
inkscape:cx="49.849246"
inkscape:cy="103.71859"
inkscape:window-width="1346"
inkscape:window-height="1230"
inkscape:window-x="1603"
inkscape:window-y="925"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" /><defs
id="defs2" /><g
inkscape:label="logo"
inkscape:groupmode="layer"
id="layer1"><rect
style="fill:#ffffff;stroke:none;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;fill-opacity:1"
id="rect402"
width="33.866665"
height="33.866665"
x="0"
y="0"
inkscape:label="background" /><path
d="m 16.935208,12.630864 c -2.381523,0 -4.302467,1.920945 -4.302467,4.302468 0,2.381521 1.920944,4.302466 4.302467,4.302466 2.381522,0 4.302467,-1.920945 4.302467,-4.302466 0,-2.381523 -1.920945,-4.302468 -4.302467,-4.302468 z m 0,7.099633 c -1.539003,0 -2.797166,-1.254419 -2.797166,-2.797165 0,-1.542748 1.254419,-2.797166 2.797166,-2.797166 1.542746,0 2.797165,1.254418 2.797165,2.797166 0,1.542746 -1.258163,2.797165 -2.797165,2.797165 z m 5.481994,-7.275626 c 0,0.557936 -0.449343,1.003535 -1.003534,1.003535 -0.557935,0 -1.003535,-0.449344 -1.003535,-1.003535 0,-0.554191 0.449344,-1.003534 1.003535,-1.003534 0.554191,0 1.003534,0.449343 1.003534,1.003534 z m 2.84959,1.018513 C 25.203132,12.129097 24.896082,10.938336 23.911271,9.9572682 22.930204,8.976201 21.739442,8.6691496 20.395155,8.6017477 c -1.385477,-0.078635 -5.538163,-0.078635 -6.923639,0 -1.340543,0.063657 -2.531304,0.3707086 -3.5161158,1.3517765 -0.984812,0.9810668 -1.288119,2.1718278 -1.35552,3.5161148 -0.07864,1.385477 -0.07864,5.538163 0,6.92364 0.06366,1.344287 0.370708,2.535048 1.35552,3.516115 0.9848118,0.981067 2.1718288,1.28812 3.5161158,1.355521 1.385476,0.07864 5.538162,0.07864 6.923639,0 1.344287,-0.06366 2.535049,-0.370709 3.516116,-1.355521 0.981066,-0.981067 1.288119,-2.171828 1.355521,-3.516115 0.07863,-1.385477 0.07863,-5.534418 0,-6.919895 z m -1.789887,8.406473 c -0.292074,0.73393 -0.857498,1.299353 -1.595171,1.595171 -1.104637,0.438111 -3.725809,0.337008 -4.946526,0.337008 -1.220718,0 -3.845634,0.09736 -4.946527,-0.337008 -0.733928,-0.292073 -1.299352,-0.857498 -1.59517,-1.595171 -0.4381108,-1.104636 -0.337008,-3.725808 -0.337008,-4.946525 0,-1.220718 -0.09736,-3.845635 0.337008,-4.946528 0.292073,-0.733928 0.857497,-1.299352 1.59517,-1.59517 1.104637,-0.4381098 3.725809,-0.337008 4.946527,-0.337008 1.220717,0 3.845634,-0.09736 4.946526,0.337008 0.733928,0.292073 1.299352,0.857498 1.595171,1.59517 0.43811,1.104637 0.337007,3.72581 0.337007,4.946528 0,1.220717 0.101103,3.845633 -0.337007,4.946525 z"
id="path136"
style="stroke-width:0.0374453;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-opacity:1"
inkscape:label="fa-logo" /></g></svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
content/links/mastodon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="128"
height="128"
viewBox="0 0 33.866667 33.866667"
version="1.1"
id="svg34413"
xml:space="preserve"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="mastodon.svg"
inkscape:export-filename="mastodon.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview34415"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="3.659624"
inkscape:cx="75.964088"
inkscape:cy="75.827462"
inkscape:window-width="1346"
inkscape:window-height="1230"
inkscape:window-x="2009"
inkscape:window-y="596"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" /><defs
id="defs34410" /><g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"><rect
style="fill:#1c89d1;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;stroke:none;fill-opacity:1"
id="rect34906"
width="33.866665"
height="33.866665"
x="0"
y="0"
inkscape:label="background" /><path
d="m 24.73004,14.063503 c 0,-3.626312 -2.376875,-4.6895825 -2.376875,-4.6895825 -2.33248,-1.070732 -8.527056,-1.0595396 -10.837151,0 0,0 -2.3772482,1.0632705 -2.3772482,4.6895825 0,4.316504 -0.2462311,9.677626 3.9408162,10.785665 1.511336,0.399192 2.810018,0.485001 3.855008,0.425308 1.895606,-0.104461 2.959249,-0.67527 2.959249,-0.67527 l -0.06342,-1.376655 c 0,0 -1.354644,0.425308 -2.877172,0.376808 -1.507606,-0.05223 -3.096542,-0.164155 -3.343893,-2.014618 a 3.825535,3.825535 0 0 1 -0.03358,-0.518577 c 3.194662,0.779731 5.918872,0.3395 6.668758,0.249962 2.09371,-0.249962 3.917312,-1.54081 4.149739,-2.719734 0.365616,-1.857925 0.335769,-4.532889 0.335769,-4.532889 z m -2.802556,4.670928 h -1.73966 v -4.260544 c 0,-1.854194 -2.387695,-1.925078 -2.387695,0.257424 v 2.331733 h -1.728467 v -2.332106 c 0,-2.182502 -2.387695,-2.111618 -2.387695,-0.257424 v 4.260544 h -1.74339 c 0,-4.555274 -0.194001,-5.517814 0.686835,-6.528854 0.96627,-1.078193 2.977903,-1.149078 3.873662,0.227578 l 0.43277,0.7275 0.432769,-0.7275 c 0.89949,-1.384117 2.91448,-1.29831 3.873662,-0.227578 0.884567,1.018502 0.686463,1.97731 0.686463,6.528854 z"
id="path34897"
style="stroke-width:0.0373077;fill:#ffffff;fill-opacity:1"
inkscape:label="fa-mastodon" /></g></svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="128"
height="128"
viewBox="0 0 33.866667 33.866667"
version="1.1"
id="svg25281"
xml:space="preserve"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="soundcloud.svg"
inkscape:export-filename="soundcloud.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview25283"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="1.829812"
inkscape:cx="-15.302118"
inkscape:cy="-44.540095"
inkscape:window-width="1346"
inkscape:window-height="1230"
inkscape:window-x="1422"
inkscape:window-y="405"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" /><defs
id="defs25278" /><g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"><rect
style="fill:#ff5500;fill-opacity:1;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;stroke:none"
id="rect26137"
width="33.866665"
height="33.866665"
x="0"
y="0"
inkscape:label="background" /><path
d="m 9.0636253,14.773825 0.2188645,2.452796 -0.2188645,2.577323 c -0.011301,0.09434 -0.083023,0.166035 -0.1660356,0.166035 -0.083023,0 -0.1584891,-0.0717 -0.1584891,-0.166035 L 8.5277825,17.226621 8.7391006,14.773825 c 0,-0.08302 0.071697,-0.158489 0.1584891,-0.158489 0.083011,0 0.1547147,0.07548 0.1660356,0.158489 z m 0.8075362,-1.720731 c -0.1056628,0 -0.1773565,0.08301 -0.1886775,0.188676 l -0.1886762,3.984851 0.1886762,2.577323 c 0.011301,0.105663 0.083024,0.188676 0.1886775,0.188676 0.094337,0 0.1773555,-0.08301 0.1773555,-0.188676 l 0.218866,-2.577323 -0.218866,-3.984851 c 0,-0.105663 -0.083024,-0.188676 -0.1773555,-0.188676 z m 0.9622505,-0.909422 c -0.116976,0 -0.199997,0.08301 -0.211318,0.199997 l -0.166035,4.905594 0.166035,2.558454 c 0.0113,0.116976 0.09434,0.199998 0.211318,0.199998 0.105663,0 0.199998,-0.08302 0.199998,-0.199998 l 0.199997,-2.558454 -0.199997,-4.905594 c 0,-0.116976 -0.09434,-0.199997 -0.199998,-0.199997 z m -5.7018088,3.645233 c -0.052825,0 -0.083023,0.04151 -0.094337,0.09434 l -0.1773553,1.343377 0.1773553,1.320737 c 0.011301,0.05283 0.041512,0.09434 0.094337,0.09434 0.052825,0 0.083011,-0.04151 0.094337,-0.09434 l 0.211318,-1.320737 -0.211318,-1.343377 c -0.011301,-0.05283 -0.041512,-0.09434 -0.094337,-0.09434 z m 0.8905533,-0.826404 c -0.052825,0 -0.094337,0.04151 -0.094337,0.09434 l -0.2415063,2.169781 0.2415063,2.116953 c 0,0.06415 0.041512,0.105663 0.094337,0.105663 0.052825,0 0.094337,-0.04151 0.1056628,-0.09434 L 6.3995139,17.226624 6.1278193,15.056843 c -0.011301,-0.05282 -0.052825,-0.09434 -0.1056628,-0.09434 z m 0.9547044,-0.430183 c -0.064151,0 -0.1169761,0.05284 -0.1245226,0.124522 l -0.2188657,2.569777 0.2188657,2.482985 c 0.011301,0.06415 0.064151,0.116976 0.1245226,0.116976 0.064151,0 0.1169762,-0.05282 0.1169762,-0.116976 L 7.3542108,17.226617 7.0938371,14.65684 c 0,-0.0717 -0.052825,-0.124522 -0.1169762,-0.124522 z m 0.9547032,-0.08301 c -0.071698,0 -0.1358474,0.05283 -0.1358474,0.135847 l -0.2188644,2.641473 0.2188644,2.558454 c 0,0.08302 0.064151,0.135848 0.1358474,0.135848 0.071698,0 0.1358473,-0.05282 0.1471682,-0.135848 L 8.320239,17.226627 8.0787323,14.585154 C 8.0674313,14.502144 8.0032553,14.449307 7.9315641,14.449308 Z M 17.040873,10.26446 c -0.04151,-0.03019 -0.105663,-0.05283 -0.158488,-0.05283 -0.08301,0 -0.158488,0.03019 -0.211318,0.0717 -0.0717,0.06415 -0.116976,0.158488 -0.124522,0.252826 v 0.03019 l -0.124523,6.667833 0.06415,1.226399 0.06415,1.196209 c 0.0113,0.177356 0.158488,0.324525 0.335844,0.324525 0.177357,0 0.324524,-0.147169 0.324524,-0.324525 l 0.147168,-2.422608 -0.147168,-6.698021 c -0.01508,-0.113212 -0.07546,-0.218868 -0.169801,-0.271697 z m -1.007532,0.577351 c -0.05284,-0.03019 -0.105663,-0.05283 -0.166036,-0.05283 -0.06037,0 -0.116976,0.02264 -0.166035,0.05283 -0.08302,0.05282 -0.135847,0.147167 -0.135847,0.252826 l -0.0113,0.06415 -0.105663,6.06784 c 0,0 0,0.0113 0.116976,2.475437 v 0.0113 c 0,0.06415 0.02264,0.124523 0.06415,0.177355 0.06415,0.0717 0.147167,0.116977 0.241505,0.116977 0.08302,0 0.158489,-0.04151 0.211318,-0.09434 0.06415,-0.05282 0.09434,-0.124523 0.09434,-0.211318 l 0.0113,-0.252828 0.116976,-2.211293 -0.124522,-6.143312 c -0.0113,-0.105662 -0.06415,-0.199997 -0.147169,-0.252826 z m -4.203716,0.849044 c -0.116976,0 -0.218866,0.105663 -0.218866,0.230185 l -0.166034,5.305588 0.166034,2.535814 c 0.0113,0.124522 0.105663,0.218866 0.218866,0.218866 0.124522,0 0.218864,-0.09434 0.230185,-0.218866 L 12.248488,17.226628 12.05981,11.92104 c -0.0075,-0.124522 -0.101883,-0.230185 -0.230185,-0.230185 z m 14.214899,2.369778 c -0.407542,0 -0.796217,0.08302 -1.154702,0.230187 -0.241506,-2.671661 -2.482985,-4.7697457 -5.218796,-4.7697457 -0.671688,0 -1.320737,0.124522 -1.898086,0.354713 -0.230187,0.08302 -0.294337,0.1660337 -0.294337,0.3471637 v 9.422512 c 0,0.188676 0.147169,0.324524 0.324525,0.347164 h 8.237621 c 1.633941,0 2.965997,-1.320736 2.965997,-2.954675 0.0038,-1.645261 -1.328282,-2.977319 -2.962222,-2.977319 z m -11.196073,-2.27544 c -0.158489,0 -0.283015,0.124523 -0.294336,0.294336 l -0.124523,5.15842 0.124523,2.475438 c 0.0113,0.158488 0.135847,0.283013 0.294336,0.283013 0.158488,0 0.283015,-0.124522 0.283015,-0.283013 l 0.147168,-2.475438 -0.147168,-5.15842 c -0.0113,-0.169808 -0.124523,-0.294336 -0.283015,-0.294336 z m -2.022614,-0.294342 c -0.124523,0 -0.241506,0.116977 -0.241506,0.252828 l -0.147168,5.482943 0.147168,2.524494 c 0.0113,0.135847 0.116976,0.241505 0.241506,0.241505 0.135847,0 0.241506,-0.105663 0.252827,-0.241505 L 13.2447,17.226622 13.078664,11.743679 c -0.0113,-0.135848 -0.116976,-0.252828 -0.252827,-0.252828 z m 1.007533,0.128301 c -0.147167,0 -0.260373,0.116976 -0.260373,0.260374 l -0.147169,5.347096 0.147169,2.505625 c 0.0113,0.147169 0.116976,0.260374 0.260373,0.260374 0.143394,0 0.260375,-0.116976 0.260375,-0.260374 l 0.158488,-2.505625 -0.158488,-5.347096 c 0,-0.147168 -0.113209,-0.260374 -0.260375,-0.260374 z"
id="path25765"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.0377352"
inkscape:label="fa-soundcloud" /></g></svg>

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
content/links/twitch.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

57
content/links/twitch.svg Normal file
View file

@ -0,0 +1,57 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="128"
height="128"
viewBox="0 0 33.866667 33.866667"
version="1.1"
id="svg13574"
xml:space="preserve"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="twitch.svg"
inkscape:export-filename="twitch.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview13576"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="5.1754899"
inkscape:cx="67.240011"
inkscape:cy="61.733286"
inkscape:window-width="1346"
inkscape:window-height="1230"
inkscape:window-x="1764"
inkscape:window-y="542"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" /><defs
id="defs13571" /><g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"><rect
style="fill:#9146ff;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;fill-opacity:1"
id="rect14067"
width="33.866665"
height="33.866665"
x="0"
y="0"
inkscape:label="background" /><path
style="fill:#ffffff;fill-opacity:1;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
d="m 13.371961,9.7805683 h 12.086018 v 7.8702107 l -3.021015,2.860614 h -3.021798 l -2.644661,2.503821 v -2.503821 h -3.398544 z"
id="path15622"
inkscape:label="background-icon" /><path
d="m 23.192805,12.397451 h -1.511291 v 4.291704 h 1.511291 z m -4.153603,-0.01839 h -1.511291 v 4.293659 h 1.511291 z M 12.616512,8.3494787 8.8404389,11.926028 v 12.87746 h 4.5315221 v 3.576552 l 3.776465,-3.576552 h 3.022189 l 6.798263,-6.438729 V 8.3494787 Z m 12.841467,9.3013003 -3.021015,2.860614 h -3.021798 l -2.644661,2.503821 V 20.511393 H 13.371961 V 9.7805683 h 12.086018 z"
id="path14058"
style="stroke-width:0.0391222"
inkscape:label="fa-twitch" /></g></svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
content/links/twitter.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

53
content/links/twitter.svg Normal file
View file

@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="128"
height="128"
viewBox="0 0 33.866667 33.866667"
version="1.1"
id="svg39903"
xml:space="preserve"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="twitter.svg"
inkscape:export-filename="twitter.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview39905"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="5.1754899"
inkscape:cx="66.660356"
inkscape:cy="70.041678"
inkscape:window-width="1346"
inkscape:window-height="1230"
inkscape:window-x="1622"
inkscape:window-y="541"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" /><defs
id="defs39900" /><g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"><rect
style="fill:#1d9bf0;fill-opacity:1;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
id="rect40759"
width="33.866665"
height="33.866665"
x="0"
y="0"
inkscape:label="background" /><path
d="m 25.946766,12.835719 c 0.01277,0.178703 0.01277,0.357445 0.01277,0.536148 0,5.450676 -4.148637,11.731135 -11.731136,11.731135 -2.336026,0 -4.5060797,-0.676582 -6.3314983,-1.850921 0.3319051,0.03827 0.6510006,0.05104 0.9956757,0.05104 1.9275006,0 3.7018776,-0.651001 5.1188096,-1.761568 -1.812649,-0.03831 -3.331701,-1.225459 -3.855079,-2.859404 0.255323,0.03827 0.510607,0.06381 0.778701,0.06381 0.370176,0 0.740391,-0.05108 1.085027,-0.140393 -1.889229,-0.382983 -3.3062004,-2.04243 -3.3062004,-4.046551 v -0.05104 c 0.5488791,0.306364 1.1871882,0.497837 1.8636894,0.523338 -1.1105671,-0.740391 -1.838149,-2.004121 -1.838149,-3.433824 0,-0.765892 0.2042038,-1.467973 0.5616491,-2.0807022 2.0296609,2.5019592 5.0805389,4.1358652 8.5015529,4.3146082 -0.06381,-0.306365 -0.102122,-0.625461 -0.102122,-0.944596 0,-2.272215 1.838189,-4.1231345 4.123135,-4.1231345 1.187149,0 2.259406,0.4978379 3.012568,1.3020405 0.931825,-0.1787029 1.825379,-0.523378 2.61685,-0.9956757 -0.306404,0.9574047 -0.957403,1.7616067 -1.812648,2.2721757 0.829743,-0.08931 1.633946,-0.319135 2.374298,-0.63823 -0.561571,0.816933 -1.263691,1.544515 -2.067893,2.131744 z"
id="path40387"
style="fill:#ffffff;fill-opacity:1;stroke-width:0.0392926"
inkscape:label="fa-twitter" /></g></svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

53
content/links/youtube.svg Normal file
View file

@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="128"
height="128"
viewBox="0 0 33.866667 33.866667"
version="1.1"
id="svg6845"
xml:space="preserve"
inkscape:version="1.2.2 (732a01da63, 2022-12-09)"
sodipodi:docname="youtube.svg"
inkscape:export-filename="youtube.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview6847"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.587745"
inkscape:cx="36.325064"
inkscape:cy="120.37508"
inkscape:window-width="1346"
inkscape:window-height="1230"
inkscape:window-x="2125"
inkscape:window-y="917"
inkscape:window-maximized="0"
inkscape:current-layer="layer1" /><defs
id="defs6842" /><g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"><rect
style="fill:#f44336;stroke-width:2.11667;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;stroke:none;fill-opacity:1"
id="rect8887"
width="33.866665"
height="33.866665"
x="0"
y="0"
inkscape:label="background" /><path
d="m 24.875585,20.93753 c -0.190653,0.71787 -0.752383,1.283242 -1.465608,1.475109 -1.292772,0.348645 -6.476644,0.348645 -6.476644,0.348645 0,0 -5.18384,0 -6.476644,-0.348645 C 9.7434634,22.220741 9.181734,21.6554 8.9910811,20.93753 8.6446823,19.636349 8.6446823,16.921556 8.6446823,16.921556 c 0,0 0,-2.714793 0.3463988,-4.015974 0.1906529,-0.717871 0.7523823,-1.259688 1.4656079,-1.451554 1.292804,-0.348645 6.476644,-0.348645 6.476644,-0.348645 0,0 5.183841,0 6.476644,0.348645 0.713225,0.191866 1.274955,0.733683 1.465608,1.451554 0.3464,1.301181 0.3464,4.015974 0.3464,4.015974 0,0 0,2.714793 -0.3464,4.015974 z m -9.637669,-6.480803 v 4.929657 l 4.332687,-2.464889 z"
id="path7329"
style="stroke-width:0.0303539;fill:#ffffff;fill-opacity:1;stroke:none"
inkscape:label="fa-youtube" /></g></svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View file

@ -0,0 +1,37 @@
---
title: "Article Encryption Test"
date: 2022-04-09T02:49:13+02:00
slug: hugo-encrypt
draft: true
summary: "This is a test article for encryption"
tags:
- "Hugo"
---
## Hugo Encrypt
> password: **2022**
````markdown
{{%/* hugo-encrypt 2022 */%}}
![Night city](https://unsplash.it/1920/1080/?random=1)
{{%/* /hugo-encrypt */%}}
````
{{% hugo-encrypt 2022 %}}
![Night city](https://unsplash.it/1920/1080/?random=1)
{{% /hugo-encrypt %}}
***
## Multi-block encryption
> Default password: **123456**
```markdown
{{%/* hugo-encrypt */%}}`Here is the test content `{{%/* /hugo-encrypt */%}}
```
{{% hugo-encrypt %}}`Here is the test content `{{%/ hugo-encrypt %}}
End...

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

View file

@ -0,0 +1,36 @@
---
title: Flower Gallery
date: 2022-04-15T02:49:13+02:00
slug: flower-gallery
featured_image: cover.jpg
summary: Some photos of flowers
layout: gallery
draft: true
tags:
- Flower
categories:
- Gallery
---
{{< gallery >}}
![ROSE](1.jpg)
![ROSE](2.jpg)
![ROSE](3.jpg)
![ROSE](5.jpg)
![ROSE](4.jpg)
![ROSE](6.jpg)
{{< /gallery >}}
## Grid Gallery
> Spring, the sweet spring, is the year's pleasant king.
{{< gallery-grid >}}
![some text](1.jpg)
![some text](2.jpg)
![some text](3.jpg)
![some text](4.jpg)
![some text](5.jpg)
![some text](6.jpg)
{{< /gallery-grid >}}

View file

@ -0,0 +1,41 @@
---
title: "Minecraft aktuelle Saison"
date: 2023-04-02T01:42:00+02:00
layout: post
slug: minecraft-current-season
summary: Informationen über die aktuelle Season des Minecraft Servers
categories:
- Minecraft
# type: "post" or "status"
author: kB01guy
# featured_image: cover.jpg
# slug: aaa-bbb-ccc
# toc: true
tags:
- Season
- News
# - tagA
# - tagB
---
Die aktuelle Minecraft Saison ist momentan aufgrund eines Hacking-Vorfalles auf unbestimmte Zeit pausiert.
## Vorfall
Wir haben begeistert kurz nach dem Update auf die Minecraft Version 1.19 begonnen mit überraschend vielen Spielern die neue Welt zu erkunden. Wie jedes Mal war es ein Ziel von vielen der einmalige Ender-Drachen Ei zu sichern. Das Gelang auch schon nach nur sehr kurzer Zeit.
Zufällig habe ich im Spectator Modus dann einen Spieler erwischt beim Laufen über Wasser. Der folgende Ban hat schmerzhaft lange gedauert, da ich das Rechte-Management noch nicht funktional hatte. Danach habe ich von weiteren cheatenden Spielern gehört, und X-Ray Gänge gefunden. Die Betroffenen Spieler waren wahrscheinlich beim Erobern des Drachen-Eis beteiligt.
Ich beschloss den Server auf unbestimmte Zeit zu schließen, da der Fortschritt aller Spieler behindert wurde, durch gezieltes Entfernen von Erzen (X-Ray) und dem Erobern eines einmaligen Items. Außerdem gibt, dass mir die Möglichkeit die Tools für die Moderation in den Server einzupflegen.
## Zeitplan
Es gibt keinen Zeitplan. Nein echt nicht! Vielleicht schaffe ich es den Server bis zum 1.20 Update in guten Zustand zu bringen, oder auch nicht.
Die Entwicklung des Servers schreitet nur sehr langsam vor ran, da Ich als einziger Entwickler daran Arbeite, zusätzlich zur Lohnarbeit, und auch sehr wenig Lust darauf habe. Es war wirklich sehr beschissen die Spieler so etwas abziehen, nachdem ich Monate Lang trotz Überarbeitung den Minecraft Server vorbereitet habe.
## Konkrete Entwicklung
Den aktuellen Entwicklungsstand findest du beim Quellcode des Projektes:
{{<button icon="eva eva-code-outline" content="Quellcode Minecraft Server" link="https://git.kb-one.de/kb01/minecraft-server-kb01-de/projects/3">}}

View file

@ -11,6 +11,7 @@ author: kB01guy
# featured_image: cover.jpg
# slug: aaa-bbb-ccc
# toc: true
draft: true
tags:
- Season
- Screenshots

View file

@ -11,6 +11,7 @@ author: kB01guy
# featured_image: cover.jpg
# slug: aaa-bbb-ccc
# toc: true
draft: true
tags:
- Season
- Screenshots

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

View file

@ -0,0 +1,378 @@
---
title: "Shortcodes"
date: 2022-05-02T13:12:47+02:00
slug: shortcodes
draft: true
toc: true
summary: Some shortcode examples
tags:
- Shortcodes
- Hugo
categories:
- Luna
---
## Abbr
```markdown
{{</* abbr "MIT" "Massachusetts Institute of Technology" */>}}
```
{{< abbr "MIT" "Massachusetts Institute of Technology" >}}
## Color text
```markdown
{{</* color "red" "red text" */>}}
{{</* color "green" "green text" */>}}
{{</* color "blue" "blue text" */>}}
{{</* color "orange" "orange text" */>}}
{{</* color "theme" "theme text" */>}}
{{</* color "#a811ff" "custom color text" */>}}
```
{{< color "red" "red text" >}}
{{< color "green" "green text" >}}
{{< color "blue" "blue text" >}}
{{< color "orange" "orange text" >}}
{{< color "theme" "theme text" >}}
{{< color "#a811ff" "custom color text" >}}
## Button
```markdown
{{</* button content="Small" size="small" */>}}
{{</* button content="Normal" size="normal" */>}}
{{</* button content="Large" size="large" */>}}
{{</* button color="theme" icon="eva eva-heart" content="Theme Button" link="https://google.com" */>}}
{{</* button color="red" icon="eva eva-home" content="Red Button" link="https://google.com" */>}}
{{</* button color="green" icon="eva eva-twitter" content="Green Button" link="https://google.com" */>}}
{{</* button color="blue" icon="eva eva-github" content="Blue Button" link="https://google.com" */>}}
{{</* button color="orange" icon="eva eva-search" content="Orange Button" link="https://google.com" */>}}
{{</* button-outline color="theme" icon="eva eva-heart" content="Theme button" link="https://google.com" */>}}
{{</* button-outline color="red" icon="eva eva-home" content="Red Button" link="https://google.com" */>}}
{{</* button-outline color="green" icon="eva eva-twitter" content="Green Button" link="https://google.com" */>}}
{{</* button-outline color="blue" icon="eva eva-github" content="Blue Button" link="https://google.com" */>}}
{{</* button-outline color="orange" icon="eva eva-search" content="Orange Button" link="https://google.com" */>}}
```
<div style="font-size: 0;">
{{< button content="Small" size="small" >}}
{{< button content="Normal" size="normal" >}}
{{< button content="Large" size="large" >}}
{{< button color="theme" icon="eva eva-heart" content="Theme Button" link="https://google.com" >}}
{{< button color="red" icon="eva eva-home" content="Red Button" link="https://google.com" >}}
{{< button color="green" icon="eva eva-twitter" content="Green Button" link="https://google.com" >}}
{{< button color="blue" icon="eva eva-github" content="Blue Button" link="https://google.com" >}}
{{< button color="orange" icon="eva eva-search" content="Orange Button" link="https://google.com" >}}
{{< button-outline color="theme" icon="eva eva-heart" content="Theme Button" link="https://google.com" >}}
{{< button-outline color="red" icon="eva eva-home" content="Red Button" link="https://google.com" >}}
{{< button-outline color="green" icon="eva eva-twitter" content="Green Button" link="https://google.com" >}}
{{< button-outline color="blue" icon="eva eva-github" content="Blue Button" link="https://google.com" >}}
{{< button-outline color="orange" icon="eva eva-search" content="Orange Button" link="https://google.com" >}}
</div>
## Text layout
```markdown
{{</* align left "Text left" */>}}
{{</* align center "Text center" */>}}
{{</* align right "Text right" */>}}
```
{{< align left "Text left" >}}
{{< align center "Text center" >}}
{{< align right "Text right" >}}
## GitHub
```markdown
{{</* github name="gohugoio/hugo" link="https://github.com/gohugoio/hugo" description="The worlds fastest framework for building websites." color="#00ADD8" language="Go" */>}}
```
{{< github name="gohugoio/hugo" link="https://github.com/gohugoio/hugo" description="The worlds fastest framework for building websites." color="#00ADD8" language="Go" >}}
## GitHub Auto
```markdown
{{</* github-auto name="Ice-Hazymoon/hugo-theme-luna" */>}}
```
{{< github-auto name="Ice-Hazymoon/hugo-theme-luna" >}}
## Notice
```markdown
{{</* notice warn */>}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{</* /notice */>}}
{{</* notice error */>}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{</* /notice */>}}
{{</* notice info */>}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{</* /notice */>}}
{{</* notice success */>}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{</* /notice */>}}
```
{{< notice warn >}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{< /notice >}}
{{< notice error >}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{< /notice >}}
{{< notice info >}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{< /notice >}}
{{< notice success >}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{< /notice >}}
## Quote
```markdown
{{</* quote */>}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{</* /quote */>}}
```
{{< quote >}}
Let life be beautiful like summer flowers and death like autumn leaves.
{{< /quote >}}
## Quote Center
```markdown
{{</* quote-center */>}}
The curfew tolls the knell of parting day,
The lowing herd wind slowly o'er the lea
The ploughman homeward plods his weary way,
And leaves the world to darkness and to me.
{{</* /quote-center */>}}
```
{{< quote-center >}}
The curfew tolls the knell of parting day,
The lowing herd wind slowly o'er the lea
The ploughman homeward plods his weary way,
And leaves the world to darkness and to me.
{{< /quote-center >}}
## Tags
```markdown
This is a {{</* tag theme "theme tag" */>}}
This is a {{</* tag red "red tag" */>}}
This is a {{</* tag green "green tag" */>}}
This is a {{</* tag blue "blue tag" */>}}
This is a {{</* tag orange "orange tag" */>}}
This is a {{</* tag-outlined theme "theme tag" */>}}
This is a {{</* tag-outlined red "red tag" */>}}
This is a {{</* tag-outlined green "green tag" */>}}
This is a {{</* tag-outlined blue "blue tag" */>}}
This is a {{</* tag-outlined orange "orange tag" */>}}
```
This is a {{< tag theme "theme tag" >}}
This is a {{< tag red "red tag" >}}
This is a {{< tag green "green tag" >}}
This is a {{< tag blue "blue tag" >}}
This is a {{< tag orange "orange tag" >}}
This is a {{< tag-outlined theme "theme tag" >}}
This is a {{< tag-outlined red "red tag" >}}
This is a {{< tag-outlined green "green tag" >}}
This is a {{< tag-outlined blue "blue tag" >}}
This is a {{< tag-outlined orange "orange tag" >}}
## Progress bar
```markdown
{{</* progress 999.99 theme "Name of progress bar" */>}}
{{</* progress 80 green "Name of progress bar" */>}}
{{</* progress 77.54 red "Name of progress bar" */>}}
{{</* progress 123.45 blue "Name of progress bar" */>}}
{{</* progress 11.11 orange "Name of progress bar" */>}}
```
{{< progress 999.99 theme "Name of progress bar" >}}
{{< progress 80 green "Name of progress bar" >}}
{{< progress 77.54 red "Name of progress bar" >}}
{{< progress 123.45 blue "Name of progress bar" >}}
{{< progress 11.11 orange "Name of progress bar" >}}
## Accordion
```markdown
{{</* accordion "Foods" open */>}}
* Vegetables
* Fruits
* Fish
{{</* /accordion */>}}
```
{{< accordion "Foods" open >}}
* Vegetables
* Fruits
* Fish
{{< /accordion >}}
## Divided Line
```markdown
{{</* hr "some text" */>}}
```
{{< hr "some text" >}}
## Hidden Text
```markdown
This is a {{</* hidden-text "Hide text" blur */>}}
This is a {{</* hidden-text "Hide text" */>}}
```
This is a {{< hidden-text "Hide text" blur >}}
This is a {{< hidden-text "Hide text" >}}
```markdown
{{</* hidden blur */>}}
> This is a hidden block
{{</* /hidden */>}}
{{</* hidden */>}}
* Vegetables
* Fruits
* Fish
{{</* /hidden */>}}
```
{{< hidden blur >}}
> This is a hidden block
{{< /hidden >}}
{{< hidden >}}
* Vegetables
* Fruits
* Fish
{{< /hidden >}}
## Rating
```markdown
The paella dish I rate {{</* rating 10 6*/>}}
```
The paella dish I rate {{< rating 10 6 >}}
## Links Card
```markdown
{{</* link-card name="hugo-theme-luna" desc="A simple, performance-first, SEO-friendly Hugo theme" link="https://github.com/Ice-Hazymoon/hugo-theme-luna" img="https://repository-images.githubusercontent.com/486781027/dc31a9ab-66d1-49b8-a225-4f85f2329f2e" */>}}
{{</* link-card name="hugo-theme-luna" desc="A simple, performance-first, SEO-friendly Hugo theme" link="https://github.com/Ice-Hazymoon/hugo-theme-luna" */>}}
```
{{< link-card name="hugo-theme-luna" desc="A simple, performance-first, SEO-friendly Hugo theme" link="https://github.com/Ice-Hazymoon/hugo-theme-luna" img="https://repository-images.githubusercontent.com/486781027/dc31a9ab-66d1-49b8-a225-4f85f2329f2e" >}}
{{< link-card name="hugo-theme-luna" desc="A simple, performance-first, SEO-friendly Hugo theme" link="https://github.com/Ice-Hazymoon/hugo-theme-luna" >}}
## Carousel
```markdown
{{</* carousel "https://unsplash.it/1920/1080/?random=1" "https://unsplash.it/1920/1080/?random=2" "https://unsplash.it/1920/1080/?random=3" "https://unsplash.it/1920/1080/?random=4" */>}}
{{</* carousel "4.jpg" "7.jpg" "9.jpg" */>}}
```
{{< carousel "https://unsplash.it/1920/1080/?random=1" "https://unsplash.it/1920/1080/?random=2" "https://unsplash.it/1920/1080/?random=3" "https://unsplash.it/1920/1080/?random=4" >}}
{{< carousel "1.jpg" "2.jpg" "3.jpg" >}}
## Timeline
```markdown
{{</* timeline "2018-01-01 Eat salada today" "2018-01-02 Eat paella today" "2018-01-03 Eat pizza today" */>}}
```
{{< timeline "2018-01-01 Eat salada today" "2018-01-02 Eat paella today" "2018-01-03 Eat pizza today" >}}
## Gallery
```markdown
{{</* gallery */>}}
![](1.jpg)
![](2.jpg)
![](3.jpg)
![](2.jpg)
![](3.jpg)
![](1.jpg)
{{</* /gallery */>}}
```
{{< gallery >}}
![](1.jpg)
![](2.jpg)
![](3.jpg)
![](2.jpg)
![](3.jpg)
![](1.jpg)
{{< /gallery >}}
## Tabs
```markdown
{{</* tab-view */>}}
{{</* tab-panel name="中文" checked=true */>}}
百合花学名Lilium通称百合花是百合目百合科的一属为多年生草本球根植物属内物种繁多经常作为观赏植物。主要分布在亚洲东部、欧洲、北美洲等北半球温带地区全球已发现有至少96个品种其中5种产于台湾。近年更有不少经过人工杂交而产生的新品种如OT百合、东方型百合、玫瑰百合等。百合属对猫来说有剧毒。
{{</* /tab-panel */>}}
{{</* tab-panel name="English" */>}}
Lilium is a genus of herbaceous flowering plants growing from bulbs, all with large prominent flowers. They are the true lilies. Lilies are a group of flowering plants which are important in culture and literature in much of the world. Most species are native to the northern hemisphere and their range is temperate climates and extends into the subtropics. Many other plants have "lily" in their common names, but do not belong to the same genus and are therefore not true lilies.
{{</* /tab-panel */>}}
{{</* tab-panel name="Español" */>}}
Las especies de Lilium, comúnmente llamadas azucenas o lirios, constituyen un género con alrededor de 110 integrantes que se incluye dentro de la familia de las liliáceas. Los lirios son herbáceas perennes de tallos erectos con numerosas hojas alternas, lineares a lance balas. Crecen a partir de bulbos formados por capas de escamas carnosas sin túnica.
{{</* /tab-panel */>}}
{{</* /tab-view */>}}
```
{{< tab-view >}}
{{< tab-panel name="中文" checked=true >}}
百合花学名Lilium通称百合花是百合目百合科的一属为多年生草本球根植物属内物种繁多经常作为观赏植物。主要分布在亚洲东部、欧洲、北美洲等北半球温带地区全球已发现有至少96个品种其中5种产于台湾。近年更有不少经过人工杂交而产生的新品种如OT百合、东方型百合、玫瑰百合等。百合属对猫来说有剧毒。
{{< /tab-panel >}}
{{< tab-panel name="English" >}}
Lilium is a genus of herbaceous flowering plants growing from bulbs, all with large prominent flowers. They are the true lilies. Lilies are a group of flowering plants which are important in culture and literature in much of the world. Most species are native to the northern hemisphere and their range is temperate climates and extends into the subtropics. Many other plants have "lily" in their common names, but do not belong to the same genus and are therefore not true lilies.
{{< /tab-panel >}}
{{< tab-panel name="Español" >}}
Las especies de Lilium, comúnmente llamadas azucenas o lirios, constituyen un género con alrededor de 110 integrantes que se incluye dentro de la familia de las liliáceas. Los lirios son herbáceas perennes de tallos erectos con numerosas hojas alternas, lineares a lance balas. Crecen a partir de bulbos formados por capas de escamas carnosas sin túnica.
{{< /tab-panel >}}
{{< /tab-view >}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View file

@ -0,0 +1,230 @@
---
title: "Typography"
date: 2022-04-15T02:49:13+02:00
slug: typography
featured_image: cover.jpg
draft: true
tags:
- English
refs:
- link: https://play.tailwindcss.com/uj1vGACRJA?layout=preview
---
Until now, trying to style an article, document, or blog post with Tailwind has been a tedious task that required a keen eye for typography and a lot of complex custom CSS.
<!--more-->
By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for building application UIs because you spend less time undoing user-agent styles, but when you _really are_ just trying to style some content that came from a rich-text editor in a CMS or a markdown file, it can be surprising and unintuitive.
We get lots of complaints about it actually, with people regularly asking us things like:
> Why is Tailwind removing the default styles on my `h1` elements? How do I disable this? What do you mean I lose all the other base styles too?
We hear you, but we're not convinced that simply disabling our base styles is what you really want. You don't want to have to remove annoying margins every time you use a `p` element in a piece of your dashboard UI. And I doubt you really want your blog posts to use the user-agent styles either — you want them to look _awesome_, not awful.
The `@tailwindcss/typography` plugin is our attempt to give you what you _actually_ want, without any of the downsides of doing something stupid like disabling our base styles.
It adds a new `prose` class that you can slap on any block of vanilla HTML content and turn it into a beautiful, well-formatted document:
```html {linenos=table,hl_lines=[8,"4-6"],linenostart=199,title="index.html"}
<article class="prose">
<h1>Garlic bread with cheese: What the science tells us</h1>
<p>
For years parents have espoused the health benefits of eating garlic bread with cheese to their
children, with the food earning such an iconic status in our culture that kids will often dress
up as warm, cheesy loaf for Halloween.
</p>
<p>
But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases
springing up around the country.
</p>
<!-- ... -->
</article>
```
For more information about how to use the plugin and the features it includes, [read the documentation](https://github.com/tailwindcss/typography/blob/master/README.md).
---
## What to expect from here on out
What follows from here is just a bunch of absolute nonsense I've written to dogfood the plugin itself. It includes every sensible typographic element I could think of, like **bold text**, unordered lists, ordered lists, code blocks, block quotes, _and even italics_.
It's important to cover all of these use cases for a few reasons:
1. We want everything to look good out of the box.
2. Really just the first reason, that's the whole point of the plugin.
3. Here's a third pretend reason though a list with three items looks more realistic than a list with two items.
Now we're going to try out another header style.
### Typography should be easy
So that's a header for you — with any luck if we've done our job correctly that will look pretty reasonable.
Something a wise person once told me about typography is:
> Typography is pretty important if you don't want your stuff to look like trash. Make it good then it won't be bad.
It's probably important that images look okay here by default as well:
![Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.](https://images.unsplash.com/photo-1556740758-90de374c12ad?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80)
Now I'm going to show you an example of an unordered list to make sure that looks good, too:
- So here is the first item in this list.
- In this example we're keeping the items short.
- Later, we'll use longer, more complex list items.
And that's the end of this section.
## What if we stack headings?
### We should make sure that looks good, too.
Sometimes you have headings directly underneath each other. In those cases you often have to undo the top margin on the second heading because it usually looks better for the headings to be closer together than a paragraph followed by a heading should be.
### When a heading comes after a paragraph …
When a heading comes after a paragraph, we need a bit more space, like I already mentioned above. Now let's see what a more complex list would look like.
- **I often do this thing where list items have headings.**
For some reason I think this looks cool which is unfortunate because it's pretty annoying to get the styles right.
I often have two or three paragraphs in these list items, too, so the hard part is getting the spacing between the paragraphs, list item heading, and separate list items to all make sense. Pretty tough honestly, you could make a strong argument that you just shouldn't write this way.
- **Since this is a list, I need at least two items.**
I explained what I'm doing already in the previous list item, but a list wouldn't be a list if it only had one item, and we really want this to look realistic. That's why I've added this second list item so I actually have something to look at when writing the styles.
- **It's not a bad idea to add a third item either.**
I think it probably would've been fine to just use two items but three is definitely not worse, and since I seem to be having no trouble making up arbitrary things to type, I might as well include it.
After this sort of list I usually have a closing statement or paragraph, because it kinda looks weird jumping right to a heading.
## Code should look okay by default.
I think most people are going to use [highlight.js](https://highlightjs.org/) or [Prism](https://prismjs.com/) or something if they want to style their code blocks but it wouldn't hurt to make them look _okay_ out of the box, even with no syntax highlighting.
Here's what a default `tailwind.config.js` file looks like at the time of writing:
```js {title="tailwind.config.js"}
module.exports = {
purge: [],
theme: {
extend: {},
},
variants: {},
plugins: [],
}
```
Hopefully that looks good enough to you.
### What about nested lists?
Nested lists basically always look bad which is why editors like Medium don't even let you do it, but I guess since some of you goofballs are going to do it we have to carry the burden of at least making it work.
1. **Nested lists are rarely a good idea.**
- You might feel like you are being really "organized" or something but you are just creating a gross shape on the screen that is hard to read.
- Nested navigation in UIs is a bad idea too, keep things as flat as possible.
- Nesting tons of folders in your source code is also not helpful.
2. **Since we need to have more items, here's another one.**
- I'm not sure if we'll bother styling more than two levels deep.
- Two is already too much, three is guaranteed to be a bad idea.
- If you nest four levels deep you belong in prison.
3. **Two items isn't really a list, three is good though.**
- Again please don't nest lists if you want people to actually read your content.
- Nobody wants to look at this.
- I'm upset that we even have to bother styling this.
The most annoying thing about lists in Markdown is that `<li>` elements aren't given a child `<p>` tag unless there are multiple paragraphs in the list item. That means I have to worry about styling that annoying situation too.
- **For example, here's another nested list.**
But this time with a second paragraph.
- These list items won't have `<p>` tags
- Because they are only one line each
- **But in this second top-level list item, they will.**
This is especially annoying because of the spacing on this paragraph.
- As you can see here, because I've added a second line, this list item now has a `<p>` tag.
This is the second line I'm talking about by the way.
- Finally here's another list item so it's more like a list.
- A closing list item, but with no nested list, because why not?
And finally a sentence to close off this section.
## There are other elements we need to style
I almost forgot to mention links, like [this link to the Tailwind CSS website](https://tailwindcss.com). We almost made them blue but that's so yesterday, so we went with dark gray, feels edgier.
We even included table styles, check it out:
| Wrestler | Origin | Finisher |
| ----------------------- | ------------ | ------------------ |
| Bret "The Hitman" Hart | Calgary, AB | Sharpshooter |
| Stone Cold Steve Austin | Austin, TX | Stone Cold Stunner |
| Randy Savage | Sarasota, FL | Elbow Drop |
| Vader | Boulder, CO | Vader Bomb |
| Razor Ramon | Chuluota, FL | Razor's Edge |
We also need to make sure inline code looks good, like if I wanted to talk about `<span>` elements or tell you the good news about `@tailwindcss/typography`.
### Sometimes I even use `code` in headings
Even though it's probably a bad idea, and historically I've had a hard time making it look good. This _"wrap the code blocks in backticks"_ trick works pretty well though really.
Another thing I've done in the past is put a `code` tag inside of a link, like if I wanted to tell you about the [`tailwindcss/docs`](https://github.com/tailwindcss/docs) repository. I don't love that there is an underline below the backticks but it is absolutely not worth the madness it would require to avoid it.
#### We haven't used an `h4` yet
But now we have. Please don't use `h5` or `h6` in your content, Medium only supports two heading levels for a reason, you animals. I honestly considered using a `before` pseudo-element to scream at you if you use an `h5` or `h6`.
We don't style them at all out of the box because `h4` elements are already so small that they are the same size as the body copy. What are we supposed to do with an `h5`, make it _smaller_ than the body copy? No thanks.
### We still need to think about stacked headings though.
#### Let's make sure we don't screw that up with `h4` elements, either.
Phew, with any luck we have styled the headings above this text and they look pretty good.
Let's add a closing paragraph here so things end with a decently sized block of text. I can't explain why I want things to end that way but I have to assume it's because I think things will look weird or unbalanced if there is a heading too close to the end of the document.
What I've written here is probably long enough, but adding this final sentence can't hurt.
## LaTeX
```TeX
this is a inline katex: $ E={\sqrt {p^{2}c^{2}+m^{2}c^{4}}}=\gamma mc^{2} $
$ E={\sqrt {p^{2}c^{2}+m^{2}c^{4}}}=\gamma mc^{2} $
$$ E_{0}=mc^{2} $$
\\[3 < 4\\]
\begin{align}
p(v_i=1|\mathbf{h}) & = \sigma\left(\sum_j w_{ij}h_j + b_i\right) \\
p(h_j=1|\mathbf{v}) & = \sigma\left(\sum_i w_{ij}v_i + c_j\right)
\end{align}
```
this is a inline katex: $ E={\sqrt {p^{2}c^{2}+m^{2}c^{4}}}=\gamma mc^{2} $
$$ E_{0}=mc^{2} $$
\\[3 < 4\\]
\begin{align}
\nonumber p(v_i=1|\mathbf{h}) & = \sigma\left(\sum_j w_{ij}h_j + b_i\right) \\
p(h_j=1|\mathbf{v}) & = \sigma\left(\sum_i w_{ij}v_i + c_j\right)
\end{align}

@ -1 +1 @@
Subproject commit f64548fe5d1f8e519a0c31d6fe979eeaed41d7c1
Subproject commit 8322dd8e0067486e608a5cd210043f9b5c8604de