This patchset adds an Impressum and some supporting CSS. The details on the Impressum need to be filled in, but other than that I think this is ready to go. Alyssa Ross (5): docs/website: allow HTML markup in Markdown files docs/website: add Impressum docs/website: add styles for definition lists docs/website: fix only child navbar links alignment docs/website: add footer linking to Impressum docs/website/config.toml | 2 + docs/website/content/legal/impressum.md | 103 ++++++++++++++++++ .../qaul-theme/layouts/_default/baseof.html | 2 + .../qaul-theme/layouts/partials/footer.html | 66 ++--------- .../themes/qaul-theme/static/css/qaul.css | 8 +- 5 files changed, 122 insertions(+), 59 deletions(-) create mode 100644 docs/website/content/legal/impressum.md -- 2.30.0
Copy & paste the following snippet into your terminal to import this patchset into git:
curl -s https://lists.sr.ht/~qaul/community/patches/20601/mbox | git am -3Learn more about email & git
This option is unhelpfully called "unsafe". The reason for this (and for it not being on by default), is that Hugo's BDFL is worried that with "content contributed from millions of people on the interweb (via PRs and similar), it's pretty easy to envision that that editor will let some unsafe content slip through and deployed". I don't think that's really relevant to us. Allowing HTML markup means we can use semantic HTML like the <address> element, for which there is no Markdown syntax. [1]: https://github.com/gohugoio/hugo/issues/6581#issuecomment-562102816 --- docs/website/config.toml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/docs/website/config.toml b/docs/website/config.toml index 5daf4a09..a4ba4fa8 100644 --- a/docs/website/config.toml +++ b/docs/website/config.toml @@ -17,6 +17,8 @@ DefaultContentLanguage = "en" weight = 2 LanguageName = "العربية" +[markup.goldmark.renderer] + unsafe = true [blackfriday] plainIDAnchors = true -- 2.30.0
--- Remember to fill in the actual details! docs/website/content/legal/impressum.md | 103 ++++++++++++++++++++++++ 1 file changed, 103 insertions(+) create mode 100644 docs/website/content/legal/impressum.md diff --git a/docs/website/content/legal/impressum.md b/docs/website/content/legal/impressum.md new file mode 100644 index 00000000..857f904b --- /dev/null +++ b/docs/website/content/legal/impressum.md @@ -0,0 +1,103 @@ +--- +Title: Impressum +layout: page +--- + +Angaben gemäß § 5 TMG + +<address> +Max Muster<br> +Musterweg<br> +12345 Musterstadt +</address> + +Vertreten durch +: Max Muster + +E-Mail +: <max@muster.de> + +Umsatzsteuer-ID +: Umsatzsteuer-Identifikationsnummer gemäß §27a Umsatzsteuergesetz: + Musterustid. + +Wirtschafts-ID +: Musterwirtschaftsid + +Aufsichtsbehörde +: Musteraufsicht Musterstadt + +## Haftungsausschluss + +### Haftung für Inhalte + +Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die +Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir +jedoch keine Gewähr übernehmen. 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 Webseiten 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. + +### Datenschutz + +Die Nutzung unserer Webseite ist in der Regel ohne Angabe +personenbezogener Daten möglich. Soweit auf unseren Seiten +personenbezogene Daten (beispielsweise Name, Anschrift oder +eMail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf +freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche +Zustimmung nicht an Dritte weitergegeben. +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. +Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten +Kontaktdaten durch Dritte zur Übersendung von nicht ausdrücklich +angeforderter Werbung und Informationsmaterialien wird hiermit +ausdrücklich widersprochen. Die Betreiber der Seiten behalten sich +ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von +Werbeinformationen, etwa durch Spam-Mails, vor. + +--- + +Impressum vom [Impressum Generator][] der [Kanzlei Hasselbach, +Rechtsanwälte für Arbeitsrecht und +Familienrecht][]. + +[Impressum Generator]: https://www.impressum-generator.de +[Kanzlei Hasselbach, Rechtsanwälte für Arbeitsrecht und Familienrecht]: https://www.kanzlei-hasselbach.de/ -- 2.30.0
--- We might also want to consider having non-indented <dd> elements. Any thoughts? Have a look at the Impressum page added in the next patch to see how these look. docs/website/themes/qaul-theme/static/css/qaul.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/docs/website/themes/qaul-theme/static/css/qaul.css b/docs/website/themes/qaul-theme/static/css/qaul.css index 7df6310b..fa05c07a 100644 --- a/docs/website/themes/qaul-theme/static/css/qaul.css +++ b/docs/website/themes/qaul-theme/static/css/qaul.css @@ -11,6 +11,11 @@ strong { font-weight: 600; } +dt { + margin-top: 1em; + font-weight: bold; +} + p,li { line-height: 1.25em; } -- 2.30.0
.navbar-links is designed to always be aligned to the right. Currently, this is achieved by putting it as the second element inside a flex container with justify-content: space-between, which pushes it over to the right. But that doesn't work when it's the only item in a flex container, because the flex items still start at the left. To resolve that case, we can set margin-left: auto. This has no effect in the multiple-element case, but solves the problem when .navbar-links is an only child. --- docs/website/themes/qaul-theme/static/css/qaul.css | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/website/themes/qaul-theme/static/css/qaul.css b/docs/website/themes/qaul-theme/static/css/qaul.css index fa05c07a..8101bca4 100644 --- a/docs/website/themes/qaul-theme/static/css/qaul.css +++ b/docs/website/themes/qaul-theme/static/css/qaul.css @@ -51,6 +51,7 @@ p,li { .navbar-links { text-align: right; line-height: 1.5em; + margin-left: auto; } .navbar-link { -- 2.30.0
--- .../qaul-theme/layouts/_default/baseof.html | 2 + .../qaul-theme/layouts/partials/footer.html | 66 +++---------------- .../themes/qaul-theme/static/css/qaul.css | 2 +- 3 files changed, 11 insertions(+), 59 deletions(-) diff --git a/docs/website/themes/qaul-theme/layouts/_default/baseof.html b/docs/website/themes/qaul-theme/layouts/_default/baseof.html index b5580f07..0b930be1 100644 --- a/docs/website/themes/qaul-theme/layouts/_default/baseof.html +++ b/docs/website/themes/qaul-theme/layouts/_default/baseof.html @@ -22,5 +22,7 @@ </div> {{- block "main" . }}{{- end }} + + {{- partial "footer.html" . -}} </body> </html> diff --git a/docs/website/themes/qaul-theme/layouts/partials/footer.html b/docs/website/themes/qaul-theme/layouts/partials/footer.html index 9f893566..a799c0a0 100644 --- a/docs/website/themes/qaul-theme/layouts/partials/footer.html +++ b/docs/website/themes/qaul-theme/layouts/partials/footer.html @@ -1,59 +1,9 @@ -<footer> - <div class="page"> - <nav> - <div class="box l4 m4 s6"> - <h5>{{ i18n "QaulCommunity" }}</h5> - <ul> - <li><a href="https://git.qaul.org/qaul/qaul" target="_blank"> - {{ partial "fontawesome.html" "git-square" }} - {{ i18n "QaulRepository" }}</a></li> - <li><a href="https://lists.sr.ht/%7Eqaul/community" target="_blank"> - {{ partial "fontawesome.html" "envelope-open-text" }} - {{ i18n "CommunityMailinglist" }}</a></li> - <li><a href="https://lists.sr.ht/%7Eqaul/announcements" target="_blank"> - {{ partial "fontawesome.html" "bullhorn" }} - {{ i18n "AnnouncementMailinglist" }}</a></li> - <li><a href="mailto:contact@qaul.org"> - {{ partial "fontawesome.html" "envelope" }} - contact@qaul.org</a></li> - <li><a href="{{ "legal/privacy" | relLangURL }}">{{ i18n "Privacy" }}</a></li> - <li><a href="{{ "legal/code-of-conduct" | relLangURL }}">{{ i18n "CodeOfConduct" }}</a></li> - <li><a href="{{ "about" | relLangURL }}">{{ i18n "AboutQaul" }}</a></li> - </ul> - </div> - <div class="box l2 m2 s4"> - <h5>{{ i18n "Pages" }}</h5> - <ul> - <li><a href="{{ relLangURL "/" }}#download">{{ i18n "Download" }}</a></li> - <li><a href="{{ relLangURL "/" }}#features">{{ i18n "Features" }}</a></li> - <li><a href="{{ relLangURL "tutorials" }}">{{ i18n "Tutorials" }}</a></li> - <li><a href="{{ relLangURL "documentation" }}">{{ i18n "Documentation" }}</a></li> - <li><a href="{{ relLangURL "/" }}#participation">{{ i18n "Participate" }}</a></li> - </ul> - </div> - <div class="box l2 m2 s4"> - <h5>{{ i18n "Languages" }}</h5> - <ul class="languages"> - {{ range $.Site.Home.AllTranslations }} - <li><a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a></li> - {{ end }} - </ul> - </div> - <div class="box l4 m4 s6"> - <p> - <a href="{{ "legal/cc-by" | relLangURL }}" - style="text-decoration: none;" class="cc-license"> - {{ partial "fontawesome.html" "creative-commons" }} - {{ partial "fontawesome.html" "creative-commons-by" }} - </a> - </p> - <p> - {{ i18n "LicenseNotice" | markdownify }} - </p> - <p> - {{ i18n "CopyAndDistribute" }} - </p> - </div> - </nav> +<div class="footer"> + <div class="wrap"> + <div class="navbar"> + <div class="navbar-links"> + <a class="navbar-link" href="/legal/impressum">Impressum</a> + </div> </div> -</footer> + </div> +</div> diff --git a/docs/website/themes/qaul-theme/static/css/qaul.css b/docs/website/themes/qaul-theme/static/css/qaul.css index 8101bca4..b2f5d363 100644 --- a/docs/website/themes/qaul-theme/static/css/qaul.css +++ b/docs/website/themes/qaul-theme/static/css/qaul.css @@ -25,7 +25,7 @@ p,li { max-width: 100%; } -.header { +.header, .footer { display: flex; justify-content: center; padding: 2rem; -- 2.30.0