-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstoppestedet.html
179 lines (150 loc) · 7.67 KB
/
stoppestedet.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
<!DOCTYPE html>
<html lang="da">
<head>
<meta charset="UTF-8">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,300;0,900;1,400&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="./css/stylesheet.css">
<link rel="icon" type="image/png" href="./img/stoppested-fav.png" />
<script src="./js/javascript.js" defer></script>
<script src="./js/login.js" defer></script>
<script src="https://kit.fontawesome.com/9d426a8111.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description"
content="Stoppestedet, et værested for psykisk sårbare i Odense. Her er der plads til alle også dig. Du kan finde alt fra ungegruppen, telefonrådgivning, Peer to Peer, bisidder, samværsvenner samt meget mere. ">
<title>Stoppestedet</title>
</head>
<body onload="coronaInfo()">
<div class="wrapper">
<header class="main-header">
<button id="menu-button" onclick="changeFrontPage(0)">Stoppestedet</button>
<div onclick="burger()"><i class="fas fa-bars"></i></div>
</header>
<nav class="main-nav" id="menuBar">
<img src="./img/stoppestedet_1.png" class="Stoppested-skilt" alt="Stoppestedets logo ">
<div id="forsiden" onclick="changeFrontPage(0)"></div>
<ul>
<li class="top-nav"><button onclick="changeFrontPage(0)">Stoppestedet</button>
<div onclick="burger()"><i class="fas fa-times"></i></div>
</li>
<li><button onclick="changeFrontPage(1)">Om os</button></li>
<li><button onclick="changeFrontPage(2)">Ungegruppe</button></li>
<li><button onclick="changeFrontPage(3)">Telefonrådgivning</button></li>
<li><button onclick="changeFrontPage(4)">Peer to Peer</button></li>
<li><button onclick="changeFrontPage(5)">Samværsvenner</button></li>
<li><button onclick="changeFrontPage(6)">Skibhus Kabyssen</button></li>
<li><button onclick="changeFrontPage(7)">Bisidder</button></li>
<li><button onclick="changeFrontPage(8)">Pårørende grupper</button></li>
<li><button onclick="changeFrontPage(9)">Frivillig</button></li>
<li><button onclick="changeFrontPage(10)">Åbningstider</button></li>
<li><button onclick="changeFrontPage(11)">Kontakt</button></li>
<li><button onclick="changeFrontPage(12)">Log ind</button></li>
</ul>
</nav>
<article class="content">
<h1 id="info-headline">Vi er her for at hjælpe dig</h1>
<p id="info-text">Stoppestedet er et SIND værested, der har eksisteret siden først i 90’erne. <b>Hos os er
alle velkomne.</b> Stoppestedet er et anonymt værested, hvilket betyder, at tilbuddene kan benyttes
frivilligt og uden visitering.
<br><br> <b>Tak fordi du er her.</b> Hvis du vil vide mere om, hvem vi er, hvordan vi kan hjælpe dig og,
hvordan du endda kan hjælpe os, er du velkommen til at læse mere om vores forskellige muligheder for
lige netop dig.
</p>
<div id="content-link">
<a class="link" id="link" href="#" target="_blank">dwaw</a>
<a class="link" id="link2" href="#" target="_blank">dwaw</a>
</div>
</article>
<div class="ad">
<img id="info-img" src="./img/forside.png" alt="Vi holder sammen og vil hjælpe dig!">
<video id="video" controls>
<source src="./img/bliv-frivillig-på-stoppestedet.mp4" type="video/mp4">
Your browser does not support HTML video.
</video>
<video id="video2" controls>
<source src="./img/Stoppestedet-søger-frivillige.mp4" type="video/mp4">
Your browser does not support HTML video.
</video>
</div>
<section class="loginContent" id="loginContent">
<h1>Log ind på webbooking</h1>
<div>
<form name="form">
<div class="inputfelt">
<label class="brugernavn" for="brugernavn">Brugernavn</label>
<input class="input" type="text" id="brugernavn" name="brugernavn">
</div>
<div class="inputfelt">
<label class="Adgangskode" for="kode">Adgangskode</label>
<input class="input" type="password" id="kode" name="kode">
</div>
<div>
<input class="button" type="submit" id="submit" value="Log ind">
</div>
</form>
</div>
<div>
<p id="glemtkode" class="glemtkode">Glemt kode eller brugernavn?</p>
</div>
<!--Besked, der popper op, når man trykker på brugernavn-feltet-->
<div id="beskedbesked" class="popbesked">
<h3>Brugernavn må kun indeholde:</h3>
<p id="bogstaver" class="invalid">Små bogstaver</p>
</div>
<!--Besked, der popper op, når man trykker på kode-feltet-->
<div id="besked" class="popbesked">
<h3>Adgangskoden skal indeholde følgende:</h3>
<p id="tal" class="invalid">Minimum ét tal</p>
<p id="karakterer" class="invalid">Minimum otte karakterer</p>
</div>
</section>
<footer class="main-footer">
<div>
</div>
<div>
<h3>Adresse</h3>
<p> SIND værestedet Stoppestedet<br>
Jernbanegade 24B<br>
5000 Odense C<br>
</div>
<div>
<h3>Telefon</h3>
<p> Værestedet Stoppestedet<br>
66 19 02 65<br>
Kontor<br>
66 19 03 26</p>
</div>
<div>
<h3>Leder</h3>
<p>Birgit Boding <br>
Tlf: 66 19 03 26 / 23 41 45 61<br>
E-mail: [email protected]
</p>
</div>
<div>
<i class="fab fa-facebook-f"></i>
</div>
</footer>
<div class="ac-wrapper" id="ac-wrapper">
<div id="popup">
<p>Lige en opdatering fra os i forbindelse med Covid-19 og, hvad der gælder i forhold
til de nye retningslinjer. Stoppestedet er et socialt værested, og vi er dermed undtaget
for forsamlingsforbuddet på 10 personer. Vi må fortsat være op til 50 personer og skal
selvfølgelig overholde krav om afstand og hygiejne. Personale og frivillige skal fra
torsdag d. 29/10 bære visir eller mundbind. Der er ingen krav til, at besøgende skal
bære mundbind, men hvis man ønsker det, har vi også det til rådighed.</p>
<button id="coronaButton" onclick="coronaFunction()">OK</button>
</div>
</div>
<div class="icons">
<ul>
<li><a href="https://www.facebook.com/stoppestedet.dk" target="_blank"><i
class="fab fa-facebook-square"></i></a></li>
<li><a href="tel:66190326"><i class="fas fa-phone"></i></a></li>
</ul>
</div>
</div>
</body>
</html>