From 07636e51bfd7fcaa81a41b7edca1cbf324ebda2a Mon Sep 17 00:00:00 2001 From: Fox News Date: Mon, 20 Dec 2021 11:19:40 +0100 Subject: [PATCH] Re Upload --- Locationtest.php | 54 ++++ README.md | 44 +++ css/font.css | 9 + css/image.css | 80 +++++ css/index.css | 62 ++++ css/map.css | 233 +++++++++++++++ favicon.ico | Bin 0 -> 179262 bytes images/InfoIcons.svg | 39 +++ images/SdeHandLogo.svg | 10 + images/bruger.svg | 15 + images/colorIcons/Blue.svg | 3 + images/colorIcons/DarkBlue.svg | 3 + images/colorIcons/Green.svg | 3 + images/colorIcons/LightBlue.svg | 3 + images/colorIcons/Orange.svg | 3 + images/colorIcons/Yellow.svg | 3 + images/logotype.svg | 1 + images/maps/munkebjergvej.svg | 504 ++++++++++++++++++++++++++++++++ images/maps/risingsvej.svg | 262 +++++++++++++++++ images/sdelogo.svg | 1 + index.html | 36 +++ js/ElementControl.js | 128 ++++++++ js/image.js | 22 ++ js/userlocation.js | 210 +++++++++++++ maps/munkebjergvej.html | 124 ++++++++ maps/risingsvej.html | 78 +++++ 26 files changed, 1930 insertions(+) create mode 100644 Locationtest.php create mode 100644 README.md create mode 100644 css/font.css create mode 100644 css/image.css create mode 100644 css/index.css create mode 100644 css/map.css create mode 100644 favicon.ico create mode 100644 images/InfoIcons.svg create mode 100644 images/SdeHandLogo.svg create mode 100644 images/bruger.svg create mode 100644 images/colorIcons/Blue.svg create mode 100644 images/colorIcons/DarkBlue.svg create mode 100644 images/colorIcons/Green.svg create mode 100644 images/colorIcons/LightBlue.svg create mode 100644 images/colorIcons/Orange.svg create mode 100644 images/colorIcons/Yellow.svg create mode 100644 images/logotype.svg create mode 100644 images/maps/munkebjergvej.svg create mode 100644 images/maps/risingsvej.svg create mode 100644 images/sdelogo.svg create mode 100644 index.html create mode 100644 js/ElementControl.js create mode 100644 js/image.js create mode 100644 js/userlocation.js create mode 100644 maps/munkebjergvej.html create mode 100644 maps/risingsvej.html diff --git a/Locationtest.php b/Locationtest.php new file mode 100644 index 0000000..54789c8 --- /dev/null +++ b/Locationtest.php @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + Syddansk Erhvervsskole Map | Test Location + + + + + + +
+ +

+ +
+ + + \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..d16bd05 --- /dev/null +++ b/README.md @@ -0,0 +1,44 @@ +# SDE-Map +Et interaktiv map over SDE + + ![logo](/images/logotype.svg) + +# Color Palette +* #00788a +* #002d4e +* #6696b1 +* #94a964 +* #ed6c4d +* #dba227 + +# json struktur +Vi er ikke sikker på om det vil blive brugt. +``` json +"BygningNavn": { + "info": [ + "info tekst 1", + "info tekst 2" + ], + "image": [ + { + "url": "../images/bygning/hus1.jpg", + "description": "huset foran" + } + ] +} +``` + +Du kan adde flere billedere i image, det vil blive +automatisk sat via [`information.js`](/javascript/information.js) +```json +"image": [ + { + "url": "../images/bygning/hus1.jpg", + "description": "huset foran" + }, + { + "url": "../images/bygning/hus2.jpg", + "description": "huset bagved" + } +] +``` diff --git a/css/font.css b/css/font.css new file mode 100644 index 0000000..b792704 --- /dev/null +++ b/css/font.css @@ -0,0 +1,9 @@ +@font-face { + font-family: 'SDEFont'; + src: url('../fonts/TitilliumWeb-Regular.ttf'); +} + +.dropbtn { + font-family: SDEFont; + +} \ No newline at end of file diff --git a/css/image.css b/css/image.css new file mode 100644 index 0000000..f63c546 --- /dev/null +++ b/css/image.css @@ -0,0 +1,80 @@ +* {box-sizing: border-box} +body {margin:0;} +.mySlides {display: none} +.show-image {vertical-align: middle;} + +.slideshow-container { + max-width: 1000px; + position: relative; + + margin: auto; + top: 0px; +} + +.prev, .next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + padding: 16px; + margin-top: -22px; + color: white; + font-weight: bold; + font-size: 18px; + transition: 0.6s ease; + border-radius: 0 10px 10px 0; + user-select: none; +} + +.next { + right: 0; + border-radius: 10px 0 0 10px; +} + +.prev:hover, .next:hover { + background-color: rgba(0, 120, 138, 0.8); +} + +.text { + color: #f2f2f2; + background-color: rgba(0, 120, 138, 0.8); + font-size: 15px; + padding: 4px 6px; + position: absolute; + bottom: 2px; + margin-left: 20%; + width: 60%; + border-radius: 15px; + text-align: center; +} + +.numbertext { + color: #f2f2f2; + background-color: rgba(0, 120, 138, 0.8); + border-radius: 0 0 15px 0; + font-size: 12px; + padding: 4px 10px; + position: absolute; + top: 0; +} + +.fade { + -webkit-animation-name: fade; + -webkit-animation-duration: 1.5s; + animation-name: fade; + animation-duration: 1.5s; +} + +@-webkit-keyframes fade { + from {opacity: .9} + to {opacity: 1} +} + +@keyframes fade { + from {opacity: .9} + to {opacity: 1} +} + +@media only screen and (max-width: 300px) { + .prev, .next,.text {font-size: 11px} +} \ No newline at end of file diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..b9e6e55 --- /dev/null +++ b/css/index.css @@ -0,0 +1,62 @@ +html { + height: 100%; +} + +body { + min-height: 100%; +} + +.wrapper { + display: flex; + flex-direction: column; + justify-content: space-around; + + height: 100vh; +} + +.sde-icon { + width: 50vh; + height: 50vh; +} + +.button { + border-radius: 15px; + background-color: rgba(0, 120, 138); + border: none; + color: #FFFFFF; + text-align: center; + position: relative; + left: 20%; + font-size: 15px; + padding: 10px; + width: 60%; + transition: all 0.5s; + cursor: pointer; + margin: 5px; + font-family: 'Titillium Web'; +} + +.button span { + cursor: pointer; + display: inline-block; + position: relative; + transition: 0.5s; +} + +.button span:after { + content: '\00bb'; + position: absolute; + opacity: 0; + top: 0; + right: -20px; + transition: 0.5s; +} + +.button:hover span { + padding-right: 25px; +} + +.button:hover span:after { + opacity: 1; + right: 0; +} \ No newline at end of file diff --git a/css/map.css b/css/map.css new file mode 100644 index 0000000..bd76e70 --- /dev/null +++ b/css/map.css @@ -0,0 +1,233 @@ +body { + font-family: 'Titillium Web'; + overflow: hidden; +} + +.container { + float: left; + height: auto; + width: auto; +} + +.wrapper { + display: flex; + border-radius: 0px; + padding: 5px; + overflow-x: auto; + overflow-y: auto; + width: 100%; + top: auto; + height: 100%; + position: absolute; +} + +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow-y: visible; + background-color: #00788A; +} + +button { + font-family: 'Titillium Web'; +} + +h2 { + font-family: 'Titillium Web'; +} + +p { + font-family: 'Titillium Web'; +} + +.areas div { + background-color: #00788a57; + border-radius: 15px; + transform: rotate(3deg); + position: absolute; + +} + +.area { + display: none; +} + +.area.show { + display: block; + animation:scale-up-center 0.5s linear infinite alternate both; +} + +@keyframes scale-up-center{ + from { + transform: scale(.9) rotate(3deg); + background-color: #ed6c4d5e; + } + to { + transform: scale(1) rotate(3deg); + background-color: #b12e0e5e; + } +} + +.backbtn { + background-color: #00788A; + color: white; + padding: 14px; + font-size: 16px; + border: none; + cursor: pointer; +} + +.backbtn:hover { + background-color: rgba(221, 221, 221, 0.329); +} + +.close { + color: #FFFFFF; + + float: right; + font-size: 28px; + font-weight: bold; + padding: 5px; +} + +.close:hover, +.close:focus { + text-decoration: none; + cursor: pointer; +} + +#myInput { + box-sizing: border-box; + background-position: 14px 12px; + background-repeat: no-repeat; + font-size: 16px; + padding: 14px 20px 12px 15px; + border: none; + border-bottom: 1px solid #ddd; +} + +#myInput:focus {outline: 3px solid #ddd;} + +.map-choice-wrapper { + background-color: rgba(0, 0, 0, 0.37); + + position: absolute; + z-index: 500; + + display: flex; + align-items: center; + justify-content: center; + + width: 100%; + height: 100%; +} + +.map-choice { + background-color: #00788A; + + border-radius: 10px; + + display: flex; + align-items: center; + justify-content: center; + + gap: 1%; + + height: 10%; + width: 75%; +} + +.map-choice button { + background-color: #00000059; + color: white; + + border-style: none; + border-radius: 5px; + + text-align: center; + font-size: small; + + height: 45%; + width: 48%; +} + +.map-choice button:hover { + cursor: pointer; +} + +.area-choice-container { + display: none; + z-index: 99; + + background-color: rgba(0, 0, 0, 0.6); + + height: 100%; + width: 100%; + + position: absolute; +} + +.area-choice-container.show { + display: block; +} + +.area-choice h1 { + background-color: #00788A; + margin: auto; +} + +.area-list-container { + display: flex; + justify-content: left; + + height: 100%; + bottom: 0px; +} + +.area-list button { + height: 5%; + width: 100%; + background-color: #00788A; + color: white; + border-style: none; + + text-align: center; + margin: 2px; + overflow: hidden; + border-radius: 1vh; + width: 96%; + position: relative; + left: 2%; +} + +.area-list button:hover { + background-color: #00788aab; +} + +.area-list { + display: flex; + flex-direction: column; + + background-color: #ffffff; + width: 100%; + + position: relative; +} + +.choice-title { + position: relative; + text-align: center; + + background-color: #00788A; + + padding: 0.5%; + + border-radius: 1vh; + width: 50%; + left: 25%; +} + +.text-white { + color: white; +} \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..a583ad8bc4527ebd3e4a6271f07d2d0fcc29cad3 GIT binary patch literal 179262 zcmeI52Y@6+)yMl1M?R1w$pr*O$s+P0;vtHFD4>8M0s<-^NkHHN;4R1H+uaLfBuP+2 zKqZQxtOAOH0TEFVSWxscAg6+!%Ex{G-|Mc~p1z*h>Y3Wv*}Ja0|8~#o3a?(huJ9^! z6phfoFGrF7ZW3*I@5pFf-ES#Ci$=zDZlmi)Mz7yCGT86(&#;%ktO-#xXJQHyqOo%) zM(cDxvlCeTIUyRQ>rTRFgnflo=S-6RCRo@xY_nQ2KFlOAQ+nAoIf~|eE^gPm zPO=o-zIKkC`il@e%`1gJY_IsJ><_D!UVQ-yB|pAc3N;<{7U(v=cu zl?0Y3p_yl;`kWJ^wWNzD3O^EV61GEsb&Y0AcYEZwbfpAZA%PnYR=uhIB;z6ap1O{e z9_}Z6M|f5^Ls(s?jOkm!SD8jB0VIGkhiVM)q zzjHKg{|t@UyLByHDS=iz?dNW2A#06dn=K&A$p~NjKwhk>-o=U%FBPt&)K2Q%Vofy^VFH?qp1ae*Rq8 zf6kfFNL{V|Y!zQ+I;8|=Fh7~--P}7(|Mrj`J}97@;A_Ix=127=b!XYOmwMAG3E29N zL_ej6%nO|+{6RoB|0#4yC$Z5-%xTV+K9{bPK&vF6HAptsj{ZpxH_-L-!hZzx6FvR3 z+JDw9*8jN}yE|puINTi?7@3{$9bg?T_kyuldsxKhn|Cl@e&B1kg=GY&+UZ z_m2xsKUoj5wLMS#wUW0otx^I`_hg@EediGZ^F`?A{|VO$8#2D1Aun5++QZfC1FE7K_@5Zj98oF1?BP(8Vx^zaJ;?K=9&*!_s^GfKOBsVhSxfiBsK zx}=}dL$IlUEgszjPYe5ZrPeAB4VPuA%c}(DNjK-8meivYqphTm-%fNB{bXMAUC#c* zwREKfS}B1UsvEnccgzWC9tqp$Ln-}ySob@zhXWh_9HDfj1X?M9ZrXPA55#+i*<<9| z_xp9ftq{@1_h>9tx>5qIlz{Egr2dTipKq5gGGFBM6Wjb7&`;{u(zevfk}1Zr*N}!wZ5&DV#O^RsW({u0W=WCO;KVpAU=}HN-QUVvApmC3M({ylBw2Sl+o04na zzoPr~1?zh<4_dlX0u9F`jfVOUTOaGbm+-9xjvqq(x>m#&mRt0iD#qgY4Rl`h_r($5EU|3>tau~9jG zZ*|F(>Djyx^&|5`6Qgm$m4d53nd{_C+Gxpjv5uA!D<#ls2~anpgQ`baKi@65^`F1g z{r}h)O6%}A$Gdc;1X?WtbQ2ww{&6PQS%OL~-zELyTZPic4-1?f zLLK^&@X6VnGr}BbIYw%A(Uj>)0<`U^bxb=;Cx4UZ=c~HTmENvkbD*VumijV85|AFo zZT!TjL-*fJ^piUDR$*j>!V{d35wo!oD`fXB<_w@k3EO%YB;CK|6mo*-QK({bv3h{X|dCm_1eVoYYok?u(8C;K|%vu>or zr7I;c6cVVcr$5uaaX3dhiG7JW^aWu*TT7yPwp^<`6s1$9Y5O^oKBn~XaKWtwWljAQ z?Livp_A8arDkU%!5-|OX`=M`_8MKwZ@&*k!IWv51XB8mP5w^7jgg+! z{oBw_#_^>qB`_2c;2THi=&VWhJ*4T+}_Ne7rUS;N6D*^Tr zqocDvYi;~#(nYu4&gmy}N;8BpLOGsqZSgGksiB{&rAu^=Js*sVoNl`7mqlAM@w42^ ztQ0_NC9qIBn&=*F{H=o1ORm(PHwqgG<(yJ$i>6F1kpMb6Gv0rEsPyo1A#Jb!v3|$r zH>j>H*EN-DGZYd)M|;kRMrfZWy7)06ZEu>v{&}1CEa&BiqIk+QC4p31&v=M_r)%r6 zGwmoWmt&+kdN)(HIM*MFuY8}cJh#7P?@#5Nrisz6(nr=TI~~1LW2w>0+ukIb$4K5w z-cPkJE9kn8Ks&RpFjg>K?Lm*ry<3B-t9HH!WBPcHC-X;6KcCnATPcf~%gGry=;lJc zPp)gSr?5l!#|bwJKNX%7*cbCv;Y8teS`!x6tEHX}nx0C|v5Y51%q#s~a5_3`?iuQ% zO7=?zE%o+@n7xFI1yi!1&OBXsLcp%!WRkwJP7!@QL}#^dmU_9yW)ONpE1)z2ZXD+&h)-w|r*W?E0V|C?~K>fKQmUpcM}sxFePt2?&WJ>OA4 z=KmFrXRN?kj9r>{TGm|8smizVW{?cjR@6G*6r2G>SDd$oH4M!VD^t?Ov^Ze5{IIRmE zT?XIn<~6QZ3~qj2=Z4b8rN{F3>Gv8!)U%AV@$9v-exmZkRqguf%HPKY&gysjv+{JV z5gO;VY$23qT@_QwrF^?GlPv#7aBUprbpmbG^v^97WLOfgNdR<4S8Sa72zLtZoasjN zaG)@Av=?lI*;vc^)LU z?qr?ob>W_-u)9EGG3HHt7{ZwAa4m;qN1t;6b zb^p%kvdMG}!#O49&8>at&oA?ppAmkM%A?C`E3VYnds8>eEZh5P1=TOf#$glPzb5tj z0NtN=;b-jm`*rW^fWOuK9{9s1+9eDZ#~2#EQ((_Oc8LcBUmN^j>Fgcif$>>sGfgR! z^}*tDqpU6zc0fjIZ`Raxy0DSP4m`U{plq<$pOSnNWZ2mCu)TbPt>OziU?K~~ zJzYXa@|!x8`Dgl{&>j>hAKJp>8S|(6uk`Wx-EL02T0PG-85fb4DFSDsk)L)1GCtj{ zS;6M8JiCcURdn0<0=mzzbp?Ct{@Vim=&UZZ^Y1Q=?^qYH+`2B!3njJ}>d;G5 z{ZPiZPYZ7o7&E2Iapv@Re1(3Zn><5Lw-DOGkteh5PO>r4iQ?-oLOKt_<(@q^J0n-x zgyqedZBThv{;_kgw(PygLj6pB-y`%0)Q!l=l_~8#`pbL>ZN8&_No~>?{ca1#TKHt` z3;h-M9ywlz+x1$N$yoaTGup7fKbQsX>_#fX1BGjZl>~J5Ac3{Y)S>8Zx=eqm-}DD= z&Cn<5w|$>>FnRWg+nv8Fel{1^(_Pi#*7UPZWF zI9H&){HNf`^M7@ZJ%56b?$_bx144A^F+N%}xPE3apTIg~+0X>Xd#kT6DeeCRO#d5- zi!sBnu|+pq%H%b{Ubt7T3JdD15ztLqnqDZ*4C zD_`o)#Tojm`h5!RYfqc(85ck3XotXe z(l+RwAFcaKgl6M+;i(TMFi*mq-m+}hM~3QukJNRVK>w0D6kF$|!Z~_|ZIt%g$)?`* z{8_U3Q;)Wb6W{0v?^&N`9_r<<-ZS2T*}@i#XLOC`=vx)t@fnx#@Az!>=K}Kaq~gL} z9kDKES#;PhOqLU)H|dH_qL0va5SaI*PTWmkELpF7c!r;M32kM&LtpgHF~0boFi;*E zc}~8+AiPcU|08sbZOkd1>4pbk{wXHgyna(7>AEoUy3US9T7BBa>mwR{e@sUuOUd;# z;b`PIGhVwqL%(NF>9l9muTCEIuJ@?^T#Y)ko!TApsJfjzlBat77k$RKUQJBX9@`8P37s1|*Ms=Yb!?|}`d0St&LNeUg@;NcuRM&fi?Nq+& z==x(}pz>pka6EH4-KqMc9r7*xK|cX)!|#NF@-onK`hkxKM@eR8|3Uv;I`#5QU6-_7 zCn)@X1MuQ_yo-7gS^gHe{HzCRNv?wk`e9tx`L}W zZ%K5QKF(i+v>fv8k@G%;pD(ndo2&k4>io~`#jEf5iTddVVb|Gbn5`pXeJ!>gzA@Q| zqrZ-<^gc6Ba+8oJ(?)2_V|{}7zx6(~8^iou1KzdCT5GR7u}d13xf6SK-eM@J+s? zPYNHq3qJKg9*=pnA1Uq)iJ$jqI6ISh-0rc)Vsi5P?Ye$fVC?h;;Ta)M4q4jg1=LW=G)+;TqvKfxgXbfjQuDm9db@J7hnGI)Ha3;o%~sm6d6uzZuU> zk}b;i>9mu5rO5k|+9Q9s^21!_;j_-M@x;}-zhG)?r#V~qK63iA{Ou&zzKbG!45eT6 z1HiY*L*pr3SCk%(;fz1%;B4tL`ZO5MrJ?IKLZ9FxZy!HTDXupQmWRRMeK6y!>{W{Q z#owZQU^DuV@KFIf+umv?uthy4_{iff`Cpl~g?azs<}N!iif&%q(&Sr;i`k*ea^kKMXjKrF{`;*`9 zd9CXogY`iyrn4Aq~XAUEaNp_CI1CmEt z_pn#~UBvZz;1?%6r>wBDM&>1D@-;Wud&{yZ(Hn54lS#pjE{0cuEJKr(?Y#+DDvzX#l?8TY{5gB$69F{Z}I-D$1?e*-Dls; zybQfw{;>(zy2)DUmGs6WKzq+QX$#`HF5kJndS#Vdxuo?m@1F7SJB79zJCWy;kG1v#8-14d zV?^6hV4R+PmiL>!D|Xa~?*x}FyaZSW!dxse7Ct3lyUr_%Mrha!Ru-a}Etv21m5$9} zOtL*6Kg#6wull{Cz?_+HU-UQfyNS?NdzO4_khn)}3VpS2A?qCWZ>q8}vq&cWTRwWcc!2YYaPltANLbnz|HcnrndUv|zVPyc*r z_bI-$1bYt}=P*o2z8RRTSDq@KvU#{Xk--Ui#=KGXdEV~{RxhhhU%J7S0Q-{ABlXpo zbHBl}eDcaHOQSwwZ9rShJ;8^tn(%EQ%_}|)UjQeXSMQ%jgEC=QIF?&2d&KSvYr<6Ldag&PCq~Okaqo>6yGY8 zEq&8gIlk4I=+jxcW_8fnMc=Mxi*lZ4{qy^wM5mpOVqat3!(PIc^k>R`>fn}cs$O6m z@l7GGoEo8F*FTtk+(j*%J7k_h7^}2z%gM`?pNr3Pp>N}xr>EujMB!Zm_32>(`}F=T z@QobP-N7xTGIq}PH~VzF#xkT`pYw%Sw_#^c4z{Fe7f4IkM93Qlo}hf9zjq71I_msk zBc*Rev-b36uHM#DM&Wc>y5rW~m+Tv;@GeN1stubKV~ri@sB znDkxF&f)(FJ!8En>zzW_Fn*G~yL zSW zBc=014)5#>Vc%WWW;zh>wVofTxXN}uRhXtfN&T4U=6K2IO5r!c-v#DO7)w7d+%6oV z`qpee?6s%-d>l6S8L?e|g5n6#Cb}}dRPixK?#+u2zs`?aE2H>#6Oe~Xm+OCp4-2~r z*=K2gMeZkaPAuh8y7)}eS*&GJRs+X#$tvd2Wd&vKu=UY69}<8>w9Z!{?5xoYoOV-YRzIExp5R-aC?J&<=bm}Xv?V-NZW z@m~`7tSH8i0&|=XWcYnpd09{WckF8SW}fBo=tFx&@f<0%bPlbZ>drJT^d*snFiB{% zfB0vGeJ63v@Eq%>&Zd5!!eU$WDLWrO_e*Eip^YSsP)__Iqc;eQ&(eJSSZOhTNuTG} znP+K#MeZ2`Y$kZOO`-DHj`1J|VM75sV-Y!K{eDH^OFEsCVspoh>_>wq|*EJ+a)8{riQi?9=7o zbI+LnKp~oaf}dpFT(rVaz9Hsj9G}>KtR8}&X5Hoe>+w!gd@c=leMB_YA{;3&H{|Gz zUTMqX`K187H=FmN4xiGI&jye!WpbbTY_xl3H}%OM{XDG&9jP#L1M%Q=WBT0BYOY)H z>v+GW9JXTBrOcauK8MG9WP_tG+MV;v@lxc9jbJCCZO>+DN|*%$+k8^oj&%l-FLuID z(-&kccI77qX2^J;JmS6{^M6Ikv!37IDz3K(5o=nSal|2DFSt+0rg>#zC%!x9S=O)5 z@1H6j`VOU&1m+}rI3qKy26HNFP$!2uK30X=vc!p z36I^Fv5bq`T_=jhv!`;NIX^|N^y`^#EuAFL(?1sYfMn8ae>7bVQ#z-{y65vv4C-CV zM8MAakdTh6nfn(N7whGlvX>HGU=C@KkmiSW<3j>-#MyOFX@5oTXR~iVq)lSDE4yS% zeYc^mj|oL&S-*H}+44-S89hw# zWb639iuP7vrci{ZT7DTXogkEb(NsZL9j3Nca+w@R&QAUpDQ>f$_?*#HITL!4*~#w+ z$P4Ymq2%)don>0oaXy&BgDE*YVGl(|AI^E^Y7+yPHszI zJ?kwegw%J1HkNFD97xub%U^`u(T#48ekuIeH%;UGVTa7Nt3}E>>-RzNVRPS#w~#ab z<1zi!3Y(3WIj7@yfADWGCfCiCp@b!g>Eu$c%$$;fp?BRJ8Lqiv%W1H zt@2%+`H30QQ{OXXEA4E2-rctpPopx`2w4Z1jkD3;PbjX< zg+lX-_!l-1XxFo8za$#+&(a(HjlAA23=4;z8R9bALVRB#{9UM*f9gPVcr(h{_j`tn z3%dI4PzNYHvagp;k!RmgTx$#db*Xsoj?b8%9gq)ro~bqlTfDc!ufX{4k3x}rH{zG_ z-B}nGZWev@SUyKwI5N)}SGrnWp zpx&eY%Zs-W8ujv9iQmULnaKa10(D#?X%-2Ct<0N0pF9kfAJa{hr}T_Arnf=aEKpxz zw8DCSx0iLi^c@vuSK&_$rkhtL*tIqh*qiR<(CKb?kG~z0wfW?w;Y+(h@*V5LgxiB9 z9u60<3;Cwes6YB_I|yy>=+|EsuLGXagj}%Q?LmI|KC_Se!}_KZe1CzppbMHvJFkqU zUVc@qqpaZ@$W_LQ@m|aC1>^-i*lVEldCvGve!;|m>F3GD(dbXmuV`zRYF{=Mua7q= z8`h<-LY}92+6M8P;LW-|B{=ytdwo`MZI{IDRR&3&4nH3g81pvEgA0F+4+F`0YNS6e zVA_s{yzB3k&Q?NOySe=~W9BEDoo}hEOYia=SKHa4YLAn(&y&PM$Tsd0#XFk5jMh30 z=qM}dG6CDqZ9-nTHbQ%9z{KUj+WIqXjCFm$wCnN9IvDJVZS9hA67TM*f#h<(;#r4$ z`>vTyY^CtPxa&tkJ-HTn_JZPimtb~EpMvN?pW!{86K70OB)wXG7yG15Jua-MH17(O zZY_Qsy-(?2!)a^h#!KS!oIrBHeti=4BI6a`v#jUntYou&$>yr?*tDD+o4wwmJg#DO zsZYODJS%PN`eSsxA`l<{_E7@T71k8KA1K{{WJll1)@J+gH&lL7b=XM(NVza^ac*>lJvIG_0NKjjGOiI6Q#2j z>9)IL44$l|JVpHeUqJa>t~1!iu8^$qT6&lfjEh#S_2VcTo zLdZT>J)Xa-Jg!W-A)GsZCZm_EO~Pir(nbAxW@m8u^t;l0rPd-Hs`x_MuWywcR-?Rq z_o5|zQpyY4-IGE+ITv|G|6>QiTTiV%h}(T^H1~M&LR)mVU~@S0J=&1exxNP~+`m23 zDU$a*zu36Yp{87lcay8?JnU!Vg=qrs_I<*g!ui5M!rJJugKy#~-Cs>{+$!YdsSz6b z{xRz6%d`*Pr=I7WQTErIr@1PHogjp?>wjMF?-=V-h^K+v!jm*-Mqend12z&b)a|wU zAn^GM;dH^qXyk*u59B7!jNcoD`?wG?zxB%OX7PrNtzk!b5*{cn)_BoZxj}eQ$V;2| z@4LeLwHBSW(!%;OFi*A_4ue5)_sU*wyY zX8m2G_IVWbQ=`s}AEYvE-t?6DP9MiQB={BID=7Tso@x2;L)&*M zaigR3Iepx8y`#xHbELwDZ2!KdcvrEu!?UkweJ$~x@DqOnIbOfNs(4#P^ijH+9^;3y z!=C2rtWOcw540OTG7aJ9;yGul?(>vEHZSmOi1m!NgEq4WU(^=|kbZY}Hul=TT^T6s zTLk)VMbfP2_X)+dx!}EC&b^}wGfw!1P%r)>&#>zsB1E(GZSkVcWJ*0B>y+swaZ!Kz zjt#SE^1dYbofgdz^#P6i|eUCuBI8b_d&#^6RD44!y<&yW?_V`Hl zJ@LBq=?$iv#|yMsU3zbk3G1zVoasTV3;QZOw#Hg<7o|U-xUdO(&*l5@+o&J(b3uGA zZco5G4kVMaNca2(b=1bT@f!78n&6qf_e5)Z#D{NRFjbdsrtraj2hL)yl~=$J}+aA%L3+cAlaNqy64Wx<7i+SVTB!q zX6GD!qd4AV@u@!YajgBE%@`pbvz@H4l;=SC^?iPo;-bIn{oP;dH^%bVS>b&9eo~$F> zFElF?7oItky@hDH=h?^bO#h&JvW)?|0`dY+)90M3`iuUA=h$*EbUA6eMv0%V2hN|9 zd-l3m=^P+5>t*>MH@OzC1`1pvxIHQrY^TOOAov=AL<_>&Z zsxEz_`1o}|UVf*z7$17CclF`7s2}=;0{t1^d4fE-7NNbQw8oR~MxDtlK99Rdy7l~i zQE_7b_b!W6zm&PGuL||zFY=6c_;BnN7k}DcLhzH=9?wwt5bcZO`3l81Mu@Q44}~Lb zf%%h=ZI;Vl-t`5gwH@g;>If?wCWPt>{zGx?Z}EE8UGQ#pyO@_f6qbDD<+l;qL#j(( z3qQWLkJLM}zQX+=ATKW}u07#}GvtQCSzlv32;J}a@$Q9t^)ZoOa0dqaPp`nX7%_59wdKKQEW z3jK;!JLQA&#!kpMt{$JEp8ZVetlvyt6`uYH(l@RptB~}|CC3q@+l)*2rtG#7o)$v!NL<9}trxU?to=#a+T#`WzXAEVMmjeZ zz2mGhABW$B|DAOGeL!BGP+Xf6H+`a3InonoGa1{4D(8CfOtn5-lXpM2+D1EM0 zIHgG$({~AJhpwlipC(QAB{b_&#f91eccL2TEf9X$Tf(y@=O{ZBu(~Q zHtXn@PIceRm>7LZ@iI2Am3C43mt~t=3Hv1LBYoT@vbkG-Fy04qQ$Svj+mS+{x${(; z|5=5lKUq`;wftYD`houLppWtCM_IlnMn?tCL#@2gZrQw}PnrApnb|+aUsG{oc7nDisGF|(lsE8v9J zb*w$6T@zMP++PZq7sltuQI~dkerKDErP|o775D9 zWy7KGhmqIMX>2iAc74WX$X{vA2*`UjFX`WR>Af2}80`c5jg$vKU*eAe^Yf_UdYw?n z-a@~0mio#HcTPZFkY$hTw<9S#UpXdcFvAP&GwpP`Oq#i;|6q3gBJZ%zyXE{S{%8hg zvQ3N@2IRY5o-g^p?OM;{`7Id7r_c3@3c zziB_}$)(6M=2~_UyvNmyE#XJ&_8I3~8ITvoVW-W~m;fF1oeT3RPv?hvTJf?!G9=&i zwVdYxP5u?;TJz9zX>)L z?hVLqt$ZL8v+w!x*QmdFjGyAV6uU3>?^-++rQf8uRu;V1>!<9u*c@&M$P0akPtup5 z{qS+r4Lz!NllA(iD11n}{?*dcvDEE~H<%+Xfp-!6aMAKA>i;gi6D#pv47N+v7v$~k zfO&gaaUDcC%+~jCd|hh%w5!7ZDIh;T(!02k;`7!E+5pp|3ATU!!GOFlKeG?Kgse-G zyivFPTqvq@Mg7mGth63s&>iCyY^F*6-mfeDx1#*k^8X#hwKj2cwz7}2v(u#4I=2U# z!-9ak(BGcS+79%>_k8_x+ml<#jby= z5Q-P<`bSVt&r>^7epd?$SFpey54!{K*pN1d1+q_$;yv))7nkY}?I~Vf6dI93UYH*!uGb1d+I->>-Xje5 zy1ZW~jrB>dmCn}8(B{YIBXleMJef91n|h7DHBXyKz2xJP_7$0jwmHzpeFr+~+uz4N zmtc&-ULH_3ynCk;H*#raE`M(SdZ8l}=PLnu%qw%o!`Qf5?h;!mdhtf#*FqkDjnJM` zT-yuYdO_y95<8{B9W8{kIozOjV|@UPGV9yG?8) zKlQ?(qogm;-=M#g<+0J<^yBvsyzQm%$=+zj;R+Yp=5Vj#WKPTSTTdqLne~z7U;J#Q zaE}X($|4)?4~lDN<3;a5BM#n#RTW2XK)$kk@|*cwv*9(uXQ(jZ!Rf`vbsw^g{iuG4418b~a z2S2`Ttl9PDU%Ir8!rd=~k_~qK_aXapwAZVMqu)**guR5p9Mdz#JJ!-_f$e@E86@p1 z`DQ)@`GqPA%9Zl9asEJj@Z5M|JfO9p3K!bua89?*hGhKYyY_g_H2J4(4Sx>cH`G@j z2QR+%59EXGnK0t#Y#~%R<;6pvWLsfK&#xrUxJum>e^21*fO)5VJem4J->&m^Nf}TM zZxlk>9G+2p+Xyz_=ED$k`S=&;|9wr!E6+w~^sA1fz4u*L0KZmN@mbxs2jnG>|Jzj# zD=Ce(aeS)_euTFPzZdfOZiL2ogK>w&@0(#Oi@1M!roz(hG?I2+mh)JoS2VG zowxFC@$uJyy!=pcZ9v=MQR!JUKQ(_{P70UH>wnk#zII@a~<-o)z8$?6UP- za*jKEd|C+k-e!6Gt?JONXwQn2Sv}rEJyX72S!|(u><(Gp8~u$P9DBIM@5^th-Z(;G z7YF3$D~fAn%Am*h`}9e9DID_?&jsX#z6^aD>x+3S6r%^yogk~ygJ0_#YR z%j9seDh_w;e%F=(WJQhN}be@?XXEY3i*7 zr$`4p^px@UJdNYvM`2G8LfZAOlgw9i^<}zDIoC9yzg1~s6LR_#`bvI|rG1&F{pIcK zCUFqO`p^o%%skt!LbF;2Hl%D)u zaWMxRF@|!Ec`oK0gwc9-Nx<~-_y}Fcop6&gj`4YJ;k>!ar>_6 zWWFbPXRtZU7V_lVD6R8u^(Tnm*RG$M>p57w(0^+*?QFQa71tU<<()D6taMbgy@ZhE zkWCwV?NOvXPx5Z`8)2=~Rja$GUt+s{$n`ah!%pQL@UaQHJR`dVp=}P&D&FlZZspg< znY|&F4P)$^g=~2@`Wrnt8eXjLtGbf-l*R0L=ku766{0~Au5nVh1*(dqMp7Cd)8Clm0%bKuLkGjdqIlB0GpWL^XAMtNx zq3i2~UkLT`TjUw{tg8}2rT-_f*)BV_odmj8AfH>3L;@-vk}H{!GZzg`zZP(}$m;VSW97NpZhc zF#YuHhv&(lU1*$9K_6auIz$L*Z@EM9G1uw6SCTnH#=Qb{@D+k@xeVlwHsVC%MQsOX zRQNc~Mo89;vDSmRfq~K)==tvz2mK)4U+xF;U*tKqgNuZ<1be@h1^uL)nCnRL6nY)y zV#Rwnai1&re#5w1ZE`ZEdyB%dW~E3u)${vv#kDE?_}XvjAK+i0-0u_W#qaa%amBH* z&M#$5d8`m>-8uF1X_DK@y2f?`z3a=8Gn-vp7VlObL$0HINOH4w$5$`T)wl*7J%6H= z<8<-kQ}(`orky8S2IK0hj~=)Lv3J|LxwxGwF7+$*0lJzR9#9P^_3=gLBIDC+?p>t3tGP!<6kZOQSi+deKN)mpAahRMBsH< zc9fg)3$_<1OJ8{n1T9CeVH}Zlpgz+eVq7mkR{u|6k+6^S)uD zS=Jrv*qFy$*lF@RPclf$x7qu->Sx;d2-9U_@^Q}QAU@U+LfRZC@An9NOTf#$IwH2a z>m1XO3O7-pjV&URd*y#q!R+@gQD@^y)z#=N`pWu`Hw(K6>@CTP1<(X%+?_ZEyH__F`YUpL2W8I6}Q;pwThzIQ1Mb<;)r8S&s^CTzAA<@+n zB&U#V>@|vSEVB0T-n!10lFiBXLV1lmjYJ2Q;HUGZvr57Wmr|8U{xJ{OPKP-f7WAC!E zquf0ErLK&Ve%ht_-RL`#4TsHvIbhQv-!-PF2k#Bvig97N@(sna)mKctQ_)2W zy6_U8CXkz;iZ<2NrwVtx5Mqr7{Qpk+zd5{=Zum*Sz6U1VIQe<2^Ey?I zjp}4xxE`IuGm`g!v!{KWTmPbQ2{woC1mfqf(oxp0lx~m3=zds4dLErIh+Qv0fMlump|cu8=2*6j5j>D!v<9Q_I(XX`rUS9R)W@o`}j zy!>5Z_Yu793qJgneuhQ@Jz9HASxQf7V{a6i)lCZ1X5>ZvR;g_MiG6e=l4g_xs4Q`*<^hr#W`Z8r}2K$!xXmY9zE7R z6`D)%;j8pBv=U&BoxY>ihtbAfAk@>lBG0hvPiEbP+3G##5|chDbK-8_#d97!u`XqS zu)bh=KD1ITQx7cxJ2zCir1ITbcv>i;i}n0IrMTWKSf9d|Z`N#}*U7k!wZK;j=xTZ$ zGWX2$UoPyXelKh5Y#ru2&-cNXpVHsZOMvtB(TQYF@7XHrdU{v%*+TUVN6|k-hkPA= zT^QY?f6QSWD4dvpao!sR>VNBdmi2|f2{`t~xkWQ^cy~uYH8*$7>9Y04r%8rUY z9&_FBICry=yp~~VOTdj+q))6xzgO_p!GZi?*MFZ7EiCvw!`j@IPnK5+P*0&t!u|rf zHIV-KKL3K=0qZ+1ud*%k9YzAo<(rK%{OQ(#$Ng!31VuQyP@2iWo z{9$k3LMUA+fglpV)`LDJn5-*vo3-@MhyHDaUzPYuS4tq11XA-n8%nnxX;Meeu(|sJ z>!3pAql{f#|`zD#tvkpO$2fv+;C}&85E@jmxDkj>hNG z7dh@S@w;S~Wayov;%GATSEGcT4E>d;BiH}pB)3a4{`+dsE9_+aSJ=tWofIAmX1|&agNaM=nPxxjzpr2VRr%_5x=B>2csi3; z#ZpMo`<0~1|Ev8?62B8? z6yG?y6Z0!k9572?6vYWSdT*j_y-7QlrAHZhXUxW{qECS#=f872zm_b{(vz32PjvI) z{3i`Xujm~FOz4R?i9SQe(~?)98^@i-m;4!hQ4M-8bQ4gg`FthGJ>+V-@ngxxf{Xnt zJ5!VZxr*YTRdh=>O&0tr^9kG|nU*{iz#y&eMOcPH(y+1QiZ!Eaje?NUhUy3d{n)b=lSc!yt^Y7@rD%=d+ z3Q6=Sk~JD?{#D$LZe@_A_bF;rB1JdlSR~e=Pf6lYoJOarr;Ht4JQ#h6QiMJ}@h^JE z66b2sJI#~+T6rsI;%d=*EwQEji>^!>UAI$QG$>Imx&*qk|5%`oUWsOj=*pha?T>pB z3p$ssEG*9x2cnP7qxaRIn?Q+2l1lW%;;BV9fiC4g>L9qKn~q04ZWE~U-x2e!v__dgp(`Qf zJa($LbLo95TzMOx_1~xPwdnHOk>h`gqxVH|9YV^zQb}Q4r{e32s_5hOdu$H9BTb(Y zvrjzGM>+o~`ZxrdrOWTQ#nKPxy;1*rA^O-f-J(|?1v&!lO#BIZ>V(L0T9g3i#57X%8ulRvm5O(W#c5hz}{;2piTLhKbGhdzF3dR(}Dc(01best8L zqc|D=@PeS1qW8vvPSZ_s`eH%%(-)1a&|`rn`RW|Sjn(I|Kut`_>$%OMSi924%oT)1Q9lg_KLO1<%6Lc)le!2;|*9kPCtE34w zr7x8U2nn4uEpt;kqlgGZuNG)Ey`s6}Q*_-{1nTJ0)bv|q^*Ql7x-m;YK>{#(pW~%h zd}QdBi4=Xj;;#~@{OdP8q$)b~wxcT@d*v+?qW8)F6#1|4B9FY+RrKCipwM+|{v9vW z^VH|i6-~9EMc02<4afC70p&Uc{8tH@2k?jMlsw?YDjuW9-3QStRe_OFf4N@KT_$3> z)JLu_Rp>FD;*IGp6KT5AtW*Uty~F%FUdAiJ*o`;32~>oRzJ#3g4n?n21@GA#>zuyB1?Osz~kdgSp6LP)?ayw1=?x- zfiyi9=pyvCLhjexxE`xK=#2$RcB=gM)utoRrTiy?&ZAT4OVLfxolDb`LSM?i(R-Kn zp9mDOSMd*B0!3@8=!u5r()G%BEahLJJ7RlPbv*htZppdwo{7H~y18oqeFf + + + + + + + + + + + + + Parkering + Indgang + + + D + + + + P + + + + R + + Reception + It service + + + IT + + + + IT + + + diff --git a/images/SdeHandLogo.svg b/images/SdeHandLogo.svg new file mode 100644 index 0000000..aaf1812 --- /dev/null +++ b/images/SdeHandLogo.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/images/bruger.svg b/images/bruger.svg new file mode 100644 index 0000000..2db8f36 --- /dev/null +++ b/images/bruger.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/images/colorIcons/Blue.svg b/images/colorIcons/Blue.svg new file mode 100644 index 0000000..b24be86 --- /dev/null +++ b/images/colorIcons/Blue.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/colorIcons/DarkBlue.svg b/images/colorIcons/DarkBlue.svg new file mode 100644 index 0000000..8727d9f --- /dev/null +++ b/images/colorIcons/DarkBlue.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/colorIcons/Green.svg b/images/colorIcons/Green.svg new file mode 100644 index 0000000..cfb5b19 --- /dev/null +++ b/images/colorIcons/Green.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/colorIcons/LightBlue.svg b/images/colorIcons/LightBlue.svg new file mode 100644 index 0000000..d925e7d --- /dev/null +++ b/images/colorIcons/LightBlue.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/colorIcons/Orange.svg b/images/colorIcons/Orange.svg new file mode 100644 index 0000000..24fc273 --- /dev/null +++ b/images/colorIcons/Orange.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/colorIcons/Yellow.svg b/images/colorIcons/Yellow.svg new file mode 100644 index 0000000..f14420c --- /dev/null +++ b/images/colorIcons/Yellow.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/logotype.svg b/images/logotype.svg new file mode 100644 index 0000000..5715c67 --- /dev/null +++ b/images/logotype.svg @@ -0,0 +1 @@ +sde-logo \ No newline at end of file diff --git a/images/maps/munkebjergvej.svg b/images/maps/munkebjergvej.svg new file mode 100644 index 0000000..d3d40a1 --- /dev/null +++ b/images/maps/munkebjergvej.svg @@ -0,0 +1,504 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Munkebjergvej + + Munkerisvej + + + + + + + + Billedskærervej + MU5 + 5A + 5C + 3A + 1A + 2A + 4F + 4G + 4A + 6F + 6H + 6A + 6C + 8A + 8C + MU10 + 7A + 9A + 9D + 9C + 11A + 11B + 9F + MU1 + Mediegrafiker + It, netværk ogdesign + MU2 + MU4 + Kantine + Frisør + MU6 + Mennesker, livsstil og sundhed + Kosmetiker, hospitalsteknisk assistent,serviceassistent + + + + + + + + + + + + + + + + + + + + + MU3 + MU7 + Konferencesal + + It, netværk ogdesign + MU9 + 9B + Odense Teknisk Gymnasium + Odense Teknisk Gymnasium + MU9 + MU8 + It, netværk og design + It-supporter og datatekniker + MU11 + Byggeri, energi og konstruktion + Ejendomsservicetekniker og sikkerhedsvagt + + + + + + + + + + + + + + + + + + + + + + + + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + Mennesker, livsstilog sundhed + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + D + + + + P + + + + P + + + + R + R + + Skole praktik + + + IT + + + + + + + + + + + + + + Tandklinikassistent + + diff --git a/images/maps/risingsvej.svg b/images/maps/risingsvej.svg new file mode 100644 index 0000000..51ffc9c --- /dev/null +++ b/images/maps/risingsvej.svg @@ -0,0 +1,262 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + P + + + + + + + + + + + + + + + + + + + + + + + P10 A + P11 A + + + R + R + + + + + + + + + + + + Hovedindgang + Byggeri, energi ogkonstruktion + VVS-Energi + Tømrer + Tømrer + Byggeri, energi ogkonstruktion + Byggeri, energi ogkonstruktion + Elektriker + Maler + Byggeri, energi ogkonstruktion + Murer + Robot, teknologi ogautomatik + Robot, teknologi ogautomatik + Robot, teknologi ogautomatik + EUX + Kantine K4 + K3 + Pavillon + VVS-Energi + Smed + Automatiktekniker + P16 A + Elektriker + Industritekniker + Smed + Café + kaptajnen + Tømrer + T8 + 12 + 11 + 10 + 9 + 8 + 7 + 6 + 5 + 4 + 13 + 14 + 15 + 16 + 17 + 18 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + P + + + + P + + + + P + + + + P + + + + P + + + + P + + + + P + + + + P + + + + + + + diff --git a/images/sdelogo.svg b/images/sdelogo.svg new file mode 100644 index 0000000..5715c67 --- /dev/null +++ b/images/sdelogo.svg @@ -0,0 +1 @@ +sde-logo \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..d2ec605 --- /dev/null +++ b/index.html @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + Syddansk Erhvervsskole Map | Home + + + + +
+
+ + + + + + +
+ +
+ + \ No newline at end of file diff --git a/js/ElementControl.js b/js/ElementControl.js new file mode 100644 index 0000000..bdf8202 --- /dev/null +++ b/js/ElementControl.js @@ -0,0 +1,128 @@ +function ToggleElement(elementClass) { + var element = document.getElementsByClassName(elementClass); + element[0].classList.toggle("show"); +} + +function ToggleDisplay(elementID) { + var element = document.getElementById(elementID); + element.style.display = "block"; +} + +function ToggleArea(elementID) { + var area = document.getElementById(elementID); + var areas = document.getElementsByClassName("area show"); + + for(var i = 0; i < areas.length; i++) { + areas[i].classList.toggle("show"); + } + + area.classList.toggle("show"); +} + +function CloseElement(elementClass) { + var element = document.getElementsByClassName(elementClass); + element[0].style.display = "none"; +} + +function CloseElementById(elementID) { + var element = document.getElementById(elementID); + element.style.display = "none"; +} + +function GetAreaPosition(area) { + ToggleArea(area); + ToggleElement("area-choice-container"); + start(); +} + +function ChangePage(url) { + location.href = url; +} + +function AreaListCloseAll() { + var areaListContainer = document.getElementById("AreaListContainer"); + var areaMainChoice = document.getElementById("area-main-choice"); + var chooseArea = document.getElementById("ChooseArea"); + + var areaForm = areaListContainer.getElementsByTagName("form"); + + for (let index = 0; index < areaForm.length; index++) { + const element = areaForm[index]; + element.style.display = "none"; + } + + chooseArea.style.display = "block"; + areaMainChoice.style.display = "block"; +} + +function LoadButtonAreas() { + const areaButtons = document.querySelectorAll("button"); + areaButtons.forEach((button) => { + button.addEventListener("click", (event) =>{ + const target = event.target; + if(target.hasAttribute("areaLocation")) { + AreaListCloseAll(); + GetAreaPosition(target.getAttribute("areaLocation")); + } + }); + }); +} + +function LoadAreaChoiceButtons() { + var areaMainChoice = document.getElementById("area-main-choice"); + var choiceButtons = areaMainChoice.querySelectorAll("button"); + + for (let index = 0; index < choiceButtons.length; index++) { + const element = choiceButtons[index]; + if(element.hasAttribute("id")){ + element.addEventListener("click", (event) => { + const target = event.target; + ToggleDisplay(target.getAttribute("choice")); + CloseElementById('area-main-choice'); + }) + } + } +} + +function GetCurrentDate() { + var today = new Date(); + var date = today; + return date; +} + +function EventDay() { + const eventButtons = document.getElementsByName("EventButtons"); + + var month = GetCurrentDate().getMonth(); + var day = GetCurrentDate().getDate(); + + for (let index = 0; index < eventButtons.length; index++) { + const element = eventButtons[index]; + // 20'ene November + if(month == 10 && day == 20) { + element.style.display = "block" + } else { + element.style.display = "none"; + } + } +} + +window.onload = function() { + const choiceButton = document.getElementById("choiceButton"); + const mapButton = document.getElementById("kortButton"); + + LoadButtonAreas(); + LoadAreaChoiceButtons(); + + EventDay(); + + choiceButton.addEventListener("click", (event) => { + ToggleElement("area-choice-container"); + CloseElement("map-choice-wrapper"); + }) + + mapButton.addEventListener("click", (event) => { + start(); + CloseElement("map-choice-wrapper"); + }) +} \ No newline at end of file diff --git a/js/image.js b/js/image.js new file mode 100644 index 0000000..96158af --- /dev/null +++ b/js/image.js @@ -0,0 +1,22 @@ +var slideIndex = 1; + +function plusSlides(n) { + showSlides(slideIndex += n); +} + +function currentSlide(n) { + showSlides(slideIndex = n); +} + +function showSlides(n) { + var i; + var slides = document.getElementsByClassName("mySlides"); + + if (n > slides.length) {slideIndex = 1} + if (n < 1) {slideIndex = slides.length} + for (i = 0; i < slides.length; i++) { + slides[i].style.display = "none"; + } + + slides[slideIndex-1].style.display = "block"; +} \ No newline at end of file diff --git a/js/userlocation.js b/js/userlocation.js new file mode 100644 index 0000000..2a4c7a3 --- /dev/null +++ b/js/userlocation.js @@ -0,0 +1,210 @@ +var radius = 6.371; +var latitude; +var longtitude; + +var check = false; +var accuracy; +var mapIndex; + +var mapPoints = { + "munkebjergvej": { + 0: 182.84810370036618, + 1: 141.11583965948455, + 2: 1135.02004895843, + 3: 626.1412432644905 + }, + "risingsvej": { + 0: 0, + 1: 0, + 2: 808, + 3: 692 + } +}; + + +function start(){ + mapIndex = document.getElementById("mapIndex").getAttribute("value"); + + (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera) + + + const isIOSSafari = !!window.navigator.userAgent.match(/Version\/[\d\.]+.*Safari/); + const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; + + function isMobileSafari() { + var text = false; + + if (isIOSSafari && isIOS) { + + var r = confirm("Vi kan ikke finde din position på safari. \nVil du installere chrome?"); + + if (r == true) { + window.location.href = "https://apps.apple.com/dk/app/google-chrome/id535886823?itscg=30200&itsct=apps_box_appicon" + } else{ + return; + } + + } + return text; + } + + if (isMobileSafari()) { + alert(isMobileSafari()); + } + + else{ + getUserLocation(check) + } + +} + +function test() +{ + latitude = 55.407442; + longtitude = 10.420011; + + LoadUserPosition("risingsvej", [55.40900, 10.41864], [55.40577, 10.42527] ); +} + +function getUserLocation(Device){ + dot = ''; + document.body.innerHTML += dot; + + if(Device == true){ + setInterval(function(){ + id = navigator.geolocation.getCurrentPosition(showPosition); + + navigator.geolocation.clearWatch(id); + }, 1000); + + } + else{ + id = navigator.geolocation.getCurrentPosition(showPosition); + + navigator.geolocation.clearWatch(id); + } + +} + +function showPosition(position) +{ + latitude = position.coords.latitude; + longtitude = position.coords.longitude; + accuracy = position.coords.accuracy; + + switch (mapIndex) { + case "0": + LoadUserPosition('munkebjergvej', [55.38201, 10.40751], [55.37989, 10.41480]); + break; + case "1": + LoadUserPosition('risingsvej', [55.40900, 10.41864], [55.40577, 10.42527]); + break; + default: + break; + } +} + +function LoadUserPosition(map, leftPoints, rightPoints) +{ + const img = new Image(); + + img.onload = function() + { + var height = this.height; + var width = this.width; + + var imgposx = document.getElementById('School').offsetLeft; + var imgposy = document.getElementById('School').offsetTop; + + var TopLeftPosition = { + scrX: imgposx, + scrY: imgposy, + lat: leftPoints[0], + lng: leftPoints[1] + } + + var BottomRightPosition = { + scrX: width + imgposx, + scrY: height + imgposy, + lat: rightPoints[0], + lng: rightPoints[1] + } + + function latlngToGlobalXY(lat, lng){ + + let x = radius*lng*Math.cos((TopLeftPosition.lat + BottomRightPosition.lat)/2); + + let y = radius*lat; + return {x: x, y: y} + } + + TopLeftPosition.pos = latlngToGlobalXY(TopLeftPosition.lat, TopLeftPosition.lng); + BottomRightPosition.pos = latlngToGlobalXY(BottomRightPosition.lat, BottomRightPosition.lng); + + function latlngToScreenXY(lat, lng){ + + let pos = latlngToGlobalXY(lat, lng); + + pos.perX = ((pos.x-TopLeftPosition.pos.x)/(BottomRightPosition.pos.x - TopLeftPosition.pos.x)); + + pos.perY = ((pos.y-TopLeftPosition.pos.y)/(BottomRightPosition.pos.y - TopLeftPosition.pos.y)); + + + return { + x: TopLeftPosition.scrX + (BottomRightPosition.scrX - TopLeftPosition.scrX)*pos.perX, + y: TopLeftPosition.scrY + (BottomRightPosition.scrY - TopLeftPosition.scrY)*pos.perY + } + } + + var dot_size = 30; + var half_dot = Math.floor(dot_size / 2); + + function draw_point(x, y) { + var dotpositionx = x + 0; + var dotpostiony = y + 0; + + var bruger = document.getElementById("bruger"); + bruger.style.visibility = "visible"; + bruger.style.width = "30px"; + bruger.style.height = "30px"; + bruger.style.top = dotpostiony + 'px'; + bruger.style.left = dotpositionx + 'px'; + } + + var pos = latlngToScreenXY(latitude, longtitude); + + if(insideMap(pos.x, pos.y, map)) {return} + + draw_point(pos.x - half_dot, pos.y - half_dot); + + document.getElementById('output').innerHTML = "Din Position. Latitude: " + latitude + + " Longitude: " + longtitude + " Din X/Y Position. X: " + pos.x + " Y; " + pos.y + " Accuracy: " + + accuracy + " meter;"; + + navigator.geolocation.clearWatch(id); + + } + + img.src = '../images/maps/' + map + '.svg'; +} + +last = false + +function insideMap(x, y, map) { + if(x < mapPoints[map][0] || y < mapPoints[map][1] || x > mapPoints[map][2] || y > mapPoints[map][3]) { + if(last == true) { + return true; + } + last = true; + + var bruger = document.getElementById("bruger"); + bruger.style.visibility = "hidden"; + + alert("Vi kan ikke finde din lokation hvis du ikke er på skolen område.") + + return true; + } else { + last = false; + return false; + } +} \ No newline at end of file diff --git a/maps/munkebjergvej.html b/maps/munkebjergvej.html new file mode 100644 index 0000000..280c4cd --- /dev/null +++ b/maps/munkebjergvej.html @@ -0,0 +1,124 @@ + + + + + + + + + + + + + + + + + + + + + SDE Munkebjergvej 130 Odense + + + + + + + + + + + +
+
+ + +
+ +
+ +
+
+

Vælg område

+
+ +
+
+

Fagretning

+ + + + + +

Andet

+ + + + +

Event

+ +
+ + + + + + + + +
+ +
+ + +
    + + + +
+ + + + +
+ + + +
+ +
+
+
+
+
+
+
+
+
+
+
+ + + +
+ +
+ + \ No newline at end of file diff --git a/maps/risingsvej.html b/maps/risingsvej.html new file mode 100644 index 0000000..1c650b0 --- /dev/null +++ b/maps/risingsvej.html @@ -0,0 +1,78 @@ + + + + + + + + + + + + + + + + + + SDE Risingsvej 60 Odense + + + + + + + + + +
+
+ + +
+ +
+ +
+
+

Vælg område

+
+ +
+
+

Fagretning

+ + +

Andet

+ + +

Event

+ +
+ + +
+ +
+ +
    + + +
+ +
+ + +
+
+ + +
+ +
+ + \ No newline at end of file