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, 1);
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
1076 DateTime monthDate = new DateTime(DateTime.Now.Year, monthNumber, 1);
1077
1078
1079 MonthFolder newMonthFolder = new MonthFolder(monthDate.ToString("MMMM"), i, monthNumber);
1080 foreach (var eventDic in Directory.EnumerateDirectories("" + newMonthFolder.Path, "*", SearchOption.TopDirectoryOnly).OrderBy(x => x)) {
1081 newMonthFolder.EventFolders.Add(eventDic);
1082 }
1083 if (newMonthFolder.EventFolders.Any()) {
1084 newYearFolder.MonthFolders.Add(newMonthFolder);
1085 }
1086
1087
1088 } else {
1089 MonthFolder newMonthFolder = new MonthFolder(i.Substring(i.LastIndexOf("\\") + 1), i);
1090 newYearFolder.MonthFolders.Add(newMonthFolder);
1091 }
1092
1093
1094 }
1095 //newYearFolder.MonthFolders.Add()
1096
1097 newYearFolders.Add(newYearFolder);
1098 }
1099
1100
1101
1102
1103
1104
1105
1106 //foreach (string s in yearFolders) {
1107 // if (Directory.EnumerateFiles("" + s, "*.jp*", SearchOption.AllDirectories).Any()) {
1108 // newFolders.Add(s, Directory
1109 // .EnumerateDirectories("" + s, "*", SearchOption.TopDirectoryOnly)
1110 // .Where(x => Directory.EnumerateFiles("" + x, "*.jp*", SearchOption.AllDirectories).Any()).OrderBy(x => x));
1111
1112 // if (Directory.EnumerateFiles(s, "*.jp*", SearchOption.AllDirectories).Any()) {
1113 // newYearFolders.Add(new YearFolder(s.Substring(s.LastIndexOf("\\") + 1), s));
1114 // }
1115
1116 // }
1117
1118 //}
1119 }
1120
1121
1122 //var folders = Directory.EnumerateDirectories("" + filesPath, "*.*", SearchOption.TopDirectoryOnly).OrderByDescending(x => x);
1123
1124 string currentFolder = "" + System.Web.HttpContext.Current.Request.QueryString.Get("galleryfolder");
1125 string currentYear = "" + System.Web.HttpContext.Current.Request.QueryString.Get("year");
1126 string currentMonth = "" + System.Web.HttpContext.Current.Request.QueryString.Get("month");
1127 int currentIntMonth = 0;
1128
1129
1130 //if (string.IsNullOrWhiteSpace(currentYear)) {
1131 // currentYear = yearFolders.First().Substring(yearFolders.First().LastIndexOf("\\") + 1);
1132 //}
1133
1134 if (!string.IsNullOrWhiteSpace(currentFolder)) {
1135
1136 if (!string.IsNullOrWhiteSpace(currentMonth)) {
1137
1138 if (int.TryParse(currentMonth, out currentIntMonth) && currentIntMonth != 0 && currentIntMonth < 13) {
1139 currentFolder = filesPath + currentYear + "\\" + currentIntMonth.ToString("00") + "\\" + System.Web.HttpUtility.UrlDecode(currentFolder);
1140 } else {
1141 currentFolder = filesPath + currentYear + "\\" + System.Web.HttpUtility.UrlDecode(currentFolder);
1142 }
1143
1144 } else {
1145 currentFolder = filesPath + currentYear + "\\" + System.Web.HttpUtility.UrlDecode(currentFolder);
1146 }
1147
1148 }
1149
1150 string currentYearName = currentYear.Substring(currentYear.LastIndexOf("\\") + 1);
1151 string currentFolderName = currentFolder.Substring(currentFolder.LastIndexOf("\\") + 1);
1152 string currentFolderWebPath = folder + currentYearName + "/" + currentFolderName + "/";
1153 if (currentIntMonth != 0) {
1154 currentFolderWebPath = folder + currentYearName + "/" + currentIntMonth.ToString("00") + "/" + currentFolderName + "/";
1155 }
1156
1157
1158
1159 }
1160 <div class="@contentwrapperClass">
1161 <div class="row">
1162 <div class="col-sm-3 col-md-3 col-lg-3 col-xs-12">
1163 <div class="sidemenu row" id="LeftNav">
1164 <div class="col-lg-12 col-xs-12" id="LeftNavContainer">
1165 <ul>
1166 <li><a href="/Default.aspx?ID=@Model.ID">Galleri forside</a></li>
1167 @foreach (var year in newYearFolders) {
1168 string yearClass = "menu-opener";
1169 string yearText = year.Name;
1170 if (yearText == currentYear) {
1171 yearClass += " active";
1172 }
1173 <li class="@yearClass">
1174 <a title="fold ud">@yearText</a>
1175 <ul class="menu-wrapper M0">
1176 @foreach (var monthFolder in year.MonthFolders) {
1177 string folderName = monthFolder.Name;
1178
1179 if (monthFolder.MonthNumber != 0) {
1180 string monthClass = "menu-opener month";
1181 if (monthFolder.MonthNumber == currentIntMonth) {
1182 monthClass += " active";
1183 }
1184 <li class="@monthClass">
1185 <a title="fold ud">@monthFolder.Name</a>
1186 <ul class="menu-wrapper M0">
1187 @foreach (var i in monthFolder.EventFolders) {
1188 string eventFolderName = i.Substring(i.LastIndexOf("\\") + 1);
1189 string folderUrl = "/Default.aspx?ID=" + Pageview.ID + "&galleryfolder=" + System.Web.HttpUtility.UrlEncode(eventFolderName) + "&year=" + yearText + "&month=" + monthFolder.MonthNumber;
1190 string liClass = "L2";
1191 if (eventFolderName == currentFolderName) {
1192 liClass += "_Active";
1193 }
1194 <li class="@liClass">
1195 <a class="@liClass" title="@eventFolderName" href="@folderUrl">@eventFolderName</a>
1196 </li>
1197 }
1198 </ul>
1199 </li>
1200
1201
1202 } else {
1203 string folderUrl = "/Default.aspx?ID=" + Pageview.ID + "&galleryfolder=" + System.Web.HttpUtility.UrlEncode(folderName) + "&year=" + yearText + "&month=" + monthFolder.MonthNumber;
1204 string liClass = "L2";
1205 if (folderName == currentFolderName) {
1206 liClass += "_Active";
1207 }
1208 <li class="@liClass">
1209 <a class="@liClass" title="@folderName" href="@folderUrl">@folderName</a>
1210 </li>
1211 }
1212
1213
1214 }
1215 </ul>
1216 </li>
1217 }
1218 </ul>
1219 </div>
1220 </div>
1221 </div>
1222 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 displayprint">
1223 @if (!string.IsNullOrWhiteSpace(currentFolderName)) {
1224 <h1>@currentFolderName</h1>
1225 <div class="row">
1226 <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
1227 @foreach (var i in Model.Item.GetItems("Texts")) {
1228 if (i.GetInt32("Year").ToString().ToLower() == currentYear.ToLower() && i.GetString("FolderName").ToLower() == currentFolderName.ToLower()) {
1229 if (!string.IsNullOrWhiteSpace(i.GetString("Text"))) {
1230 <div>@i.GetString("Text")</div>
1231 }
1232 break;
1233 }
1234 }
1235 <div class="row">
1236 <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
1237 @foreach (string s in Directory.EnumerateFiles("" + currentFolder, "*.jp*", SearchOption.TopDirectoryOnly)) {
1238 string fileName = s.Substring(s.LastIndexOf("\\") + 1);
1239 string fileUrl = currentFolderWebPath + fileName;
1240 string fileCroppedUrl = "/admin/public/getimage.ashx?Image=" + fileUrl + "&width=384&height=256&crop=0";
1241 PushPromise(fileCroppedUrl);
1242 <div class="GalleryImg col-lg-3 col-md-4 col-sm-4 col-xs-12">
1243 <a href="@fileUrl" class="swipebox">
1244 <img class="img-responsive" title="@fileName" alt="@fileName" src="@fileCroppedUrl">
1245 </a>
1246 </div>
1247 }
1248 </div>
1249 </div>
1250
1251 </div>
1252 </div>
1253 } else {
1254 <div class="row">
1255 <div class="col-xs-12">
1256 @Model.Item.GetString("WelcomeContent")
1257 </div>
1258 </div>
1259 }
1260
1261 <div class="row">
1262 @if (loggedInUser && !string.IsNullOrWhiteSpace(currentFolderName)) {
1263 <div class="col-xs-12">
1264 @Model.Placeholder("ContentFull", "Fuld bredde")
1265 </div>
1266 }
1267 </div>
1268 </div>
1269 </div>
1270 </div>
1271 @if (false) {
1272 <div class="@contentwrapperClass">
1273 <div class="row">
1274 <div class="col-sm-3 col-md-3 col-lg-3 col-xs-12">
1275 <div class="sidemenu row" id="LeftNav">
1276 <div class="col-lg-12 col-xs-12" id="LeftNavContainer">
1277 <ul>
1278 <li><a href="/Default.aspx?ID=@Model.ID">Galleri forside</a></li>
1279 @foreach (var year in newFolders) {
1280 string yearClass = "menu-opener";
1281 string yearText = year.Key.Substring(year.Key.LastIndexOf("\\") + 1);
1282 if (yearText == currentYear) {
1283 yearClass += " active";
1284 }
1285 <li class="@yearClass">
1286 <a title="fold ud">@yearText</a>
1287 <ul class="menu-wrapper M0">
1288 @foreach (string s in year.Value) {
1289 string folderName = s.Substring(s.LastIndexOf("\\") + 1);
1290 string folderUrl = "/Default.aspx?ID=" + Pageview.ID + "&galleryfolder=" + System.Web.HttpUtility.UrlEncode(folderName) + "&year=" + yearText;
1291 string liClass = "L2";
1292 if (folderName == currentFolderName) {
1293 liClass += "_Active";
1294 }
1295 <li class="@liClass">
1296 <a class="@liClass" title="@folderName" href="@folderUrl">@folderName</a>
1297 </li>
1298 }
1299 </ul>
1300 </li>
1301 }
1302 </ul>
1303 </div>
1304 </div>
1305 </div>
1306 <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 displayprint">
1307 @if (!string.IsNullOrWhiteSpace(currentFolderName)) {
1308 <h1>@currentFolderName</h1>
1309 <div class="row">
1310 <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
1311 @foreach (var i in Model.Item.GetItems("Texts")) {
1312 if (i.GetInt32("Year").ToString().ToLower() == currentYear.ToLower() && i.GetString("FolderName").ToLower() == currentFolderName.ToLower()) {
1313 if (!string.IsNullOrWhiteSpace(i.GetString("Text"))) {
1314 <div>@i.GetString("Text")</div>
1315 }
1316 break;
1317 }
1318 }
1319 <div class="row">
1320 <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
1321 <pre>@currentFolder</pre>
1322 @foreach (string s in Directory.EnumerateFiles("" + currentFolder, "*.jp*", SearchOption.TopDirectoryOnly)) {
1323 string fileName = s.Substring(s.LastIndexOf("\\") + 1);
1324 string fileUrl = currentFolderWebPath + fileName;
1325 string fileCroppedUrl = "/admin/public/getimage.ashx?Image=" + fileUrl + "&width=384&height=256&crop=0";
1326 PushPromise(fileCroppedUrl);
1327 <div class="GalleryImg col-lg-3 col-md-4 col-sm-4 col-xs-12">
1328 <a href="@fileUrl" class="swipebox">
1329 <img class="img-responsive" title="@fileName" alt="@fileName" src="@fileCroppedUrl">
1330 </a>
1331 </div>
1332 }
1333 </div>
1334 </div>
1335
1336 </div>
1337 </div>
1338 } else {
1339 <div class="row">
1340 <div class="col-xs-12">
1341 @Model.Item.GetString("WelcomeContent")
1342 </div>
1343 </div>
1344 }
1345
1346 <div class="row">
1347 @*@if (loggedInUser && !string.IsNullOrWhiteSpace(currentFolderName)) {
1348 <div class="col-xs-12">
1349 Model.Placeholder("ContentFull", "Fuld bredde")
1350 </div>
1351 }*@
1352 </div>
1353 </div>
1354 </div>
1355 </div>
1356 }
1357
1358
1359 @SnippetStart("ParagraphScript")
1360 <style>
1361 .GalleryImg {
1362 padding: 5px;
1363 text-align: center;
1364 vertical-align: middle;
1365 }
1366
1367 .menu-wrapper {
1368 display: none;
1369 padding-left: 0;
1370 list-style: none;
1371 }
1372
1373 .menu-opener > a {
1374 cursor: pointer;
1375 user-select: none; /* supported by Chrome and Opera */
1376 -webkit-user-select: none; /* Safari */
1377 -khtml-user-select: none; /* Konqueror HTML */
1378 -moz-user-select: none; /* Firefox */
1379 -ms-user-select: none; /* Internet Explorer/Edge */
1380 }
1381
1382 #LeftNavContainer .menu-opener > a {
1383 display: block;
1384 }
1385
1386 #LeftNavContainer .menu-opener > a:hover {
1387 background-color: #f7f7f7 !important;
1388 color: #000 !important;
1389 }
1390
1391 #LeftNavContainer .menu-opener > a:after {
1392 display: inline-block;
1393 font: normal normal normal 14px/1 FontAwesome;
1394 font-size: inherit;
1395 text-rendering: auto;
1396 -webkit-font-smoothing: antialiased;
1397 -moz-osx-font-smoothing: grayscale;
1398 margin-left: 5px;
1399 content: "\f107";
1400 }
1401
1402 #LeftNavContainer .menu-opener.active > a {
1403 background-color: #f0f0f0 !important;
1404 color: #333 !important;
1405 font-weight: bold !important;
1406 }
1407
1408 #LeftNavContainer .menu-opener.active > a:after {
1409 content: "\f106";
1410 }
1411
1412 #LeftNavContainer .menu-opener > a {
1413 display: block;
1414 }
1415
1416 #LeftNavContainer .menu-opener > ul > li > a {
1417 padding: 5px 10px 5px 30px !important;
1418 }
1419
1420 .menu-opener.active > .menu-wrapper {
1421 display: inherit;
1422 }
1423
1424 #LeftNavContainer .month > a{
1425 font-weight:bold !important;
1426 text-transform:capitalize;
1427 }
1428 </style>
1429 <script defer>
1430 $("form#dw-form-13").prepend("<input type=\"hidden\" name=\"FormUploadPath\" value=\"@currentFolderWebPath.Substring(6)\">")
1431 $("form#dw-form-13").prepend("<input type=\"hidden\" name=\"formSubmitPageAfterSave\" value=\"" + document.location + "\">")
1432 $(".menu-opener > a").click(function (e) {
1433 e.preventDefault();
1434 console.log($(".menu-wrapper", $(this).parent()));
1435 $(this).parent().toggleClass("active");
1436 return false;
1437 });
1438
1439 </script>
1440 @if (loggedInUser) {
1441 <script>
1442 $("#Upload").attr("accept", ".jpg,jpeg")
1443 </script>
1444 }
1445 @SnippetEnd("ParagraphScript")
1446
1447 </div><!-- /row -->
1448
1449 </div><!-- /container -->
1450 <!--SCRIPT TIL AT SKJULE VENSTRE MENU, HVIS DEN ER HELT TOM -->
1451 <!-- KAMPAGNE -->
1452 <!-- Sekundær footer -->
1453
1454
1455
1456 <div id="footer" style="background-color:#EEEEEE;" class="print">
1457 <div class="col-lg-12" style="float: none;">
1458 <div class="container">
1459 <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">
1460 <style type="text/css">
1461 .multi_3833 p, .multi_3833 h1, .multi_3833 h2, .multi_3833 h3, .multi_3833 h4, .multi_3833 ul {
1462 color: !important;
1463 }
1464
1465 .multi_3833 .module .flexcol, .multi_3833 .module .dynamic-container .item {
1466 clear: none;
1467 }
1468 </style>
1469
1470 <div class='multispacer' style='width:100%; display:block;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0)),url("");color: !important;;'>
1471
1472
1473
1474
1475 <div class="multitop">
1476
1477
1478 <div class="figure">
1479 <h4 class="h4"><span class="ImageText">Links</span></h4>
1480
1481 <div class="Citat"><span class="ImageText"><a href="/forum">⇒ Forum</a></span></div>
1482
1483 <div class="Citat"><span class="ImageText"><a href="https://mx5club.dk/kontakt/bestyrelsen">⇒ Kontakt</a></span></div>
1484
1485 <div class="Citat"><span class="ImageText"><a href="/værksted">⇒ Værksted</a></span></div>
1486
1487 <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>
1488
1489 <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>
1490
1491 <div class="Citat"><a href="https://mx5club.dk/vejledninger">⇒ Vejledninger</a></div>
1492
1493 <div class="Citat"> </div>
1494
1495 <div class="Citat"> </div>
1496
1497 <div class="Citat"> </div>
1498
1499 <div class="Citat"> </div>
1500
1501 <h4 class="h4"> </h4>
1502
1503 <p> </p>
1504
1505 <p> </p>
1506
1507 </div>
1508
1509 <div class="module">
1510
1511 </div>
1512
1513
1514 </div>
1515
1516
1517
1518 </div>
1519 </div>
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
1535
1536 <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">
1537 <style type="text/css">
1538 .multi_3882 p, .multi_3882 h1, .multi_3882 h2, .multi_3882 h3, .multi_3882 h4, .multi_3882 ul {
1539 color: !important;
1540 }
1541
1542 .multi_3882 .module .flexcol, .multi_3882 .module .dynamic-container .item {
1543 clear: none;
1544 }
1545 </style>
1546
1547 <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;;'>
1548
1549
1550
1551
1552 <div class="multitop">
1553
1554
1555 <div class="figure">
1556 <h4 class="h4">MX-5 Club Denmark</h4>
1557
1558 <div class="Citat"><span class="ImageText"><a href="/klubben">⇒ Klubben</a></span></div>
1559
1560 <div class="Citat"><a href="/klubben/vedtægter-forretningsorden">⇒ Vedtægter & Forretningsorden</a></div>
1561
1562 <div class="Citat"><a href="/klubben/kolonnekørsel">⇒ Kolonnekørsel</a></div>
1563
1564 <div class="Citat"><a href="/klubben/mx-5-hvorfor">⇒ MX-5 Hvorfor ?</a></div>
1565
1566 <div class="Citat"><a href="/klubben/betalingsservice">⇒ Betalingsservice</a></div>
1567
1568 <div class="Citat"><a href="/klubben/betalingsservice">⇒ </a><a href="/kontakt/cookies-og-persondata-politik">Cookies og persondata politik</a></div>
1569
1570 <div class="Citat"> </div>
1571
1572 </div>
1573
1574 <div class="module">
1575
1576 </div>
1577
1578
1579 </div>
1580
1581
1582
1583 </div>
1584 </div>
1585
1586
1587
1588
1589
1590
1591
1592
1593
1594
1595
1596
1597
1598
1599
1600
1601 <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">
1602 <style type="text/css">
1603 .multi_3883 p, .multi_3883 h1, .multi_3883 h2, .multi_3883 h3, .multi_3883 h4, .multi_3883 ul {
1604 color: !important;
1605 }
1606
1607 .multi_3883 .module .flexcol, .multi_3883 .module .dynamic-container .item {
1608 clear: none;
1609 }
1610 </style>
1611
1612 <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;;'>
1613
1614
1615
1616
1617 <div class="multitop">
1618
1619
1620 <div class="figure">
1621 <h4 class="h4"><strong>Åben sportsvogn</strong><span class="ImageText"></span></h4>
1622
1623 <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>
1624
1625 <p><span class="ImageText"></span></p>
1626
1627 </div>
1628
1629 <div class="module">
1630
1631 </div>
1632
1633
1634 </div>
1635
1636
1637
1638 </div>
1639 </div>
1640
1641
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654
1655
1656 <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">
1657 <style type="text/css">
1658 .multi_3884 p, .multi_3884 h1, .multi_3884 h2, .multi_3884 h3, .multi_3884 h4, .multi_3884 ul {
1659 color: !important;
1660 }
1661
1662 .multi_3884 .module .flexcol, .multi_3884 .module .dynamic-container .item {
1663 clear: none;
1664 }
1665 </style>
1666
1667
1668
1669
1670 <div class="multitop">
1671
1672
1673 </div>
1674 <div class="multibottom">
1675 <div class="figure">
1676 <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>
1677
1678 <p style="text-align: center;">
1679 <strong>
1680 <span style="font-size:12.0pt;font-family:">Bank: Danske Bank 9570 12795289 </span><span style="font-size:12.0pt;font-family:">
1681 Mobilepay: 13894<br />
1682 CVR:
1683 </span>
1684 </strong><span style="font-size:12.0pt;font-family:"> </span><strong>32990908<span style="font-size:12.0pt;font-family:"></span></strong>
1685 </p>
1686
1687 <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>
1688
1689 <p> </p>
1690
1691 </div>
1692
1693 <div class="module">
1694
1695 </div>
1696
1697
1698 </div>
1699
1700
1701
1702
1703
1704
1705 </div>
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715 <div id="poweredby">
1716 <a href="http://www.soegaard-co.dk" target="_blank" style="color:#ababab; font-size:11px;" class="powered-by">Powered by Søgaard & Co.</a>
1717 </div>
1718 </div>
1719 </div>
1720 </div>
1721 </div> <!-- container end -->
1722 <!-- search - which are being added to the top menu on mobile/ipad otherwise it's hidden -->
1723
1724 <div id="SearchBar" class="only-show-mobile print">
1725 <form action="Default.aspx" method="get" name="SearchForm1">
1726 <input type="hidden" name="ID" value="71">
1727 <input id="SearchField" type="text" name="q" value="">
1728 <button id="searchimages" type="submit" value="Søg"><i class="fa fa-search"></i></button>
1729 </form>
1730 </div>
1731 </div>
1732
1733
1734
1735 <a id="tothetop">
1736 <i class="fa fa-angle-up"></i>
1737 </a>
1738
1739 <style type="text/css">
1740 #tothetop {
1741 width: 40px;
1742 height: 40px;
1743 position: fixed;
1744 bottom: 50px;
1745 right: 30px;
1746 cursor: pointer;
1747 display: none;
1748 z-index: 999;
1749 }
1750
1751 #tothetop:before {
1752 content: '';
1753 width: 100%;
1754 height: 100%;
1755 position: absolute;
1756 background-color: #000;
1757 opacity: 0.25;
1758 z-index: 998;
1759 }
1760
1761 #tothetop .fa {
1762 color: #fff;
1763 z-index: 999;
1764 font-size: 40px;
1765 line-height: 37px;
1766 width: 100;
1767 z-index: 999;
1768 position: relative;
1769 margin-left: 6px;
1770 }
1771 </style>
1772
1773 <script type="text/javascript">
1774 var isVisible = false;
1775 $(window).scroll(function () {
1776 var shouldBeVisible = $(window).scrollTop() > 600;
1777 if (shouldBeVisible && !isVisible) {
1778 isVisible = true;
1779 $('#tothetop').fadeIn(200);
1780 } else if (isVisible && !shouldBeVisible) {
1781 isVisible = false;
1782 $('#tothetop').fadeOut(200);
1783 }
1784 });
1785 $(document).ready(function () {
1786 $('#tothetop').click(function () {
1787 $('body,html').animate({
1788 scrollTop: 0
1789 }, 400);
1790 return false;
1791 });
1792 });
1793 </script>
1794
1795
1796
1797
1798
1799
1800 <script src="/Files/System/validation.js"></script>
1801
1802
1803 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
1804 <script src="/Files/Templates/Designs/standard_responsiv/assets/owl-carousel/owl.js"></script>
1805
1806 <script src="//cdnjs.cloudflare.com/ajax/libs/spin.js/2.0.1/spin.min.js"></script>
1807 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
1808 <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
1809
1810
1811 <script src="/Files/Templates/Designs/customjs/bootstrap_test.js"></script>
1812
1813
1814
1815 <link rel="Stylesheet" href="/Files/Templates/Designs/standard_responsiv/assets/swipebox/swipebox.css">
1816 <script type="text/javascript" src="/Files/Templates/Designs/standard_responsiv/assets/swipebox/jquery.swipebox.min.js"></script>
1817 <script type="text/javascript">
1818 $(".ecom_mobile").insertBefore($("#navdiv"));
1819
1820 $(function () {
1821
1822 $('.swipebox').swipebox({
1823 hideBarsDelay: 0,
1824 loopAtEnd: true,
1825 beforeOpen: function () {
1826 $(".at4-share-outer").hide();
1827 },
1828 afterClose: function () {
1829 $(".at4-share-outer").show();
1830 }
1831 });
1832
1833 $('.swipebox-video').swipebox({
1834 hideBarsDelay: 0,
1835 loopAtEnd: true,
1836 beforeOpen: function () {
1837 $(".at4-share-outer").hide();
1838 },
1839 afterOpen: function () {
1840 $("#swipebox-bottom-bar").hide();
1841 console.log("hiding bottom bar");
1842 },
1843 afterClose: function () {
1844 $(".at4-share-outer").show();
1845 }
1846 });
1847 });
1848 </script>
1849
1850
1851
1852 <script src="/Files/Templates/Designs/standard_responsiv/assets/revolutionslider/js/jquery.themepunch.tools.min.js"></script>
1853 <script src="/Files/Templates/Designs/standard_responsiv/assets/revolutionslider/js/jquery.themepunch.revolution.min.js"></script>
1854 <script>
1855 var SliderHeight_483 = 380;
1856 SliderHeight_483 = 200;
1857 if (SliderHeight_483 == 0) SliderHeight = 380;
1858
1859
1860 //console.log("SliderHeight_483: "+SliderHeight_483);
1861 jQuery(document).ready(function () {
1862 jQuery('.revolu_slider_483 > div > .tp-banner-container > .tp-banner').revolution(
1863 {
1864 delay: 10000,
1865 startheight: SliderHeight_483,
1866 autoHeight: "off",
1867 minHeight: "250",
1868 lazyLoad: "on",
1869 shuffle: ""
1870 });
1871
1872 $(".revolu_slider_483").fadeTo(500, 1);
1873 $(".revolu_slider_483").removeClass("hctrl_483");
1874 //.show(200, function(){$("#topslideshow > #slidetop_container").css({"height":"auto"});});
1875 });
1876
1877 </script>
1878
1879
1880 <script src="/Files/Templates/Designs/standard_responsiv/includes/nav/meanmenu/jquery.meanmenu.min.js"></script>
1881 <script src="/Files/Templates/Designs/standard_responsiv/includes/nav/meanmenu/script.js"></script>
1882 <script>
1883 $(document).ready(function () {
1884 /*
1885 $($('a[href*="GroupID="]').parent('li').get().reverse()).each(function(){
1886 var $this = $(this);
1887 $this.insertBefore($this.siblings(':eq(0)'));
1888 });
1889 /*
1890 add secondary menu to main menu in mobile/tablet view
1891 */
1892 /*
1893 //add topmenu li elements to meanmenu
1894 var topMenu = $(".secondary-navigation >ul").children().clone().addClass("added-top-menu");
1895 $("nav > ul").append(topMenu);
1896 */
1897 //add class to sprogvalg ul so it works as a tab function on mobile as well
1898
1899
1900 $("#sprogvalg > li").addClass("dropdown");
1901 $("#sprogvalg > li > a").addClass("dropdown-toggle").attr("data-toggle", "dropdown");
1902 $("#sprogvalg > li > ul").addClass("dropdown-menu").attr("role", "menu");
1903
1904
1905 //$("sprogvalg .firstitem").html('<i class="fa fa-globe"></i>');
1906 var languageCount = $("#sprogvalg > li > ul").children().length;
1907 //languageCount = 0;
1908 var sprogvalg = false;
1909
1910 if (languageCount > 0 && sprogvalg) {
1911 $(".house-mobile").hide();
1912 $("#sprogvalg").show();
1913 $(".globe-mobile").show();
1914 } else {
1915 $("#sprogvalg").hide();
1916 // $(".house-mobile").show();
1917 }
1918
1919
1920 // .after($("#LeftNavContainer > .M0").clone());
1921
1922
1923
1924
1925
1926 $("#cssmenu").meanmenu({ meanScreenWidth: "991" });
1927
1928
1929
1930 $("body").prepend($(".globe-mobile"));
1931
1932 });
1933 </script>
1934
1935 <!-- ******* JAVASCRIPT ******* -->
1936
1937 <script>
1938 //Add rows around all adjacent multisections
1939 $(document).ready(function () {
1940 var collection = [];
1941
1942 $('.multisection:not(.x1,.x2,.x3,.col-lg-12.col-md-12.col-sm-12.col-xs-12)').each(function () {
1943 var nextBox = $(this).next().hasClass('multisection');
1944
1945 collection.push($(this));
1946
1947 if ($(this).next().hasClasses(["x1", "x2", "x3", "x4"])) {
1948 nextBox = false;
1949 }
1950
1951 if (!nextBox) {
1952 var container = $('<div class="row multirow"></div>');
1953 container.insertBefore(collection[0]);
1954 for (i = 0; i < collection.length; i++) {
1955 collection[i].appendTo(container);
1956 }
1957 collection = [];
1958 }
1959 })
1960 });
1961
1962 $.fn.extend({
1963 hasClasses: function (selectors) {
1964 var self = this;
1965 for (var i in selectors) {
1966 if ($(self).hasClass(selectors[i]))
1967 return true;
1968 }
1969 return false;
1970 }
1971 });
1972 </script>
1973 @RenderSnippet("ParagraphScript")
1974 </body>
1975 </html>