~qaul/community

docs/website: add Impressum v1 APPLIED

Alyssa Ross
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
Export patchset (mbox)
How do I use this?

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 -3
Learn more about email & git
View this thread in the archives

[PATCH 1/5] docs/website: allow HTML markup in Markdown files Export this patch

Alyssa Ross
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

[PATCH DRAFT 2/5] docs/website: add Impressum Export this patch

Alyssa Ross
---
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

[PATCH 3/5] docs/website: add styles for definition lists Export this patch

Alyssa Ross
---
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

[PATCH 4/5] docs/website: fix only child navbar links alignment Export this patch

Alyssa Ross
.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

[PATCH 5/5] docs/website: add footer linking to Impressum Export this patch

Alyssa Ross
---
 .../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