-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
182 lines (146 loc) · 7.34 KB
/
index.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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!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 active" aria-current="page" tabindex="0" aria-label="Klikk for å gå til norske avtaler">
Norge
<span class="countryRadioButton active" aria-hidden='true'></span>
</a>
<a href="/sverige.html" class="toggleOption toggleOptionRight" aria-current="" tabindex="0" aria-label="Klikk for å gå til svenske avtaler">
Sverige
<span class="countryRadioButton" 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/norge/arbeidsavtaler/ansettelse-assistent.html" title="Variant: Ansettelsesavtale assistenter">Variant: Ansettelsesavtale assistenter <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/arbeidsavtaler/ansettelse-konsernledelse.html" title="Variant: Ansettelsesavtale konsernledere">Variant: Ansettelsesavtale konsernledere <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/arbeidsavtaler/ansettelse-ledelse.html" title="Variant: Ansettelsesavtale ledere">Variant: Ansettelsesavtale ledere <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/arbeidsavtaler/ansettelse-sommerjobb.html" title="Variant: Ansettelsesavtale Sommerjobb">Variant: Ansettelsesavtale Sommerjobb <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/arbeidsavtaler/ansettelse.html" title="Variant: Ansettelsesavtale">Variant: Ansettelsesavtale <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
</div>
<button class="collapsibleHeader collapsibleButton" aria-label="Oppdragsavtaler utvid/skjul">
<h2 class="collapsibleHeaderLeft" id="Oppdragsavtaler">Oppdragsavtaler</h2>
<span class="arrow"></span>
</button>
<div class="collapsibleContent" role="region" aria-labelledby="Oppdragsavtaler">
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/oppdragsavtaler/enkel-konsulentbistand.html" title="Variant: Avtale om konsulentbistand (kort)">Variant: Avtale om konsulentbistand (kort) <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/oppdragsavtaler/konsulentbistand.html" title="Variant: Avtale om konsulentbistand">Variant: Avtale om konsulentbistand <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
</div>
<button class="collapsibleHeader collapsibleButton" aria-label="Aksjeavtaler utvid/skjul">
<h2 class="collapsibleHeaderLeft" id="Aksjeavtaler">Aksjeavtaler</h2>
<span class="arrow"></span>
</button>
<div class="collapsibleContent" role="region" aria-labelledby="Aksjeavtaler">
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/aksjeavtaler/aksjekjop.html" title="Variant medeierskap: Erhverv av aksjer">Variant medeierskap: Erhverv av aksjer <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/aksjeavtaler/aksjonaer-tiltredelse-konsern.html" title="Variant medeierskap: Tiltredelse til aksjonæravtale for datterselskaper av Variant Konsern AS">Variant medeierskap: Tiltredelse til aksjonæravtale for datterselskaper av Variant Konsern AS <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/aksjeavtaler/aksjonaer-tiltredelse.html" title="Variant medeierskap: Tiltredelse til aksjonæravtale">Variant medeierskap: Tiltredelse til aksjonæravtale <span class="ml-10px" aria-hidden="true">→</span></a></h3>
</article>
</div>
</div>
<button class="collapsibleHeader collapsibleButton" aria-label="Annet utvid/skjul">
<h2 class="collapsibleHeaderLeft" id="Annet">Annet</h2>
<span class="arrow"></span>
</button>
<div class="collapsibleContent" role="region" aria-labelledby="Annet">
<div class="collapsibleItem">
<article>
<h3><a href="/avtaler/norge/annet/attest.html" title="Variant: Arbeidsattest">Variant: Arbeidsattest <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>