-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathsverige.html
93 lines (77 loc) · 3.05 KB
/
sverige.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Dokumenter</title>
<link rel="stylesheet" href="./src/index.css"/>
<link rel="shortcut icon" href="./assets/favicon.png" type="image/png"/>
</head>
<body>
<!-- Dette dokumentet er autogenerert og burde ikke endres direkte. Se _tools/generateIndex.js -->
<main>
<div class="logo-div">
<img class="logo" src="./assets/logo.svg" alt="Variant"/>
</div>
<hgroup>
<h1>Åpne avtaler og dokumenter</h1>
</hgroup>
<section>
<p>
Her finner du et sett med dokumentmaler og kontraktmaler vi bruker i
Variant og som du gjerne kan bruke også! De er helt åpne og lisensiert
under MIT lisens. Det er ingen krav til attributering, men om dere vil
komme innom for en kopp kaffe sier vi gjerne ja!
</p>
<p>
Du kan lage dine egne versjoner av disse avtalene med å
<a href="https://github.com/varianter/dokument-mal">
"forke" kodebasen på Github</a
>. Se mer detaljer om hvordan der.
</p>
</section>
<div class="generatedContent">
<div class="countryRadioGroup">
<a href="/" class="toggleOption toggleOptionLeft" aria-current="" tabindex="0" aria-label="Klikk for å gå til norske avtaler">
Norge
<span class="countryRadioButton" aria-hidden='true'></span>
</a>
<a href="/sverige.html" class="toggleOption toggleOptionRight active" aria-current="page" tabindex="0" aria-label="Klikk for å gå til svenske avtaler">
Sverige
<span class="countryRadioButton active" aria-hidden='true'></span>
</a>
</div>
<button class="collapsibleHeader collapsibleButton" aria-label="Arbeidsavtaler utvid/skjul">
<h2 class="collapsibleHeaderLeft" id="Arbeidsavtaler">Arbeidsavtaler</h2>
<span class="arrow"></span>
</button>
<div class="collapsibleContent" role="region" aria-labelledby="Arbeidsavtaler">
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/sverige/Arbeidsavtaler/Generellt_Avtal_SWE.html" title="Variant: Avtal om anställning">Variant: Avtal om anställning <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
</div>
</div>
</main>
<script>
// Get all collapsible headers
var headers = document.querySelectorAll(".collapsibleHeader");
// Loop through the headers and add a click event listener
for (var i = 0; i < headers.length; i++) {
headers[i].addEventListener("click", function() {
// Toggle the display of the content div
const content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
this.classList.remove("active");
} else {
content.style.display = "block";
this.classList.add("active");
}
});
}
</script>
</body>
</html>