Compare commits

..

3 commits

Author SHA1 Message Date
Mikkel Munch Mortensen 509f927612
Make service listing details togglable 2019-02-12 13:18:48 +01:00
Mikkel Munch Mortensen c35ef76f9c
Rename custom CSS file 2019-02-12 12:58:20 +01:00
Mikkel Munch Mortensen 55e826e097
Rearrange the service listing page
Preparations for collapsable service details.
2019-02-12 12:56:54 +01:00
5 changed files with 114 additions and 95 deletions

View file

@ -46,5 +46,6 @@
</footer> </footer>
</div> </div>
</div> </div>
<script type="text/javascript" src="/js/datacoop.js"></script>
</body> </body>
</html> </html>

View file

@ -13,101 +13,101 @@ en uddybning af [hvad de forskellige badges dækker over](/tjenester/badges/).
## Tjenester der er åbne for alle ## Tjenester der er åbne for alle
### [Gitea](https://git.data.coop/) ### [Gitea](https://git.data.coop/) hosting af <a href="https://da.wikipedia.org/wiki/Git">git-versionsstyringssystem</a>
Hosting af [git-versionsstyringssystem](https://da.wikipedia.org/wiki/Git). <section class="service-details">
<p>Skriver du kode eller anden tekst som du gerne vil holde under versionsstyring, kan du gemme det her.</p>
<h4>Badges</h4>
<ul class="badges">
<li>
<span class="badge badge-positive badge-secure-connection">Positiv:</span>
<a href="/tjenester/badges/#sikker-forbindelse">
Sikker forbindelse
</a>
</li>
<li>
<span class="badge badge-negative badge-encrypted-data-storage">Negativ:</span>
<a href="/tjenester/badges/#krypteret-opbevaring-af-data">
Data opbevares <em>ikke</em> krypteret
</a>
</li>
<li>
<span class="badge badge-negative badge-zero-knowledge">Negativ:</span>
<a href="/tjenester/badges/#zero-knowledge">
<em>Ikke</em> omfattet af zero knowledge
</a>
</li>
<li>
<span class="badge badge-negative badge-backup">Negativ:</span>
<a href="/tjenester/badges/#backup">
<em>Ingen</em> backup af data
</a>
</li>
<li>
<span class="badge badge-negative badge-logging">Negativ:</span>
<a href="/tjenester/badges/#logning">
Der foretages logning
</a>
</li>
<li>
<span class="badge badge-partial badge-anonymous-access">Delvis:</span>
<a href="/tjenester/badges/#anonym-adgang">
Anonym adgang
</a>[1]
</li>
</ul>
#### Badges <p class="badge-notes">
[1] Offentligt tilgængelige repositories kan tilgås af alle, uden at være logget ind.
<ul class="badges"> </p>
<li> </section>
<span class="badge badge-positive badge-secure-connection">Positiv:</span>
<a href="/tjenester/badges/#sikker-forbindelse">
Sikker forbindelse
</a>
</li>
<li>
<span class="badge badge-negative badge-encrypted-data-storage">Negativ:</span>
<a href="/tjenester/badges/#krypteret-opbevaring-af-data">
Data opbevares <em>ikke</em> krypteret
</a>
</li>
<li>
<span class="badge badge-negative badge-zero-knowledge">Negativ:</span>
<a href="/tjenester/badges/#zero-knowledge">
<em>Ikke</em> omfattet af zero knowledge
</a>
</li>
<li>
<span class="badge badge-negative badge-backup">Negativ:</span>
<a href="/tjenester/badges/#backup">
<em>Ingen</em> backup af data
</a>
</li>
<li>
<span class="badge badge-negative badge-logging">Negativ:</span>
<a href="/tjenester/badges/#logning">
Der foretages logning
</a>
</li>
<li>
<span class="badge badge-partial badge-anonymous-access">Delvis:</span>
<a href="/tjenester/badges/#anonym-adgang">
Anonym adgang
</a>[1]
</li>
</ul>
<p class="badge-notes">
[1] Offentligt tilgængelige repositories kan tilgås af alle, uden at være logget ind.
</p>
### [Passit](https://passit.data.coop/) ### [Passit](https://passit.data.coop/) password manager
Password manager (kodeordshusker). <section class="service-details">
<p>Hjælper dig med at huske stærke, unikke kodeord til alle de sites og apps du benytter dig af.</p>
<h4>Badges</h4>
<ul class="badges">
<li>
<span class="badge badge-positive badge-secure-connection">Positiv:</span>
<a href="/tjenester/badges/#sikker-forbindelse">
Sikker forbindelse
</a>
</li>
<li>
<span class="badge badge-positive badge-encrypted-data-storage">Positiv:</span>
<a href="/tjenester/badges/#krypteret-opbevaring-af-data">
Data opbevares krypteret
</a>
</li>
<li>
<span class="badge badge-partial badge-zero-knowledge">Delvis:</span>
<a href="/tjenester/badges/#zero-knowledge">
Omfattet af zero knowledge
</a>[1]
</li>
<li>
<span class="badge badge-negative badge-backup">Negativ:</span>
<a href="/tjenester/badges/#backup">
<em>Ingen</em> backup af data
</a>
</li>
<li>
<span class="badge badge-negative badge-logging">Negativ:</span>
<a href="/tjenester/badges/#logning">
Der foretages logning
</a>
</li>
<li>
<span class="badge badge-negative badge-anonymous-access">Negativ:</span>
<a href="/tjenester/badges/#anonym-adgang">
Der er <em>ikke</em> anonym adgang
</a>
</li>
</ul>
#### Badges <p class="badge-notes">
[1] Al brugerdata (navne, websites, kodeord, noter osv.) er krypteret så det kun er brugerne selv der kan tilgå deres data. Der foretages dog stadig logning af brugen af tjenesten, så helt 100% ZN er det ikke.
<ul class="badges"> </p>
<li> </section>
<span class="badge badge-positive badge-secure-connection">Positiv:</span>
<a href="/tjenester/badges/#sikker-forbindelse">
Sikker forbindelse
</a>
</li>
<li>
<span class="badge badge-positive badge-encrypted-data-storage">Positiv:</span>
<a href="/tjenester/badges/#krypteret-opbevaring-af-data">
Data opbevares krypteret
</a>
</li>
<li>
<span class="badge badge-partial badge-zero-knowledge">Delvis:</span>
<a href="/tjenester/badges/#zero-knowledge">
Omfattet af zero knowledge
</a>[1]
</li>
<li>
<span class="badge badge-negative badge-backup">Negativ:</span>
<a href="/tjenester/badges/#backup">
<em>Ingen</em> backup af data
</a>
</li>
<li>
<span class="badge badge-negative badge-logging">Negativ:</span>
<a href="/tjenester/badges/#logning">
Der foretages logning
</a>
</li>
<li>
<span class="badge badge-negative badge-anonymous-access">Negativ:</span>
<a href="/tjenester/badges/#anonym-adgang">
Der er <em>ikke</em> anonym adgang
</a>
</li>
</ul>
<p class="badge-notes">
[1] Al brugerdata (navne, websites, kodeord, noter osv.) er krypteret så det kun er brugerne selv der kan tilgå deres data. Der foretages dog stadig logning af brugen af tjenesten, så helt 100% ZN er det ikke.
</p>

View file

@ -55,12 +55,16 @@
font-size: .75em; font-size: .75em;
} }
ul.badges { .service-details ul.badges {
list-style-type: none; list-style-type: none;
margin: 0 0 0 .5em; margin: 0 0 0 .5em;
padding: 0; padding: 0;
} }
ul.badges li { .service-details ul.badges li {
margin: .5em 0; margin: .5em 0;
} }
.hidden {
display: none;
}

View file

@ -300,4 +300,4 @@ table th
// ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start // ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
@import "highlights"; @import "highlights";
@import "svg-icons"; @import "svg-icons";
@import "badges"; @import "datacoop";

14
js/datacoop.js Normal file
View file

@ -0,0 +1,14 @@
window.onload = function(e) {
var details = document.querySelectorAll("section.service-details");
for (var detail of details) {
var toggle = document.createElement("a");
toggle.text = "Læs mere";
toggle.onclick = function(e) {
e.preventDefault();
var hide = e.target.previousSibling.classList.toggle("hidden");
e.target.text = hide ? "Læs mere" : "Skjul detaljer";
}
detail.insertAdjacentElement('afterend', toggle);
detail.classList.add("hidden");
}
}