-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
184 lines (175 loc) · 9.92 KB
/
Copy pathindex.html
File metadata and controls
184 lines (175 loc) · 9.92 KB
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
183
184
<!--
-->
<!DOCTYPE html>
<html lang="sv" xml:lang="sv" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Djupviks Hamn" />
<meta name="description" content="Djupviks Hamn är både ett fiskeläge och en förening." />
<meta name="viewport" content="width=150, initial-scale=1.0">
<link rel="stylesheet" href="./stylesheets/style.css">
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
<script type="module" src="./scripts/CurrentSMHIReport.js"></script>
<script type="module" src="./scripts/index.js"></script>
<title>Djupviks Hamn</title>
</head>
<body>
<div id="wrapper">
<header>
<div id="smhi-widget-Current-Conditions"></div>
<h1>Djupviks Hamn</h1>
<!--Startsidan-->
<!--Varudeklarationen vid loggan:-->
<!-- header for structure-->
<section>
<h2>Djupviks Hamn är både ett fiskeläge och en förening.</h2>
<p>Föreningen består av dels ägarna till fiskelägets bodar men också andra som är intresserade av
att
bevara fiskeläget, dess historia och anordna olika aktiviteter.</p>
</section>
</header>
<nav>
<!-- web site navigation as a list-->
<div class="menu content">
<a href="#">Hem</a>
<a href="html/gasthamnen.html">Gästhamnen</a>
<a href="html/turistmal.html">Turistmål</a>
<a href="html/kontakt.html">Kontakt</a>
<a href="html/medlemsinfo.html">Medlemsinfo</a>
<a href="html/djupvikPort.html">Port of Djupvik</a>
<a href="html/historia.html">Historia</a>
</div>
</nav>
<!--Innehållsdelen:-->
<main>
<aside>
<div id="smhi-widget"></div>
</aside>
<section id="overgripande">
<h2>ÖVERGRIPANDE INFO:</h2>
<h3>Djupviks hamn</h3>
<figure>
<figcaption>
Fiskebodar och mellan dem ligger gistgarden
</figcaption>
<img
srcset="./images/fiskebodar-200w.jpg 700w,
./images/fiskebodar-300w.jpg 800w,
./images/fiskebodar.jpg 1020w"
sizes="(max-width: 700px) 640px,
(max-width: 1000px) 740px,
1020px"
src="./images/fiskebodar.jpg" alt="Fiskebodar från sent 1800-tal">
</figure>
<p>
Djupviks hamn ligger på Gotlands västkust nästan rakt öster om Lilla Karlsö. Hamnen är
otroligt vackert belägen i anslutning till ett gammalt Gotländskt fiskeläge bestående av
fiskebodar från sent 1800-tal. Husen är grupperade i tre
rader, mellan dem ligger gistgarden där man torkar nät och närmast stranden ligger båthusen.
Från fiskeläget har man fri utsikt mot de båda Karlsöarna.
</p>
<p>
Ansvaret för hamnen och fiskeläget har Djupviks hamnförening, som är en ideell förening som
aktivt verkar för att bibehålla och utveckla Djupvik som fiskehamn och som fritidsbåtshamn
för de många närboende och sommarboende.
</p>
<p>
Föreningen driver en glasskiosk och kaffeservering på sommartid i ett gammalt båthus vid
hamnen. Ett par hundra meter ovanför hamnen ligger Djupviks Hotell, ett hotell med
restaurang och bra standard.
</p>
<p>
Det finns även toaletter i hamnen varav en som är tillgänglighetsanpassad för rullstolar och
rollatorer.
</p>
</section>
<section id="senastenytt">
<h2>SENASTE NYTT:</h2>
<section>
<h3>Hamnjobb</h3>
<figure>
<figcaption>
<h3 class="date">2019-04-06</h3>
</figcaption>
<!-- It is by design that I have not created resoulution switching
for this image. Its origional size is 227px wide. Keeping the switching
structure will help with swapping out the image if required at a later date.-->
<img
srcset="./images/people_on_the_dock.jpg 700w,
./images/people_on_the_dock.jpg 800w,
./images/people_on_the_dock.jpg 1020w"
sizes="(max-width: 700px) 640px,
(max-width: 1000px) 740px,
1020px"
src="./images/people_on_the_dock.jpg"
alt="Föreningens medlemmar arbete">
</figure>
<p>Lördagen den 6 april samlades ett antal av föreningens medlemmar för arbete i hamnen.
Kiosken, kajerna och stranden städades. Kajer lagades och gräs brändes. Diverse fix på många
håll. Vädret var bra och korven god. Det som återstår inför säsongen är att ta bort släke
från stranden, att sätta upp ramp vid kiosken och att fylla kiosken med varor. </p>
<figure>
<figcaption>
kiosken
</figcaption>
<!-- It is by design that I have not created resoulution switching
for this image. Its origional size is 227px wide. Keeping the switching
structure will help with swapping out the image if required at a later date.-->
<img
srcset="./images/stuff_kiosk-200w.jpg 700w,
./images/stuff_kiosk.jpg 800w,
./images/stuff_kiosk.jpg 1020w"
sizes="(max-width: 700px) 640px,
(max-width: 1000px) 740px,
1020px"
src="./images/stuff_kiosk.jpg" alt="kiosken">
</figure>
<p></p>
</section>
<section>
<h3>Succé för hamnens dag!</h3>
<figure>
<figcaption>
<h3 class="date">2018-07-16</h3>
</figcaption>
<img
srcset="./images/HamnensDag-200w.jpg 700w,
./images/HamnensDag-300w.jpg 800w,
./images/HamnensDag.jpg 1020w"
sizes="(max-width: 700px) 640px,
(max-width: 1000px) 740px,
1020px"
src="./images/HamnensDag.jpg" alt="Hamnens dag">
</figure>
<p>
Lördagen den 16 juli arrangerade föreningen Djupviks hamn i Eksta ”Hamnens dag” i Djupvik.
Vårt arbete har med åren alltmer också inriktats på att alla besökare, även de som kommer
landvägen skall trivas i det vackra hamnområdet. Nu bjöds det in till ”Hamnens dag”. På
plats fanns sjöfartsverkets SAR-helikopter,
Sjöräddningens båt Hwitstjärna, släckningsbil från räddningstjänsten i Klintehamn, russ från
Gannarve och ett antal loppisförsäljare. Aktiviteten lockade ett stort antal besökare.
</p>
<p>
Uppskattningsvis 1000 besökare sökte sig under dagen till Djupvik. Intresset var stort för
de besökande organisationerna som informerade och alla fick möjlighet att titta och ställa
frågor. Barnen fick rida, de bjöds på bulle och dricka och
många prövade lyckan i fiskdammen. Det fanns möjlighet att handla kaffe, korv, dricka och
glass. Många dröjde sig kvar i hamnområdet och trivdes i det inledningsvis lite blåsiga men
vackra vädret.
</p>
</section>
</section>
</main>
<footer>
<address>
<div id="copyright">
© Copyright 2019 | <a href="http://Djupvikshamn.se">Djupvikshamn.se</a>
</div>
<div id="mailadress">
mailadress: <a href="mailto:info@djupvikshamn.se">info@djupvikshamn.se</a>
</div>
</address>
</footer>
</div>
</body>
</html>