forked from data.coop/website
Make service listing details togglable
This commit is contained in:
parent
c35ef76f9c
commit
509f927612
|
@ -46,5 +46,6 @@
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<script type="text/javascript" src="/js/datacoop.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -13,10 +13,10 @@ 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>
|
||||||
|
|
||||||
<section class="service-details">
|
<section class="service-details">
|
||||||
<p>Hosting af <a href="https://da.wikipedia.org/wiki/Git">git-versionsstyringssystem</a>. Skriver du kode eller anden tekst som du gerne vil holde under versionsstyring, kan du gemme det her.</p>
|
<p>Skriver du kode eller anden tekst som du gerne vil holde under versionsstyring, kan du gemme det her.</p>
|
||||||
<h4>Badges</h4>
|
<h4>Badges</h4>
|
||||||
<ul class="badges">
|
<ul class="badges">
|
||||||
<li>
|
<li>
|
||||||
|
@ -63,10 +63,10 @@ en uddybning af [hvad de forskellige badges dækker over](/tjenester/badges/).
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
### [Passit](https://passit.data.coop/)
|
### [Passit](https://passit.data.coop/) – password manager
|
||||||
|
|
||||||
<section class="service-details">
|
<section class="service-details">
|
||||||
<p>Password manager. Hjælper dig med at huske stærke, unikke kodeord til alle de sites og apps du benytter dig af.</p>
|
<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>
|
<h4>Badges</h4>
|
||||||
<ul class="badges">
|
<ul class="badges">
|
||||||
<li>
|
<li>
|
||||||
|
|
|
@ -64,3 +64,7 @@
|
||||||
.service-details ul.badges li {
|
.service-details ul.badges li {
|
||||||
margin: .5em 0;
|
margin: .5em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
14
js/datacoop.js
Normal file
14
js/datacoop.js
Normal 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");
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue