1 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
2 <html lang="da">
3 <head>
4 <script type="text/javascript">
5 //Redirect to home if not logged in
6 //if (document.cookie.indexOf("Dynamicweb=Visitor") < 0) { window.location.replace("http://mx5club.dk"); }
7 </script>
8 <meta charset="UTF-8">
9 <title></title>
10 <base href="https://mx5club.dk/">
11 <meta name="generator" content="Dynamicweb 9">
12
13
14
15 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
16
17 <!--favicons-->
18
19 <link rel="shortcut icon" href='/Files/Templates/Designs/standard_responsiv/images/ikoner/favicon.ico' type="image/x-icon">
20
21
22
23 <link href="/Files/Templates/Designs/standard_responsiv/images/ikoner/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180">
24
25
26
27 <link href="//mx5club.dk/files/Templates/Designs/standard_responsiv/images/ikoner/icon-hires.png" rel="icon" sizes="192x192">
28
29 <!--Bootstrap-->
30 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
31
32 <style>
33 .hctrl_483 {
34 height: 200px;
35 overflow: hidden;
36 }
37
38 @@media (min-width:993px) {
39 .revolu_slider {
40 margin: 0px -15px;
41 }
42 }
43
44 .tp-caption {
45 top: 20px !important;
46 position: relative !important;
47 left: 8px !important;
48 }
49
50 @@media (max-width:992px) {
51 .tp-caption {
52 left: 16px !important;
53 }
54 }
55
56 @@media (max-width:768px) {
57 .tp-caption {
58 left: 0px !important;
59 }
60 }
61 /* skal altid være der */
62 .revolu_slider {
63 margin-bottom: 30px;
64 }
65
66 .tp-caption h1 {
67 font-size: 22px;
68 }
69
70 .tp-caption-container {
71 position: relative !important;
72 top: 0px;
73 height: 100%;
74 -webkit-transform: translateY(-100%) !important;
75 -ms-transform: translateY(-100%) !important;
76 transform: translateY(-100%) !important;
77 }
78
79
80
81 /* SLIDESHOW */
82 .revolu_slider_483 .tp-caption {
83 left: 0px !important;
84 width: 100% !important;
85 height: auto !important;
86 max-width: 100% !important;
87 margin-left: auto !important;
88 background: transparent !important;
89 text-align: center !important;
90 position: absolute !important;
91 cursor: default !important;
92 position: absolute !important;
93 top: 50% !important;
94 -webkit-transform: translateY(-50%) !important;
95 -ms-transform: translateY(-50%) !important;
96 transform: translateY(-50%) !important;
97 }
98 /*
99 @@media (max-width: 1060px) {
100 .revolu_slider_483 .tp-caption{
101 top:30px !important;
102 }
103 }
104 */
105 .revolu_slider_483 .tp-caption h1 {
106 margin: auto !important;
107 vertical-align: middle !important;
108 max-width: 600px;
109 color: #fff;
110 font-size: 36px;
111 font-weight: 400;
112 }
113
114 .revolu_slider_483 .tp-caption h4 {
115 line-height: 28px;
116 color: #fff !important;
117 margin: 10px auto 10px auto !important;
118 max-width: 600px !important;
119 font-size: 18px;
120 }
121
122 @@media (max-width: 768px) {
123 .revolu_slider_483 .tp-caption h1 {
124 font-size: 24px !important !important;
125 }
126
127 .revolu_slider_483 .tp-caption h4 {
128 font-size: 18px;
129 line-height: 22px;
130 }
131
132 .revolu_slider_483 .tp-caption {
133 top: 4 !important;
134 }
135 }
136
137
138 .revolu_slider_483 .tp-caption h1, .revolu_slider_483 .tp-caption h4 {
139 color: #FFFFFF !important;
140 }
141 </style>
142
143 <link href="/Files/Templates/Designs/standard_responsiv/assets/revolutionslider/css/style.css" rel="stylesheet" type="text/css" />
144 <link href="/Files/Templates/Designs/standard_responsiv/assets/revolutionslider/css/settings.css" rel="stylesheet" type="text/css" />
145
146
147
148 <link href="/Files/Templates/Designs/standard_responsiv/includes/nav/meanmenu/styles.css" rel="stylesheet" type="text/css">
149 <link href="/Files/Templates/Designs/standard_responsiv/includes/nav/meanmenu/meanmenu.css" rel="stylesheet" type="text/css">
150
151 <style>
152 .mean-nav > ul > li:first-child {
153 margin-top: 78px;
154 }
155 </style>
156
157 <link href='/Files/Templates/Designs/customfonts/Material_fonts.css' rel="stylesheet">
158
159 <link href='/Files/Templates/Designs/standard_responsiv/stylesheets/custom.css' rel="stylesheet">
160 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
161 <script src="/Files/Templates/Designs/standard_responsiv/javascript/functions.js"></script>
162 <style type="text/css">
163 /* BODY */
164 body {
165 height: 100%;
166 }
167
168 body:after {
169 content: '';
170 z-index: -2;
171 width: 120%;
172 height: 120%;
173 position: fixed;
174 top: -25px;
175 left: -25px;
176 background: url(/Files/Templates/Designs/standard_responsiv/../../../../../../);
177 background-size: cover;
178 background-repeat: no-repeat;
179 /*
180 -webkit-filter: sepia(1);
181 -moz-filter: grayscale(100%);
182 -o-filter: grayscale(100%);
183 -ms-filter: grayscale(100%);
184 filter: sepia(1);
185 */
186 }
187
188 body:before {
189 content: '';
190 z-index: -1;
191 width: 100%;
192 height: 100%;
193 position: fixed;
194 top: 0px;
195 left: 0px;
196 opacity: 1;
197 background-color: #F5F5F5;
198 }
199
200 /* TOP */
201
202
203 #top {
204 background-color: #FFFFFF;
205 }
206
207
208 /* CONTENT Background */
209 /*
210 .widthdecider:before {
211 content: ''; width: 100%; height: 100%; position: relative; top:0px; left:0px;
212
213 opacity: 0.9;
214 background-color: #ffffff;
215 }*/
216 .widthdecider {
217 background-color: rgba(255,255,255,1);
218 }
219
220 .secondarycontainer {
221 background-color: #EEEEEE;
222 }
223
224 /* LINKS */
225 a, a:visited, .pagination > li > a {
226 color: #000000;
227 }
228
229 .btn-dw-primary, input[type="button"], input[type="reset"], input[type="submit"] {
230 background-color: #000000;
231 color: #fff;
232 }
233
234 a.Button01, .Button01 {
235 border: none;
236 background: #000000;
237 color: #fff !important;
238 border: none !important;
239 }
240
241 .pagination > li.active > a {
242 background-color: #000000;
243 color: #fff !important;
244 }
245
246 .btn-dw-cart {
247 background-color: #B0C787;
248 }
249
250 /* FOOTER */
251 #footer p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5 {
252 color: #595959;
253 }
254
255 #footer a, #footer a:visited {
256 color: #000000;
257 }
258
259
260 /* COOKIE WARNING */
261
262
263 #CookieWarning, .CokieWarning_Info a.cookie-link, .CokieWarning_Info, .CookieWarning_Header {
264 color: #FFFFFF !important;
265 }
266
267
268
269
270 #CookieWarning:before {
271 background-color: #000000 !important;
272 }
273
274
275 /* SUBMENUER I VENSTRE KOLONNE */
276 #LeftNav ul.M0 > li > a[class$="_Active"], #LeftNav ul.M0 > li > a:hover[class$="_Active"], #LeftNav ul.M0 > li:not(.nonclick) > a:hover {
277 color: #fff;
278 background-color: #000000;
279 }
280
281 #LeftNav ul > li:not(.nonclick) > a:hover,
282 #LeftNav a[class$="_Active"] {
283 color: #000000;
284 }
285
286 /* SUBMENU I TOPPEN */
287 #cssmenu3 a.L2_Active {
288 color: #000000;
289 }
290
291 .modal-header {
292 color: #fff !important;
293 background-color: #000000;
294 }
295
296 #sitemap2_5 a:hover {
297 color: #000000 !important;
298 }
299
300
301
302
303
304
305 .ribbon.base {
306 border-right-color: #FFC421;
307 background-color: #FFC421;
308 }
309
310 .ribbon.base:before {
311 border-top-color: #FFC421 !important;
312 }
313
314 .ribbon.base:after {
315 border-bottom-color: #FFC421 !important;
316 }
317 </style>
318
319 <script type="text/javascript">
320 $(document).ready(function () {
321 var lighterShade = ColorLuminance("#000000", 0.15);
322 $('.btn-dw-primary, input[type="button"]:not(.CookieWarning_AcceptAll), input[type="reset"], input[type="submit"]').hover(function () { $(this).css("background-color", lighterShade); }, function () { $(this).css("background-color", "#000000"); });
323
324 $('.Button01, .pagination>li.active>a').hover(function () { $(this).css("background", lighterShade); }, function () { $(this).css("background", "#000000"); });
325
326 lighterShade = ColorLuminance("#000000", 0.15);
327 $('a:not(.btn-dw-primary, .pill-left, .Button01, .Button a, input[type="button"], input[type="reset"], input[type="submit"], #footer a, #cssmenu > ul > li > a, #cssmenu2 > ul > li > a, #cssmenu3 > ul > li > a, .secondary-navigation > ul > li a, .top-header .top-header-menu>ul.top-menu>li>a, .wp-block.product .product-title a, #LeftNav a, #poweredby > a, #minipagecart, #orderlistcontent a, #sitemap2_5 a)').hover(function () { $(this).css("color", lighterShade); }, function () { $(this).css("color", "#000000"); });
328
329 footerHighlight = ColorLuminance("#000000", -0.15);
330 $('#footer a').hover(function () { $(this).css("color", footerHighlight); }, function () { $(this).css("color", "#000000"); });
331
332 ecomHighlight = ColorLuminance("#B0C787", 0.15);
333 $('.btn-dw-cart').hover(function () { $(this).css("background-color", ecomHighlight); }, function () { $(this).css("background-color", "#B0C787"); });
334
335
336
337 });
338 </script>
339
340
341 <script type="text/javascript">
342 $(document).ready(function () {
343 var buttonShade = ColorLuminance("#5E7EAD", 0.15);
344 $('input[type="button"].CookieWarning_AcceptAll').hover(function () { $(this).css("background-color", buttonShade); }, function () { $(this).css("background-color", "#5E7EAD"); });
345 });
346 </script>
347 <style type="text/css">
348 input[type="button"].CookieWarning_AcceptAll {
349 background-color: #5E7EAD;
350 }
351 </style>
352
353
354 <script type="text/javascript">
355 $(document).ready(function () {
356 //Dropdown menu
357 var dropdownClr = ColorLuminance("#F5F5F5", 0.30);
358 $("#cssmenu .M1").css("background-color", dropdownClr);
359 var dropdownClr2 = ColorLuminance("#F5F5F5", 0.40);
360 $("#cssmenu .M2").css("background-color", dropdownClr2);
361 var dropdown_hover = ColorLuminance("#F5F5F5", 0.45);
362 $('#cssmenu .M1 a').hover(function () { $(this).css("background-color", dropdown_hover); }, function () { $(this).css("background-color", dropdownClr); });
363 var dropdown_hover2 = ColorLuminance("#F5F5F5", 0.55);
364 $('#cssmenu .M2 a').hover(function () { $(this).css("background-color", dropdown_hover2); }, function () { $(this).css("background-color", dropdownClr2); });
365 });
366 </script>
367 <!-- snippets to load javascript /flexnav, jquery, bootstrap, owl carousel and custom js -->
368 <!-- logo fix on IE to fix width on logo-->
369 <!--[if IE]>
370 <style>
371 @@media(max-width: 992px){
372 .logoiehack {
373 max-width: 300px;
374 }
375 }
376 </style>
377 <![endif]-->
378
379
380
381
382
383 <script src='https://www.google.com/recaptcha/api.js'></script>
384
385 <!-- ******* CSS ******* -->
386
387
388 <link href='/Files/Templates/Designs/standard_responsiv/stylesheets/fullwidth.css' rel='stylesheet'>
389
390
391 <link href='/Files/Templates/Designs/standard_responsiv/stylesheets/bootstrap_clearfix.css' rel="stylesheet">
392 <link href='/Files/Templates/Designs/customcss/MX5.css?v=22:15:13' rel="stylesheet">
393
394 <!--Prinvenlig funktion-->
395 <style type="text/css" media="screen">
396 <!--
397
398 #FooterPrint {
399 display: none;
400 }
401 -->
402 </style>
403 <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/standard_responsiv/stylesheets/Print.css" media="print">
404 <!--/Printvenlig funktion-->
405 <!-- font awesome -->
406 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
407
408
409
410 <!--owl carousel-->
411 <!-- TODO: owl needs to be put in own include folder -->
412 <link href="/Files/Templates/Designs/standard_responsiv/assets/owl-carousel/owl-carousel.css" rel="stylesheet" type="text/css">
413 <link href="/Files/Templates/Designs/standard_responsiv/assets/owl-carousel/owl-theme.css" rel="stylesheet" type="text/css">
414 <link href="/Files/Templates/Designs/standard_responsiv/assets/owl-carousel/owl-custom.css" rel="stylesheet" type="text/css">
415
416
417
418
419
420
421
422 <style type="text/css">
423 #socialicons ul {
424 list-style: none;
425 padding: 0px;
426 margin: 0px;
427 }
428
429 #socialicons {
430 display: none;
431 }
432
433 #socialicons li {
434 display: inline-block;
435 margin-right: 5px;
436 }
437
438 #socialicons a {
439 font-size: 21px;
440 color: #9e9e9e;
441 }
442 </style>
443
444 <script type="text/javascript">
445 (function (w, d, n) {
446 w[n] = w[n] || function (name, value) { w[n][name] = value; };
447 var dwa = d.createElement('script'); dwa.type = 'text/javascript'; dwa.async = 1;
448 dwa.src = '/Admin/Content/JsLib/dw/dwansta.min.js';
449 var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(dwa, s);
450 })(window, document, 'analytics');
451
452 analytics('sessionID', 'm0gtgrqdl3qh3xrdfsnugaqk');
453 analytics('pageID', 1455);
454 analytics('areaID', 1);
455 analytics('engagement', 7);
456 </script>
457
458 </head>
459
460 <body>
461 <img src="/Files/Templates/Designs/standard_responsiv/images/mx5_logo.png" class="img-responsive onlyprint">
462 <div class="widthdecider container-background " style="margin-top:-10px; padding-top:10px;" id="navdiv">
463 <div id="top" style="margin-bottom:30px;">
464 <div class="secondarycontainer print logo_menu" style="padding:0px;">
465 <div class="container">
466 <div class="secondary-navigation">
467
468
469
470 <div class="ecom_mobile print">
471 <ul class="top-menu print">
472
473
474
475 <li><a href="/login" title="login"><i class="fa fa-sign-in"></i> Log ind</a></li>
476
477 </li>
478
479
480 </ul>
481 </div>
482
483 <style type="text/css">
484 @@media(max-width:991px) {
485 .ecom_mobile {
486 display: block !important;
487 top: 50px;
488 }
489 }
490
491 .top-menu li {
492 display: inline-block;
493 margin-right: 15px;
494 }
495
496 .ecom_mobile .top-menu li > a {
497 color: #ffffff !important;
498 }
499
500 .top-menu li:last-of-type {
501 margin-right: 0px;
502 }
503 </style>
504
505
506
507 <style type="text/css">
508 .ul-searchform {
509 margin: 0px 0px 0px 8px !important;
510 }
511
512 .searchform-secondary-menu {
513 padding: 0px !important;
514 }
515
516 #top-search {
517 padding: 2px 5px;
518 }
519
520 .searchform-secondary-menu > button {
521 padding: 0px;
522 }
523 </style>
524
525 <ul class="ul-searchform xs-hidden sm-hidden">
526 <li class="searchform-secondary-menu">
527 <form action="/Default.aspx?ID=71" method="get" name="SearchForm1">
528 <input type="hidden" name="ID" value="71">
529 <input id="top-search" type="text" name="q" value="" placeholder="Søg">
530
531
532 <button type="submit" style="border:none; background:transparent;"><i class="fa fa-search"></i></button>
533
534
535 </form>
536 </li>
537 </ul>
538
539
540 <ul role="dropdown" style="margin-top:12px">
541
542 <!-- **** SEKUNDÆR MENU **** -->
543
544
545
546
547 @if (Pageview.User == null) {
548 <li><a href="#" data-toggle="modal" data-target="#login">Log ind</a></li>
549 <li><a href="/opret-profil">Bliv medlem</a></li>
550 } else {
551 <li>
552 <a href="/Default.aspx?ID=821">
553 <nobr>
554 <i class="fa fa-user"></i> <strong>@Pageview.User.Name</strong>
555 </nobr>
556 </a>
557 </li>
558 <li>
559 <a href='/Admin/Public/ExtranetLogoff.aspx?ID=@Pageview.ID'>@Translate("Logout", "Log ud")</a>
560 </li>
561 }
562
563
564
565
566
567 <!-- **** SPROGVALG **** -->
568
569
570
571 </ul>
572
573
574
575 </div>
576 </div>
577 </div>
578
579
580
581
582 <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
583 <div class="modal-dialog modal-sm">
584 <div class="modal-content">
585 <div class="modal-header">
586 <h4 class="modal-title" id="myModalLabel">Log ind</h4>
587 </div>
588 <form role="form" id="loginform" method="post">
589 <div class="modal-body">
590
591 <input type="hidden" name="ID" value="1111">
592 <input type="checkbox" name="DWExtranetUsernameRemember" value="True" hidden="">
593 <input type="checkbox" name="DWExtranetPasswordRemember" value="True" hidden="">
594 <div class="form-group">
595 <label for="username">Brugernavn</label>
596 <input type="text" class="form-control" name="username" id="username" placeholder='Indtast brugernavn' value="" style="width:100%">
597 </div>
598 <div class="form-group">
599
600 <label for="password">Kodeord</label>
601 <input type="password" class="form-control" name="password" id="password" placeholder='Indtast kodeord'>
602 <p> </p>
603 <a class="pull-left" href="/login?LoginAction=Recovery">Glemt dit kodeord?</a>
604
605 </div>
606 </div>
607 <div class="modal-footer">
608 <div class="row">
609 <div class="col-md-12">
610 <div class="checkbox pull-left" style="padding-top:15px;">
611 <label>
612 <input type="checkbox" name="Autologin" value="False"> Husk mig
613 </label>
614 </div>
615 <button type="submit" class="Button01 pull-right">Log ind</button>
616 </div>
617 </div>
618 </div>
619
620
621
622 </form>
623 </div>
624 </div>
625 </div>
626 <script type="text/javascript">
627 $(document).ready(function () {
628 var ruser = $("#login.modal input[name='DWExtranetUsernameRemember']");
629 var rpass = $("#login.modal input[name='DWExtranetPasswordRemember']");
630 $("#login.modal input[name='Autologin']").on('change', function () {
631 var boo = ruser.val();
632 console.log("boo: " + boo);
633 console.log(ruser.length);
634 if (boo == "True") {
635 ruser.val("False").prop("checked", false); rpass.val("False").prop("checked", false);
636 } else {
637 ruser.val("True").prop("checked", true); rpass.val("True").prop("checked", true);
638 }
639 });
640 });
641 </script>
642
643
644
645 <div class="logo_menu logo_container">
646 <div class="topcontainer" style="background-color:#FFFFFF;">
647 <div class="navbar container" role="navigation" style="margin-bottom:0px;">
648 <div class="navbar-header">
649
650 <a class="navbar-brand" href="/forside">
651 <img src="/Files/Templates/Designs/standard_responsiv/images/mx5_logo.png" class="img-responsive logoiehack" style="z-index:10" alt="">
652 </a>
653
654 </div>
655 <div class="clearfix"></div>
656 </div>
657 </div>
658 </div>
659 <div id="logo_spacer"></div>
660
661 <!-- SLIDESHOW -->
662 <div id="topslideshow">
663 @RenderParagraphContent(483)
664 </div>
665
666 <!-- DECIDE ALIGNMENT OF MENU -->
667 <style type="text/css">
668 #cssmenu {
669 float: center !important;
670 text-align: center;
671 }
672
673 #cssmenu ul li {
674 float: none !important;
675 display: inline-block;
676 }
677
678 .mean-highlight {
679 background-color: #000000;
680 }
681 </style>
682
683 <!-- Navigation includes various menus and skins -->
684
685 <div class="logo_menu menu_container">
686 <div class="menudiv" style="background-color:#F5F5F5">
687 <div class="menucontainer container" style="padding:0px 0px;">
688 <nav id="cssmenu" class="align-center">
689 <!-- display house on top menu mobile linking to home page -->
690
691 <div class="house-mobile">
692 <a href="/forside" class="">
693 <i class="fa fa-home"></i>
694 </a>
695 </div>
696 <div class="globe-mobile">
697 <ul class="nav nav-tabs" role="dropdown" id="sprogvalg">
698 <li>
699 <a class="firstitem" href="#"><i class="fa fa-globe"></i></a>
700 <ul class="M3"></ul>
701 </li>
702 </ul>
703 </div>
704 @{
705 var rootPages = Dynamicweb.Services.Pages.GetRootPagesForArea(Pageview.AreaID).Where(x => x.Active && !x.IsFolder && Dynamicweb.Frontend.LoginHandler.IsCurrentUserAllowed(x));
706
707 <ul>
708 @foreach (Dynamicweb.Content.Page rootPage in rootPages) {
709 var subPages = Dynamicweb.Services.Pages.GetPagesByParentID(rootPage.ID).Where(x => x.Active && !x.IsFolder && Dynamicweb.Frontend.LoginHandler.IsCurrentUserAllowed(x));
710 <li>
711 <a href="/Default.aspx?ID=@rootPage.ID">@rootPage.MenuText</a>
712 @if (subPages.Any()) {
713 <ul class="M1 test">
714 @foreach (var subPage in subPages) {
715 <li>
716 <a href="/Default.aspx?ID=@subPage.ID">@subPage.MenuText</a>
717 </li>
718 }
719 </ul>
720 }
721 </li>
722 }
723 </ul>
724
725 }
726 @*else {
727 <ul>
728 <li>
729 <a href="/forside">Forside</a>
730 </li>
731 <li>
732 <a href="/nyheder">Nyheder</a>
733 </li>
734 <li>
735 <a href="/arrangementer">Arrangementer</a>
736 </li>
737 <li>
738 <a href="/forum">Forum</a>
739 </li>
740 <li>
741 <a href="/klubben">Klubben</a>
742 <ul class="M1">
743 <li>
744 <a href="/klubben/vedtægter-forretningsorden">Vedtægter & Forretningsorden</a>
745 </li>
746 <li>
747 <a href="/klubben/turreferater">Turreferater</a>
748 </li>
749 <li>
750 <a href="/klubben/mx-5-hvorfor">MX-5 Hvorfor ?</a>
751 </li>
752 <li>
753 <a href="/klubben/kolonnekørsel">Kolonnekørsel</a>
754 </li>
755 <li>
756 <a href="/klubben/referater">Referater</a>
757 </li>
758 <li>
759 <a href="/klubben/betalingsservice">Betalingsservice</a>
760 </li>
761 </ul>
762 </li>
763 <li>
764 <a href="/vejledning-faq">Vejledning/FAQ</a>
765 </li>
766 <li>
767 <a href="/kontakt">Kontakt</a>
768 <ul class="M1">
769 <li>
770 <a href="/kontakt/cookies-og-persondata-politik">Cookies og persondata politik</a>
771 </li>
772 <li>
773 <a href="/kontakt/links">Links</a>
774 </li>
775 <li>
776 <a href="/kontakt/bestyrelsen">Bestyrelsen</a>
777 </li>
778 </ul>
779 </li>
780 <li>
781 <a href="/læsestof">Læsestof</a>
782 <ul class="M1">
783 <li>
784 <a href="/læsestof/før-man-køber-mx-5">Før man køber MX-5</a>
785 </li>
786 <li>
787 <a href="/læsestof/klubbladet-roadstar">Klubbladet Roadstar</a>
788 </li>
789 </ul>
790 </li>
791 <li>
792 <a href="/Galleri">Galleri</a>
793 </li>
794 <li>
795 <a href="https://mx5club.dk/forum/g%C3%A6steforum?PID=3886">Gæsteforum</a>
796 </li>
797 </ul>
798 }*@
799
800 </nav>
801 </div>
802 </div>
803 </div>
804
805 <style type="text/css">
806 /* Hidden stuff */
807 #cssmenu .secondary-navigation-hidden, #cssmenu .mean2-header, #cssmenu .menu2-mobil {
808 display: none !important;
809 }
810 /* MENU */
811 #cssmenu > ul > li > #activeitem, #cssmenu > ul > li > .inpath {
812 color: #000000;
813 }
814
815 #cssmenu > ul > li > a:hover {
816 color: #000000;
817 }
818 </style>
819
820 <script type="text/javascript">
821 function compressMainMenu(identifier, name) {
822 $(".mean-nav > ul").prepend("<li id='mean_" + name + "'><a>" + name + "</a><ul style='display:none'></ul><a class='mean-expand' id='mean_" + name + "_expand' href='#' style='font-size: 18px'>+</a></li>");
823 $(identifier).appendTo("#mean_" + name + " > ul");
824 $('#mean_' + name + '_expand').on("click", function (e) {
825 e.preventDefault();
826 if ($(this).hasClass("mean-clicked")) {
827 $(this).text("+");
828 $(this).prev('ul').slideUp(300, function () { });
829 } else {
830 $(this).text("-");
831 $(this).prev('ul').slideDown(300, function () { });
832 }
833 $(this).toggleClass("mean-clicked");
834 });
835 }
836 </script>
837
838
839 <!-- DROPDOWN MENU -->
840 <script src="/Files/Templates/Designs/standard_responsiv/includes/nav/meanmenu/doubletaptogo.min.js"></script>
841 <style type="text/css">
842 #cssmenu .M1 {
843 display: block !important;
844 }
845
846 #cssmenu ul.two-col {
847 -webkit-column-count: 2 !important;
848 -moz-column-count: 2 !important;
849 column-count: 2 !important;
850 columns: 2 !important;
851 }
852
853 #cssmenu ul.three-col {
854 -webkit-column-count: 3 !important;
855 -moz-column-count: 3 !important;
856 column-count: 3 !important;
857 columns: 3 !important;
858 }
859
860 #cssmenu ul.four-col {
861 -webkit-column-count: 4 !important;
862 -moz-column-count: 4 !important;
863 column-count: 4 !important;
864 columns: 4 !important;
865 }
866 /*
867 #cssmenu ul.two-col > li, #cssmenu ul.three-col > li, #cssmenu ul.four-col > li { display: table; }
868 */
869 /* .mean-nav ul { background-color: #004051 !important; }*/
870
871
872 #cssmenu ul ul ul {
873 display: none !important;
874 }
875 </style>
876 <script type="text/javascript">
877 $(document).ready(function () {
878
879 $("#cssmenu ul ul ul").addClass("noshow");
880
881
882 //Multiple columns on account of the number of items
883 $('#cssmenu > ul > li:has(ul):not(".mean2-header")').each(function () {
884 var elems = $(this).find(".M1").children().length;
885 var subelems = $(this).find(".M2:not(.noshow)").length;
886 //Don't do columns if there are 3rd level elements. No good way to deploy last level in columns.
887 if (subelems < 1) {
888 if (elems > 5) { $(this).find(".M1").addClass("two-col"); }
889 if (elems > 8) { $(this).find(".M1").addClass("three-col"); }
890 if (elems > 11) { $(this).find(".M1").addClass("four-col"); }
891 }
892
893 })
894
895 //Double tap to go on mobile and tablets
896
897
898 //positioning
899 $('#cssmenu li:has(ul):not(".mean2-header")').hover(
900 function () {
901 checkPos($(this));
902 }, function () {
903 $(this).find("ul").css({ left: "" });
904 }
905 );
906
907
908 });
909
910 function checkPos(parent) {
911 var ul = parent.find("ul");
912
913 ul.removeClass("goleft");
914 ul.removeClass("container");
915
916 var left = parent.offset().left;
917 var ulwidth = ul.outerWidth();
918 var totalwidth = parseInt(left) + parseInt(ulwidth) + 15;
919 var goleft_width = parseInt(left) - parseInt(ulwidth) + 15;
920 if (ul.hasClass("M2")) { totalwidth += 180; }
921 var windowwidth = parseInt($(window).width());
922
923 var goleft = false;
924 var dontgoleft = false;
925
926 if (totalwidth > windowwidth) { goleft = true; }
927 if (goleft_width < 0) { dontgoleft = true; }
928
929 if (goleft && !dontgoleft) { ul.addClass("goleft"); }
930
931 if (goleft && dontgoleft) {
932 ul.addClass("container");
933 //var left = $("#cssmenu").offset().left;
934 var lpos = Math.floor(parent.position().left) * -1;
935 ul.css({ left: lpos });
936 }
937 // console.log(parent.find("a:first-of-type").text());
938 // console.log("left: "+left);
939 // console.log("ul width: "+ulwidth);
940 // console.log("total width: "+totalwidth);
941 // console.log("window: "+windowwidth);
942 }
943 </script>
944
945
946
947
948
949
950
951
952
953 </div>
954 <div class="row" id="maincontent" style="margin:0px">
955 <!-- CONTENT -->
956 <!--<link rel="stylesheet" href="stylesheets/VenstreMenu2-5.css"/> -->
957
958 <div class='content-extra-padding min-height-page container'>
959 <div class="row">
960 @using Dynamicweb.Rendering
961 @using Dynamicweb.Frontend
962 @using System.IO
963 @inherits ViewModelTemplate<PageViewModel>
964
965 @functions{
966
967 public class YearFolder {
968
969 public string Name { get; set; }
970 public string Path { get; set; }
971 public List<MonthFolder> MonthFolders { get; set; }
972
973 public YearFolder(string Name, string Path) {
974 this.Name = Name;
975 this.Path = Path;
976 this.MonthFolders = new List<MonthFolder>();
977 }
978 }
979
980 public class MonthFolder {
981
982 public string Name { get; set; }
983 public string Path { get; set; }
984 public int MonthNumber { get; set; }
985 public List<string> EventFolders { get; set; }
986
987 public MonthFolder(string Name, string Path, int MonthNumber = 0) {
988 this.Name = Name;
989 this.Path = Path;
990 this.MonthNumber = MonthNumber;
991 this.EventFolders = new List<string>();
992 }
993 }
994
995 }
996
997
998 @Title("Underside skabelon")
999 @Description("Layout til undersiderne")
1000 @{
1001 string contentwrapperClass = "content-extra-padding min-height-page";
1002 if (Pageview.Area.Item != null && (string)Pageview.Area.Item["Fuld_Bredde"] == "full") {
1003 contentwrapperClass += "container";
1004 }
1005
1006 string folder = "/Files/Billeder/Galleri/";
1007 string filesPath = System.Web.HttpContext.Current.Server.MapPath("" + folder.Replace("/", "\\"));
1008 var yearFolders = Directory.EnumerateDirectories("" + filesPath, "2???", SearchOption.TopDirectoryOnly).OrderByDescending(x => x);
1009
1010 bool isTest = System.Web.HttpContext.Current.Request.QueryString.Get("test") == "test";
1011
1012
1013 Dictionary<string, IOrderedEnumerable<string>> newFolders = new Dictionary<string, IOrderedEnumerable<string>>();
1014
1015 List<YearFolder> newYearFolders = new List<YearFolder>();
1016
1017 bool loggedInUser = Pageview.User != null;
1018 if (isTest) {
1019 loggedInUser = true;
1020 }
1021
1022 if (loggedInUser) {
1023 foreach (string s in yearFolders) {
1024 newFolders.Add(s, Directory.EnumerateDirectories("" + s, "*", SearchOption.TopDirectoryOnly).OrderBy(x => x));
1025
1026 var newYearFolder = new YearFolder(s.Substring(s.LastIndexOf("\\") + 1), s);
1027
1028 foreach (var i in Directory.EnumerateDirectories("" + newYearFolder.Path, "*", SearchOption.TopDirectoryOnly).OrderBy(x => x)) {
1029 int monthNumber = 0;
1030 string thisFolderName = i.LastIndexOf("\\") > 1 ? i.Substring(i.LastIndexOf("\\") + 1) : "";
1031
1032 if (!string.IsNullOrEmpty(thisFolderName) && int.TryParse(thisFolderName, out monthNumber) && monthNumber != 0) {
1033 DateTime monthDate = new DateTime(DateTime.Now.Year, monthNumber, DateTime.Now.Day);
1034
1035
1036 MonthFolder newMonthFolder = new MonthFolder(monthDate.ToString("MMMM"), i, monthNumber);
1037 foreach (var eventDic in Directory.EnumerateDirectories("" + newMonthFolder.Path, "*", SearchOption.TopDirectoryOnly).OrderBy(x => x)) {
1038 newMonthFolder.EventFolders.Add(eventDic);
1039 }
1040 if (newMonthFolder.EventFolders.Any()) {
1041 newYearFolder.MonthFolders.Add(newMonthFolder);
1042 }
1043
1044 } else {
1045 MonthFolder newMonthFolder = new MonthFolder(i.Substring(i.LastIndexOf("\\") + 1), i);
1046 newYearFolder.MonthFolders.Add(newMonthFolder);
1047 }
1048
1049
1050 }
1051 //newYearFolder.MonthFolders.Add()
1052
1053 newYearFolders.Add(newYearFolder);
1054 }
1055 } else {
1056
1057 foreach (string s in yearFolders) {
1058
1059 if(!Directory.EnumerateFiles(s, "*.jp*", SearchOption.AllDirectories).Any()) {
1060 continue;
1061 }
1062
1063 newFolders.Add(s, Directory.EnumerateDirectories("" + s, "*", SearchOption.TopDirectoryOnly).OrderBy(x => x));
1064
1065 var newYearFolder = new YearFolder(s.Substring(s.LastIndexOf("\\") + 1), s);
1066
1067 foreach (var i in Directory.EnumerateDirectories("" + newYearFolder.Path, "*", SearchOption.TopDirectoryOnly).OrderBy(x => x)) {
1068 if (!Directory.EnumerateFiles(i, "*.jp*", SearchOption.AllDirectories).Any()) {
1069 continue;
1070 }
1071 int monthNumber = 0;
1072 string thisFolderName = i.LastIndexOf("\\") > 1 ? i.Substring(i.LastIndexOf("\\") + 1) : "";
1073
1074 if (!string.IsNullOrEmpty(thisFolderName) && int.TryParse(thisFolderName, out monthNumber) && monthNumber != 0) {
1075 DateTime monthDate = new DateTime(DateTime.Now.Year, monthNumber, DateTime.Now.Day);
1076
1077
1078 MonthFolder newMonthFolder = new MonthFolder(monthDate.ToString("MMMM"), i, monthNumber);
1079 foreach (var eventDic in Directory.EnumerateDirectories("" + newMonthFolder.Path, "*", SearchOption.TopDirectoryOnly).OrderBy(x => x)) {
1080 newMonthFolder.EventFolders.Add(eventDic);
1081 }
1082 if (newMonthFolder.EventFolders.Any()) {
1083 newYearFolder.MonthFolders.Add(newMonthFolder);
1084 }
1085
1086 } else {
1087 MonthFolder newMonthFolder = new MonthFolder(i.Substring(i.LastIndexOf("\\") + 1), i);
1088 newYearFolder.MonthFolders.Add(newMonthFolder);
1089 }
1090
1091
1092 }
1093 //newYearFolder.MonthFolders.Add()
1094
1095 newYearFolders.Add(newYearFolder);
1096 }
1097
1098
1099
1100
1101
1102
1103
1104 //foreach (string s in yearFolders) {
1105 // if (Directory.EnumerateFiles("" + s, "*.jp*", SearchOption.AllDirectories).Any()) {
1106 // newFolders.Add(s, Directory
1107 // .EnumerateDirectories("" + s, "*", SearchOption.TopDirectoryOnly)
1108 // .Where(x => Directory.EnumerateFiles("" + x, "*.jp*", SearchOption.AllDirectories).Any()).OrderBy(x => x));
1109
1110 // if (Directory.EnumerateFiles(s, "*.jp*", SearchOption.AllDirectories).Any()) {
1111 // newYearFolders.Add(new YearFolder(s.Substring(s.LastIndexOf("\\") + 1), s));
1112 // }
1113
1114 // }
1115
1116 //}
1117 }
1118
1119
1120 //var folders = Directory.EnumerateDirectories("" + filesPath, "*.*", SearchOption.TopDirectoryOnly).OrderByDescending(x => x);
1121
1122 string currentFolder = "" + System.Web.HttpContext.Current.Request.QueryString.Get("galleryfolder");
1123 string currentYear = "" + System.Web.HttpContext.Current.Request.QueryString.Get("year");
1124 string currentMonth = "" + System.Web.HttpContext.Current.Request.QueryString.Get("month");
1125 int currentIntMonth = 0;
1126
1127
1128 //if (string.IsNullOrWhiteSpace(currentYear)) {
1129 // currentYear = yearFolders.First().Substring(yearFolders.First().LastIndexOf("\\") + 1);
1130 //}
1131
1132 if (!string.IsNullOrWhiteSpace(currentFolder)) {
1133
1134 if (!string.IsNullOrWhiteSpace(currentMonth)) {
1135
1136 if (int.TryParse(currentMonth, out currentIntMonth) && currentIntMonth != 0 && currentIntMonth < 13) {
1137 currentFolder = filesPath + currentYear + "\\" + currentIntMonth.ToString("00") + "\\" + System.Web.HttpUtility.UrlDecode(currentFolder);
1138 } else {
1139 currentFolder = filesPath + currentYear + "\\" + System.Web.HttpUtility.UrlDecode(currentFolder);
1140 }
1141
1142 } else {
1143 currentFolder = filesPath + currentYear + "\\" + System.Web.HttpUtility.UrlDecode(currentFolder);
1144 }
1145
1146 }
1147
1148 string currentYearName = currentYear.Substring(currentYear.LastIndexOf("\\") + 1);
1149 string currentFolderName = currentFolder.Substring(currentFolder.LastIndexOf("\\") + 1);
1150 string currentFolderWebPath = folder + currentYearName + "/" + currentFolderName + "/";
1151 if (currentIntMonth != 0) {
1152 currentFolderWebPath = folder + currentYearName + "/" + currentIntMonth.ToString("00") + "/" + currentFolderName + "/";
1153 }
1154
1155
1156
1157 }
1158 <div class="@contentwrapperClass">
1159 <div class="row">
1160 <div class="col-sm-3 col-md-3 col-lg-3 col-xs-12">
1161 <div class="sidemenu row" id="LeftNav">
1162 <div class="col-lg-12 col-xs-12" id="LeftNavContainer">
1163 <ul>
1164 <li><a href="/Default.aspx?ID=@Model.ID">Galleri forside</a></li>
1165 @foreach (var year in newYearFolders) {
1166 string yearClass = "menu-opener";
1167 string yearText = year.Name;
1168 if (yearText == currentYear) {
1169 yearClass += " active";
1170 }
1171 <li class="@yearClass">
1172 <a title="fold ud">@yearText</a>
1173 <ul class="menu-wrapper M0">
1174 @foreach (var monthFolder in year.MonthFolders) {
1175 string folderName = monthFolder.Name;
1176
1177 if (monthFolder.MonthNumber != 0) {
1178 string monthClass = "menu-opener month";
1179 if (monthFolder.MonthNumber == currentIntMonth) {
1180 monthClass += " active";
1181 }
1182 <li class="@monthClass">
1183 <a title="fold ud">@monthFolder.Name</a>
1184 <ul class="menu-wrapper M0">
1185 @foreach (var i in monthFolder.EventFolders) {
1186 string eventFolderName = i.Substring(i.LastIndexOf("\\") + 1);
1187 string folderUrl = "/Default.aspx?ID=" + Pageview.ID + "&galleryfolder=" + System.Web.HttpUtility.UrlEncode(eventFolderName) + "&year=" + yearText + "&month=" + monthFolder.MonthNumber;
1188 string liClass = "L2";
1189 if (eventFolderName == currentFolderName) {
1190 liClass += "_Active";
1191 }
1192 <li class="@liClass">
1193 <a class="@liClass" title="@eventFolderName" href="@folderUrl">@eventFolderName</a>
1194 </li>
1195 }
1196 </ul>
1197 </li>
1198
1199
1200 } else {
1201 string folderUrl = "/Default.aspx?ID=" + Pageview.ID + "&galleryfolder=" + System.Web.HttpUtility.UrlEncode(folderName) + "&year=" + yearText + "&month=" + monthFolder.MonthNumber;
1202 string liClass = "L2";
1203 if (folderName == currentFolderName) {
1204 liClass += "_Active";
1205 }
1206 <li class="@liClass">
1207 <a class="@liClass" title="@folderName" href="@folderUrl">@folderName</a>
1208 </li>
1209 }
1210
1211
1212 }
1213 </ul>
1214 </li>
1215 }
1216 </ul>
1217 </div>
1218 </div>
1219 </div>
1220 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 displayprint">
1221 @if (!string.IsNullOrWhiteSpace(currentFolderName)) {
1222 <h1>@currentFolderName</h1>
1223 <div class="row">
1224 <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
1225 @foreach (var i in Model.Item.GetItems("Texts")) {
1226 if (i.GetInt32("Year").ToString().ToLower() == currentYear.ToLower() && i.GetString("FolderName").ToLower() == currentFolderName.ToLower()) {
1227 if (!string.IsNullOrWhiteSpace(i.GetString("Text"))) {
1228 <div>@i.GetString("Text")</div>
1229 }
1230 break;
1231 }
1232 }
1233 <div class="row">
1234 <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
1235 @foreach (string s in Directory.EnumerateFiles("" + currentFolder, "*.jp*", SearchOption.TopDirectoryOnly)) {
1236 string fileName = s.Substring(s.LastIndexOf("\\") + 1);
1237 string fileUrl = currentFolderWebPath + fileName;
1238 string fileCroppedUrl = "/admin/public/getimage.ashx?Image=" + fileUrl + "&width=384&height=256&crop=0";
1239 PushPromise(fileCroppedUrl);
1240 <div class="GalleryImg col-lg-3 col-md-4 col-sm-4 col-xs-12">
1241 <a href="@fileUrl" class="swipebox">
1242 <img class="img-responsive" title="@fileName" alt="@fileName" src="@fileCroppedUrl">
1243 </a>
1244 </div>
1245 }
1246 </div>
1247 </div>
1248
1249 </div>
1250 </div>
1251 } else {
1252 <div class="row">
1253 <div class="col-xs-12">
1254 @Model.Item.GetString("WelcomeContent")
1255 </div>
1256 </div>
1257 }
1258
1259 <div class="row">
1260 @if (loggedInUser && !string.IsNullOrWhiteSpace(currentFolderName)) {
1261 <div class="col-xs-12">
1262 @Model.Placeholder("ContentFull", "Fuld bredde")
1263 </div>
1264 }
1265 </div>
1266 </div>
1267 </div>
1268 </div>
1269 @if (false) {
1270 <div class="@contentwrapperClass">
1271 <div class="row">
1272 <div class="col-sm-3 col-md-3 col-lg-3 col-xs-12">
1273 <div class="sidemenu row" id="LeftNav">
1274 <div class="col-lg-12 col-xs-12" id="LeftNavContainer">
1275 <ul>
1276 <li><a href="/Default.aspx?ID=@Model.ID">Galleri forside</a></li>
1277 @foreach (var year in newFolders) {
1278 string yearClass = "menu-opener";
1279 string yearText = year.Key.Substring(year.Key.LastIndexOf("\\") + 1);
1280 if (yearText == currentYear) {
1281 yearClass += " active";
1282 }
1283 <li class="@yearClass">
1284 <a title="fold ud">@yearText</a>
1285 <ul class="menu-wrapper M0">
1286 @foreach (string s in year.Value) {
1287 string folderName = s.Substring(s.LastIndexOf("\\") + 1);
1288 string folderUrl = "/Default.aspx?ID=" + Pageview.ID + "&galleryfolder=" + System.Web.HttpUtility.UrlEncode(folderName) + "&year=" + yearText;
1289 string liClass = "L2";
1290 if (folderName == currentFolderName) {
1291 liClass += "_Active";
1292 }
1293 <li class="@liClass">
1294 <a class="@liClass" title="@folderName" href="@folderUrl">@folderName</a>
1295 </li>
1296 }
1297 </ul>
1298 </li>
1299 }
1300 </ul>
1301 </div>
1302 </div>
1303 </div>
1304 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 displayprint">
1305 @if (!string.IsNullOrWhiteSpace(currentFolderName)) {
1306 <h1>@currentFolderName</h1>
1307 <div class="row">
1308 <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
1309 @foreach (var i in Model.Item.GetItems("Texts")) {
1310 if (i.GetInt32("Year").ToString().ToLower() == currentYear.ToLower() && i.GetString("FolderName").ToLower() == currentFolderName.ToLower()) {
1311 if (!string.IsNullOrWhiteSpace(i.GetString("Text"))) {
1312 <div>@i.GetString("Text")</div>
1313 }
1314 break;
1315 }
1316 }
1317 <div class="row">
1318 <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
1319 <pre>@currentFolder</pre>
1320 @foreach (string s in Directory.EnumerateFiles("" + currentFolder, "*.jp*", SearchOption.TopDirectoryOnly)) {
1321 string fileName = s.Substring(s.LastIndexOf("\\") + 1);
1322 string fileUrl = currentFolderWebPath + fileName;
1323 string fileCroppedUrl = "/admin/public/getimage.ashx?Image=" + fileUrl + "&width=384&height=256&crop=0";
1324 PushPromise(fileCroppedUrl);
1325 <div class="GalleryImg col-lg-3 col-md-4 col-sm-4 col-xs-12">
1326 <a href="@fileUrl" class="swipebox">
1327 <img class="img-responsive" title="@fileName" alt="@fileName" src="@fileCroppedUrl">
1328 </a>
1329 </div>
1330 }
1331 </div>
1332 </div>
1333
1334 </div>
1335 </div>
1336 } else {
1337 <div class="row">
1338 <div class="col-xs-12">
1339 @Model.Item.GetString("WelcomeContent")
1340 </div>
1341 </div>
1342 }
1343
1344 <div class="row">
1345 @*@if (loggedInUser && !string.IsNullOrWhiteSpace(currentFolderName)) {
1346 <div class="col-xs-12">
1347 Model.Placeholder("ContentFull", "Fuld bredde")
1348 </div>
1349 }*@
1350 </div>
1351 </div>
1352 </div>
1353 </div>
1354 }
1355
1356
1357 @SnippetStart("ParagraphScript")
1358 <style>
1359 .GalleryImg {
1360 padding: 5px;
1361 text-align: center;
1362 vertical-align: middle;
1363 }
1364
1365 .menu-wrapper {
1366 display: none;
1367 padding-left: 0;
1368 list-style: none;
1369 }
1370
1371 .menu-opener > a {
1372 cursor: pointer;
1373 user-select: none; /* supported by Chrome and Opera */
1374 -webkit-user-select: none; /* Safari */
1375 -khtml-user-select: none; /* Konqueror HTML */
1376 -moz-user-select: none; /* Firefox */
1377 -ms-user-select: none; /* Internet Explorer/Edge */
1378 }
1379
1380 #LeftNavContainer .menu-opener > a {
1381 display: block;
1382 }
1383
1384 #LeftNavContainer .menu-opener > a:hover {
1385 background-color: #f7f7f7 !important;
1386 color: #000 !important;
1387 }
1388
1389 #LeftNavContainer .menu-opener > a:after {
1390 display: inline-block;
1391 font: normal normal normal 14px/1 FontAwesome;
1392 font-size: inherit;
1393 text-rendering: auto;
1394 -webkit-font-smoothing: antialiased;
1395 -moz-osx-font-smoothing: grayscale;
1396 margin-left: 5px;
1397 content: "\f107";
1398 }
1399
1400 #LeftNavContainer .menu-opener.active > a {
1401 background-color: #f0f0f0 !important;
1402 color: #333 !important;
1403 font-weight: bold !important;
1404 }
1405
1406 #LeftNavContainer .menu-opener.active > a:after {
1407 content: "\f106";
1408 }
1409
1410 #LeftNavContainer .menu-opener > a {
1411 display: block;
1412 }
1413
1414 #LeftNavContainer .menu-opener > ul > li > a {
1415 padding: 5px 10px 5px 30px !important;
1416 }
1417
1418 .menu-opener.active > .menu-wrapper {
1419 display: inherit;
1420 }
1421
1422 #LeftNavContainer .month > a{
1423 font-weight:bold !important;
1424 text-transform:capitalize;
1425 }
1426 </style>
1427 <script defer>
1428 $("form#dw-form-13").prepend("<input type=\"hidden\" name=\"FormUploadPath\" value=\"@currentFolderWebPath.Substring(6)\">")
1429 $("form#dw-form-13").prepend("<input type=\"hidden\" name=\"formSubmitPageAfterSave\" value=\"" + document.location + "\">")
1430 $(".menu-opener > a").click(function (e) {
1431 e.preventDefault();
1432 console.log($(".menu-wrapper", $(this).parent()));
1433 $(this).parent().toggleClass("active");
1434 return false;
1435 });
1436
1437 </script>
1438 @if (loggedInUser) {
1439 <script>
1440 $("#Upload").attr("accept", ".jpg,jpeg")
1441 </script>
1442 }
1443 @SnippetEnd("ParagraphScript")
1444
1445 </div><!-- /row -->
1446
1447 </div><!-- /container -->
1448 <!--SCRIPT TIL AT SKJULE VENSTRE MENU, HVIS DEN ER HELT TOM -->
1449 <!-- KAMPAGNE -->
1450 <!-- Sekundær footer -->
1451
1452
1453
1454 <div id="footer" style="background-color:#EEEEEE;" class="print">
1455 <div class="col-lg-12" style="float: none;">
1456 <div class="container">
1457 <div class="multi_3833 col-lg-3 col-md-3 col-sm-3 col-xs-12 paragraphcontainer multisection bgimage_texttop multibg multi_top flex y_normal multi_standard_padding noborder " id="3833">
1458 <style type="text/css">
1459 .multi_3833 p, .multi_3833 h1, .multi_3833 h2, .multi_3833 h3, .multi_3833 h4, .multi_3833 ul {
1460 color: !important;
1461 }
1462
1463 .multi_3833 .module .flexcol, .multi_3833 .module .dynamic-container .item {
1464 clear: none;
1465 }
1466 </style>
1467
1468 <div class='multispacer' style='width:100%; display:block;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url("");color: !important;;'>
1469
1470
1471
1472
1473 <div class="multitop">
1474
1475
1476 <div class="figure">
1477 <h4 class="h4"><span class="ImageText">Links</span></h4>
1478
1479 <div class="Citat"><span class="ImageText"><a href="/forum">⇒ Forum</a></span></div>
1480
1481 <div class="Citat"><span class="ImageText"><a href="https://mx5club.dk/kontakt/bestyrelsen">⇒ Kontakt</a></span></div>
1482
1483 <div class="Citat"><span class="ImageText"><a href="/værksted">⇒ Værksted</a></span></div>
1484
1485 <div class="Citat"><a href="https://mx5club.dk/tur-foto-og-referater"><span class="ImageText"></span></a><a href="/tur-foto-og-referater">⇒ </a><a href="https://mx5club.dk/tur-foto-og-referater">Tur foto og -referater</a></div>
1486
1487 <div class="Citat"><a href="/vejledninger">⇒ </a><a href="/læsestof/før-man-køber-mx-5">Før man køber MX-5</a></div>
1488
1489 <div class="Citat"><a href="https://mx5club.dk/vejledninger">⇒ Vejledninger</a></div>
1490
1491 <div class="Citat"> </div>
1492
1493 <div class="Citat"> </div>
1494
1495 <div class="Citat"> </div>
1496
1497 <div class="Citat"> </div>
1498
1499 <h4 class="h4"> </h4>
1500
1501 <p> </p>
1502
1503 <p> </p>
1504
1505 </div>
1506
1507 <div class="module">
1508
1509 </div>
1510
1511
1512 </div>
1513
1514
1515
1516 </div>
1517 </div>
1518
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534 <div class="multi_3882 col-lg-3 col-md-3 col-sm-3 col-xs-12 paragraphcontainer multisection bgimage_texttop multibg multibg multi_top flex y_normal multi_standard_padding noborder " id="3882">
1535 <style type="text/css">
1536 .multi_3882 p, .multi_3882 h1, .multi_3882 h2, .multi_3882 h3, .multi_3882 h4, .multi_3882 ul {
1537 color: !important;
1538 }
1539
1540 .multi_3882 .module .flexcol, .multi_3882 .module .dynamic-container .item {
1541 clear: none;
1542 }
1543 </style>
1544
1545 <div class='multispacer' style='width:100%; display:block;background-color: #8F8F8F;color: ;background: linear-gradient(rgba(143,143,143,0),rgba(143,143,143,0)),url("");color: !important;;'>
1546
1547
1548
1549
1550 <div class="multitop">
1551
1552
1553 <div class="figure">
1554 <h4 class="h4">MX-5 Club Denmark</h4>
1555
1556 <div class="Citat"><span class="ImageText"><a href="/klubben">⇒ Klubben</a></span></div>
1557
1558 <div class="Citat"><a href="/klubben/vedtægter-forretningsorden">⇒ Vedtægter & Forretningsorden</a></div>
1559
1560 <div class="Citat"><a href="/klubben/kolonnekørsel">⇒ Kolonnekørsel</a></div>
1561
1562 <div class="Citat"><a href="/klubben/mx-5-hvorfor">⇒ MX-5 Hvorfor ?</a></div>
1563
1564 <div class="Citat"><a href="/klubben/betalingsservice">⇒ Betalingsservice</a></div>
1565
1566 <div class="Citat"><a href="/klubben/betalingsservice">⇒ </a><a href="/kontakt/cookies-og-persondata-politik">Cookies og persondata politik</a></div>
1567
1568 <div class="Citat"> </div>
1569
1570 </div>
1571
1572 <div class="module">
1573
1574 </div>
1575
1576
1577 </div>
1578
1579
1580
1581 </div>
1582 </div>
1583
1584
1585
1586
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599 <div class="multi_3883 col-lg-3 col-md-3 col-sm-3 col-xs-12 paragraphcontainer multisection bgimage_texttop multibg multibg multi_top flex y_normal multi_standard_padding noborder " id="3883">
1600 <style type="text/css">
1601 .multi_3883 p, .multi_3883 h1, .multi_3883 h2, .multi_3883 h3, .multi_3883 h4, .multi_3883 ul {
1602 color: !important;
1603 }
1604
1605 .multi_3883 .module .flexcol, .multi_3883 .module .dynamic-container .item {
1606 clear: none;
1607 }
1608 </style>
1609
1610 <div class='multispacer' style='width:100%; display:block;background-color: #8F8F8F;color: ;background: linear-gradient(rgba(143,143,143,0),rgba(143,143,143,0)),url("");color: !important;;'>
1611
1612
1613
1614
1615 <div class="multitop">
1616
1617
1618 <div class="figure">
1619 <h4 class="h4"><strong>Åben sportsvogn</strong><span class="ImageText"></span></h4>
1620
1621 <div class="Citat"><span class="ImageText">Har du allerede en Mazda MX-5, eller påtænker du at investere i en - MX-5 Club Denmark er samlingsstedet for ligesindede individualister med </span><span class="ImageText">hang til MX-5 sportsvogne. Du er meget velkommen til at kontakte os </span><span class="ImageText">for at høre mere om klubbens aktiviteter. </span>Du kan også skrive til vores gæste forum.</div>
1622
1623 <p><span class="ImageText"></span></p>
1624
1625 </div>
1626
1627 <div class="module">
1628
1629 </div>
1630
1631
1632 </div>
1633
1634
1635
1636 </div>
1637 </div>
1638
1639
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654 <div class="multi_3884 col-lg-3 col-md-3 col-sm-3 col-xs-12 paragraphcontainer multisection title-sub-first multi_top flex y_normal multi_standard_padding noborder " id="3884">
1655 <style type="text/css">
1656 .multi_3884 p, .multi_3884 h1, .multi_3884 h2, .multi_3884 h3, .multi_3884 h4, .multi_3884 ul {
1657 color: !important;
1658 }
1659
1660 .multi_3884 .module .flexcol, .multi_3884 .module .dynamic-container .item {
1661 clear: none;
1662 }
1663 </style>
1664
1665
1666
1667
1668 <div class="multitop">
1669
1670
1671 </div>
1672 <div class="multibottom">
1673 <div class="figure">
1674 <p style="text-align: center;"><img alt="logo" src="/Admin/Public/GetImage.ashx?width=736&height=385&crop=7&DoNotUpscale=false&Compression=75&image=%2fFiles%2fFiler%2fKlub+logo%2fStor+MX5+logo.jpg" style="width: 250px; height: 132px;" /></p>
1675
1676 <p style="text-align: center;">
1677 <strong>
1678 <span style="font-size:12.0pt;font-family:">Bank: Danske Bank 9570 12795289 </span><span style="font-size:12.0pt;font-family:">
1679 Mobilepay: 13894<br />
1680 CVR:
1681 </span>
1682 </strong><span style="font-size:12.0pt;font-family:"> </span><strong>32990908<span style="font-size:12.0pt;font-family:"></span></strong>
1683 </p>
1684
1685 <p style="text-align: center;"><a href="https://www.facebook.com/groups/mx5club.dk/" target="_blank"><img alt="" src="/Files/Billeder/fb-logo.jpg" style="width: 62px; height: 62px;"></a></p>
1686
1687 <p> </p>
1688
1689 </div>
1690
1691 <div class="module">
1692
1693 </div>
1694
1695
1696 </div>
1697
1698
1699
1700
1701
1702
1703 </div>
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713 <div id="poweredby">
1714 <a href="http://www.soegaard-co.dk" target="_blank" style="color:#ababab; font-size:11px;" class="powered-by">Powered by Søgaard & Co.</a>
1715 </div>
1716 </div>
1717 </div>
1718 </div>
1719 </div> <!-- container end -->
1720 <!-- search - which are being added to the top menu on mobile/ipad otherwise it's hidden -->
1721
1722 <div id="SearchBar" class="only-show-mobile print">
1723 <form action="Default.aspx" method="get" name="SearchForm1">
1724 <input type="hidden" name="ID" value="71">
1725 <input id="SearchField" type="text" name="q" value="">
1726 <button id="searchimages" type="submit" value="Søg"><i class="fa fa-search"></i></button>
1727 </form>
1728 </div>
1729 </div>
1730
1731
1732
1733 <a id="tothetop">
1734 <i class="fa fa-angle-up"></i>
1735 </a>
1736
1737 <style type="text/css">
1738 #tothetop {
1739 width: 40px;
1740 height: 40px;
1741 position: fixed;
1742 bottom: 50px;
1743 right: 30px;
1744 cursor: pointer;
1745 display: none;
1746 z-index: 999;
1747 }
1748
1749 #tothetop:before {
1750 content: '';
1751 width: 100%;
1752 height: 100%;
1753 position: absolute;
1754 background-color: #000;
1755 opacity: 0.25;
1756 z-index: 998;
1757 }
1758
1759 #tothetop .fa {
1760 color: #fff;
1761 z-index: 999;
1762 font-size: 40px;
1763 line-height: 37px;
1764 width: 100;
1765 z-index: 999;
1766 position: relative;
1767 margin-left: 6px;
1768 }
1769 </style>
1770
1771 <script type="text/javascript">
1772 var isVisible = false;
1773 $(window).scroll(function () {
1774 var shouldBeVisible = $(window).scrollTop() > 600;
1775 if (shouldBeVisible && !isVisible) {
1776 isVisible = true;
1777 $('#tothetop').fadeIn(200);
1778 } else if (isVisible && !shouldBeVisible) {
1779 isVisible = false;
1780 $('#tothetop').fadeOut(200);
1781 }
1782 });
1783 $(document).ready(function () {
1784 $('#tothetop').click(function () {
1785 $('body,html').animate({
1786 scrollTop: 0
1787 }, 400);
1788 return false;
1789 });
1790 });
1791 </script>
1792
1793
1794
1795
1796
1797
1798 <script src="/Files/System/validation.js"></script>
1799
1800
1801 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
1802 <script src="/Files/Templates/Designs/standard_responsiv/assets/owl-carousel/owl.js"></script>
1803
1804 <script src="//cdnjs.cloudflare.com/ajax/libs/spin.js/2.0.1/spin.min.js"></script>
1805 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
1806 <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
1807
1808
1809 <script src="/Files/Templates/Designs/customjs/bootstrap_test.js"></script>
1810
1811
1812
1813 <link rel="Stylesheet" href="/Files/Templates/Designs/standard_responsiv/assets/swipebox/swipebox.css">
1814 <script type="text/javascript" src="/Files/Templates/Designs/standard_responsiv/assets/swipebox/jquery.swipebox.min.js"></script>
1815 <script type="text/javascript">
1816 $(".ecom_mobile").insertBefore($("#navdiv"));
1817
1818 $(function () {
1819
1820 $('.swipebox').swipebox({
1821 hideBarsDelay: 0,
1822 loopAtEnd: true,
1823 beforeOpen: function () {
1824 $(".at4-share-outer").hide();
1825 },
1826 afterClose: function () {
1827 $(".at4-share-outer").show();
1828 }
1829 });
1830
1831 $('.swipebox-video').swipebox({
1832 hideBarsDelay: 0,
1833 loopAtEnd: true,
1834 beforeOpen: function () {
1835 $(".at4-share-outer").hide();
1836 },
1837 afterOpen: function () {
1838 $("#swipebox-bottom-bar").hide();
1839 console.log("hiding bottom bar");
1840 },
1841 afterClose: function () {
1842 $(".at4-share-outer").show();
1843 }
1844 });
1845 });
1846 </script>
1847
1848
1849
1850 <script src="/Files/Templates/Designs/standard_responsiv/assets/revolutionslider/js/jquery.themepunch.tools.min.js"></script>
1851 <script src="/Files/Templates/Designs/standard_responsiv/assets/revolutionslider/js/jquery.themepunch.revolution.min.js"></script>
1852 <script>
1853 var SliderHeight_483 = 380;
1854 SliderHeight_483 = 200;
1855 if (SliderHeight_483 == 0) SliderHeight = 380;
1856
1857
1858 //console.log("SliderHeight_483: "+SliderHeight_483);
1859 jQuery(document).ready(function () {
1860 jQuery('.revolu_slider_483 > div > .tp-banner-container > .tp-banner').revolution(
1861 {
1862 delay: 10000,
1863 startheight: SliderHeight_483,
1864 autoHeight: "off",
1865 minHeight: "250",
1866 lazyLoad: "on",
1867 shuffle: ""
1868 });
1869
1870 $(".revolu_slider_483").fadeTo(500, 1);
1871 $(".revolu_slider_483").removeClass("hctrl_483");
1872 //.show(200, function(){$("#topslideshow > #slidetop_container").css({"height":"auto"});});
1873 });
1874
1875 </script>
1876
1877
1878 <script src="/Files/Templates/Designs/standard_responsiv/includes/nav/meanmenu/jquery.meanmenu.min.js"></script>
1879 <script src="/Files/Templates/Designs/standard_responsiv/includes/nav/meanmenu/script.js"></script>
1880 <script>
1881 $(document).ready(function () {
1882 /*
1883 $($('a[href*="GroupID="]').parent('li').get().reverse()).each(function(){
1884 var $this = $(this);
1885 $this.insertBefore($this.siblings(':eq(0)'));
1886 });
1887 /*
1888 add secondary menu to main menu in mobile/tablet view
1889 */
1890 /*
1891 //add topmenu li elements to meanmenu
1892 var topMenu = $(".secondary-navigation >ul").children().clone().addClass("added-top-menu");
1893 $("nav > ul").append(topMenu);
1894 */
1895 //add class to sprogvalg ul so it works as a tab function on mobile as well
1896
1897
1898 $("#sprogvalg > li").addClass("dropdown");
1899 $("#sprogvalg > li > a").addClass("dropdown-toggle").attr("data-toggle", "dropdown");
1900 $("#sprogvalg > li > ul").addClass("dropdown-menu").attr("role", "menu");
1901
1902
1903 //$("sprogvalg .firstitem").html('<i class="fa fa-globe"></i>');
1904 var languageCount = $("#sprogvalg > li > ul").children().length;
1905 //languageCount = 0;
1906 var sprogvalg = false;
1907
1908 if (languageCount > 0 && sprogvalg) {
1909 $(".house-mobile").hide();
1910 $("#sprogvalg").show();
1911 $(".globe-mobile").show();
1912 } else {
1913 $("#sprogvalg").hide();
1914 // $(".house-mobile").show();
1915 }
1916
1917
1918 // .after($("#LeftNavContainer > .M0").clone());
1919
1920
1921
1922
1923
1924 $("#cssmenu").meanmenu({ meanScreenWidth: "991" });
1925
1926
1927
1928 $("body").prepend($(".globe-mobile"));
1929
1930 });
1931 </script>
1932
1933 <!-- ******* JAVASCRIPT ******* -->
1934
1935 <script>
1936 //Add rows around all adjacent multisections
1937 $(document).ready(function () {
1938 var collection = [];
1939
1940 $('.multisection:not(.x1,.x2,.x3,.col-lg-12.col-md-12.col-sm-12.col-xs-12)').each(function () {
1941 var nextBox = $(this).next().hasClass('multisection');
1942
1943 collection.push($(this));
1944
1945 if ($(this).next().hasClasses(["x1", "x2", "x3", "x4"])) {
1946 nextBox = false;
1947 }
1948
1949 if (!nextBox) {
1950 var container = $('<div class="row multirow"></div>');
1951 container.insertBefore(collection[0]);
1952 for (i = 0; i < collection.length; i++) {
1953 collection[i].appendTo(container);
1954 }
1955 collection = [];
1956 }
1957 })
1958 });
1959
1960 $.fn.extend({
1961 hasClasses: function (selectors) {
1962 var self = this;
1963 for (var i in selectors) {
1964 if ($(self).hasClass(selectors[i]))
1965 return true;
1966 }
1967 return false;
1968 }
1969 });
1970 </script>
1971 @RenderSnippet("ParagraphScript")
1972 </body>
1973 </html>