Add imprint and privacy policy

This commit is contained in:
Benjamin Bädorf 2021-10-22 23:42:44 +02:00
parent ebfc7a20f1
commit 17fc7b7891
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
17 changed files with 168 additions and 69 deletions

View file

@ -21,4 +21,10 @@ site.loadAssets([
site.filter("title", (value = '') => value + (value ? " | " : "") + "MiOM"); site.filter("title", (value = '') => value + (value ? " | " : "") + "MiOM");
site.filter("objectToArray", (value = {}) => Object.keys(value)
.sort()
.map(key => value[key])
.filter(val => !!val)
);
export default site; export default site;

View file

@ -1,43 +0,0 @@
- name: Alexander von Dombois
pronouns: he/him
role: Product Design
contactOptions:
- name: MAIL
value: avd@miom.space
- name: INSTA
value: '@alexandervondombois'
- name: WEB
value: alexandervondombois.de
- name: Helena Geisler
pronouns: she/her
role: Visual artist
contactOptions:
- name: MAIL
value: hsg@miom.space
- name: Benjamin Bädorf
pronouns: he/him
role: Software Engineer
contactOptions:
- name: MAIL
value: byb@miom.space
- name: GIT
value: git.b12f.io/b12f
- name: GPG
value: 4332 E0D0 2B21 4D31 376C 366E 4406 E80E 13CD 656C
- name: MATRIX
value: '@b12f:pub.solar'
- name: WEB
value: benjaminbaedorf.eu
- name: Jhonas Wernery
pronouns: he/him
role: System Engineer
contactOptions:
- name: MAIL
value: jfw@miom.space
- name: GIT
value: git.b12f.io/teutat3s
- name: MATRIX
value: '@teutat3s:pub.solar'

13
_data/people/avd.yml Normal file
View file

@ -0,0 +1,13 @@
name: Alexander von Dombois
pronouns: he/him
role: Product Design
contactOptions:
- name: mail
value: avd@miom.space
link: 'mailto:avd@miom.space'
- name: insta
value: '@alexandervondombois'
- name: web
value: alexandervondombois.de
link: 'https://alexandervondombois.de'

17
_data/people/byb.yml Normal file
View file

@ -0,0 +1,17 @@
name: Benjamin Bädorf
pronouns: he/him
role: Software Engineer
contactOptions:
- name: mail
value: byb@miom.space
link: 'mailto:byb@miom.space'
- name: git
value: '@b12f'
link: 'git.b12f.io/b12f'
- name: gpg
value: 4332 E0D0 2B21 4D31 376C 366E 4406 E80E 13CD 656C
- name: matrix
value: '@b12f:pub.solar'
- name: web
value: benjaminbaedorf.eu
link: 'https://benjaminbaedorf.eu'

7
_data/people/cmp.yml Normal file
View file

@ -0,0 +1,7 @@
name: Constantin Pannwitz
pronouns: he/him
role: Product Designer
contactOptions:
- name: mail
value: cmp@miom.space
link: 'mailto:cmp@miom.space'

7
_data/people/hmd.yml Normal file
View file

@ -0,0 +1,7 @@
name: Hannah Deuss
pronouns: she/her
role: Visual artist
contactOptions:
- name: mail
value: hmd@miom.space
link: 'mailto:hmd@miom.space'

7
_data/people/hsg.yml Normal file
View file

@ -0,0 +1,7 @@
name: Helena Geisler
pronouns: she/her
role: Visual artist
contactOptions:
- name: mail
value: hsg@miom.space
link: 'mailto:hsg@miom.space'

12
_data/people/jfw.yml Normal file
View file

@ -0,0 +1,12 @@
name: Jhonas Wernery
pronouns: he/him
role: System Engineer
contactOptions:
- name: mail
value: jfw@miom.space
link: 'mailto:jfw@miom.space'
- name: git
value: '@teutat3s'
link: 'https://git.b12f.io/teutat3s'
- name: matrix
value: '@teutat3s:pub.solar'

7
_data/people/jjg.yml Normal file
View file

@ -0,0 +1,7 @@
name: Julian Gerullis
pronouns: he/him
role: Product Designer
contactOptions:
- name: mail
value: jjg@miom.space
link: 'mailto:jjg@miom.space'

View file

@ -2,8 +2,7 @@
<nav> <nav>
<ul class="mi-footer--links"> <ul class="mi-footer--links">
<li><a href="/imprint" class="mi-footer--link">Imprint</a></li> <li><a href="/imprint" class="mi-footer--link">Imprint</a></li>
<li><a href="/dataprivacy" class="mi-footer--link">Dataprivacy</a></li> <li><a href="/privacy-policy" class="mi-footer--link">Privacy policy</a></li>
<li><a href="/accessibility" class="mi-footer--link">Accessibility</a></li>
</ul> </ul>
</nav> </nav>
</footer> </footer>

View file

@ -20,22 +20,25 @@
{% endif %} {% endif %}
</head> </head>
<body class="mi-page"> <body class="mi-page">
<h1 class="mi-page--we-are mi-page--title mi-page--title_side"><span class="mi-logo">MiOM 202</span> is</h1> {% block header %}
<p class="mi-things-we-are mi-page--title mi-content"> <div class="mi-page--we-are mi-page--title mi-page--title_side">
{% for thingWeAre in thingsWeAre %} <span class="mi-logo">MiOM 202</span>
<span class="mi-things-we-are--thing"> <br>
{{ thingWeAre }}<span class="mi-things-we-are--space">space</span> <br>
</span> <a href="/">Back home</a>
{% endfor %} </div>
</p>
<header class="mi-page--title mi-content">
<h1>{{ title }}</h1>
</header>
{% endblock %}
<main class="mi-main mi-content"> <main class="mi-main mi-content">
{% if article %} {% block main %}
{{ article | md | safe }} {{ article | md | safe }}
{% endif %} {% endblock %}
{% include "people.njk" %}
</main> </main>
{% include "footer.njk" %} {% include "footer.njk" %}
</body> </body>
</html> </html>

View file

@ -0,0 +1,20 @@
{% extends 'layouts/default.njk' %}
{% block header %}
<div class="mi-page--we-are mi-page--title mi-page--title_side"><span class="mi-logo">MiOM 202</span> is</div>
<p class="mi-things-we-are mi-page--title mi-content">
{% for thingWeAre in thingsWeAre %}
<span class="mi-things-we-are--thing">
{{ thingWeAre }}<span class="mi-things-we-are--space">space</span>
</span>
{% endfor %}
</p>
{% endblock %}
{% block main %}
{{ introduction | md | safe }}
{% include "people.njk" %}
{{ cta | md | safe }}
{% endblock %}

View file

@ -1,5 +1,5 @@
<ul class="mi-people"> <ul class="mi-people">
{% for person in people %} {% for person in (people | objectToArray) %}
<li class="mi-person"> <li class="mi-person">
<h1 class="mi-person--name"> <h1 class="mi-person--name">
{{ person.name }} {{ person.name }}
@ -8,13 +8,20 @@
<p class="mi-person--role">{{ person.role }}</p> <p class="mi-person--role">{{ person.role }}</p>
<details> <details>
<summary class="mi-person--contact-toggle">Contact</summary> <summary class="mi-person--contact-toggle">Contact</summary>
<ul class="mi-person--contact-options"> <table class="mi-person--contact-options">
{% for contactOption in person.contactOptions %} {% for contactOption in person.contactOptions %}
<li class="mi-person--contact-option"> <tr class="mi-person--contact-option">
<span class="mi-person--contact-option-name">{{ contactOption.name }}:</span> {{ contactOption.value }} <td class="mi-person--contact-option-name">{{ contactOption.name }}:<td>
</li> <td>
{% if contactOption.link %}
<a href="{{ contactOption.link }}">{{ contactOption.value }}</a>
{% else %}
{{ contactOption.value }}
{% endif %}
</td>
</tr>
{% endfor %} {% endfor %}
</ul> </table>
</details> </details>
</li> </li>
{% endfor %} {% endfor %}

16
imprint.yml Normal file
View file

@ -0,0 +1,16 @@
layout: layouts/default.njk
title: 'Imprint'
article: '
Responsible for contents:
Benjamin Bädorf
Florastraße 68
50733 Köln
<a href="mailto:byb@miom.space">byb@miom.space</a>
'

View file

@ -1,8 +1,17 @@
layout: layouts/default.njk layout: layouts/homepage.njk
article: " introduction: "
We are an interdisciplinary creative space. We offer affordable room to work and exchange ideas in. Our community is composed of people from a variety of backgrounds. We are an interdisciplinary creative space. We offer affordable room to work and exchange ideas in. Our community is composed of people from a variety of backgrounds.
each one teach one. Each one teach one.
" "
cta: "
Interested?
Come see us! We are currently located at Maarweg 143 in Cologne. Contact one of us and we'll make sure someone is there to welcome you.
"

7
privacy-policy.yml Normal file
View file

@ -0,0 +1,7 @@
layout: layouts/default.njk
title: 'Privacy policy'
article: '
Nothing is being tracked on this website. No cookies are being used. Our server does not log any IP addresses or other personal information.
'

View file

@ -11,8 +11,14 @@ html {
line-height: 150%; line-height: 150%;
} }
a { a,
a:visited {
color: #ff006c; color: #ff006c;
text-decoration: none;
}
a:hover {
text-decoration: underline;
} }
.mi-page { .mi-page {
@ -150,12 +156,11 @@ a {
.mi-person--contact-options { .mi-person--contact-options {
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none;
font-size: 0.4rem; font-size: 0.4rem;
} }
.mi-person--contact-option-name { .mi-person--contact-option-name {
color: #ff006c; padding-right: 0.5em;
} }
.mi-footer { .mi-footer {