Add some alignment to kerneprincipper in danish by making it a <dl>

This commit is contained in:
Benjamin Bach 2023-03-05 00:00:24 +01:00
parent cce4e7c880
commit 4d88a70032
Signed by untrusted user: benjaoming
GPG key ID: 7D49441634585664
2 changed files with 48 additions and 13 deletions

View file

@ -6,22 +6,35 @@ data.coop er et kooperativ, som ejer og driver en digital infrastruktur for medl
Vores kerneprincipper er:
<ul class="principles-list">
<li>
<dl class="principles-list">
<dt>
<img src="/static/img/icons/no-surveillance.svg" />
<strong>Privatlivsbeskyttelse:</strong> Vi er fælles om at beskytte vores data. Vi deler dem ikke for profit. Dine data transmitteres krypteret på nettet.</li>
<li>
Privatlivsbeskyttelse
</dt>
<dd>
Vi er fælles om at beskytte vores data. Vi deler dem ikke for profit. Dine data transmitteres krypteret på nettet.
</dd>
<dt>
<img src="/static/img/icons/encrypted.svg" />
<strong>Kryptering</strong>: Vi tilbyder løsninger, der er sikre og grundigt deklarerede.
</li>
<li>
Kryptering
</dt>
<dd>
Vi tilbyder løsninger, der er sikre og grundigt deklarerede.
</dd>
<dt>
<img src="/static/img/icons/decentralised.svg" />
<strong>Decentralisering</strong>: Vores services snakker gerne sammen med andre decentrale services på nettet.
</li>
<li>
Decentralisering
</dt>
<dd>
Vores services snakker gerne sammen med andre decentrale services på nettet.
</dd>
<dt>
<img src="/static/img/icons/zero-knowledge.svg" />
<strong>Zero-knowledge</strong>: Når det er muligt, sørger vi for, at systemadministratorer rent teknisk ikke kan tilgå medlemmernes data.
</li>
</ul>
Zero-knowledge
</dt>
<dd>
Når det er muligt, sørger vi for, at systemadministratorer rent teknisk ikke kan tilgå medlemmernes data.
</dd>
</dl>
Ud fra de kerneprincipper vil vi med tiden udbyde onlinetjenester til medlemmerne. Hovedtanken er, at vi som udgangspunkt stoler mere på hinanden end på "de store" som f.eks. Google, Microsoft eller Facebook.

View file

@ -210,6 +210,28 @@ aside > footer img:hover {
svg{fill:#4b3aba;}
}
.principles-list {
padding: 0;
margin: 0;
display: grid;
grid-template-columns: max-content 1fr;
align-items: start;
gap: 20px;
dt {
vertical-align: top;
align-self: start;
font-weight: bold;
img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
}
dd {
line-height: 130%;
}
}
dl.dl-services {
display : grid;
column-gap : 2rem;