Error executing template "Designs/standard_responsiv/_parsed/Gallery.parsed.cshtml"
System.ArgumentOutOfRangeException: Year, Month, and Day parameters describe an un-representable DateTime.
   at System.DateTime.DateToTicks(Int32 year, Int32 month, Int32 day)
   at System.DateTime..ctor(Int32 year, Int32 month, Int32 day)
   at CompiledRazorTemplates.Dynamic.RazorEngine_40c61d330d104b0ca9a8059f4b63e633.Execute() in E:\dynamicweb.net\Solutions\Soegaard\mx5club.dw9.dynamicweb-cms.com\Files\Templates\Designs\standard_responsiv\_parsed\Gallery.parsed.cshtml:line 1078
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

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>&nbsp;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>&nbsp;<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>&nbsp;</p> 603 <a class="pull-left" href="/login?LoginAction=Recovery">Glemt dit kodeord?</a> 604 &nbsp; 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 + "&amp;galleryfolder=" + System.Web.HttpUtility.UrlEncode(eventFolderName) + "&amp;year=" + yearText + "&amp;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 + "&amp;galleryfolder=" + System.Web.HttpUtility.UrlEncode(folderName) + "&amp;year=" + yearText + "&amp;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 + "&amp;width=384&amp;height=256&amp;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 + "&amp;galleryfolder=" + System.Web.HttpUtility.UrlEncode(folderName) + "&amp;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 + "&amp;width=384&amp;height=256&amp;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">⇒&nbsp;</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">&nbsp;</div> 1492 1493 <div class="Citat">&nbsp;</div> 1494 1495 <div class="Citat">&nbsp;</div> 1496 1497 <div class="Citat">&nbsp;</div> 1498 1499 <h4 class="h4">&nbsp;</h4> 1500 1501 <p>&nbsp;</p> 1502 1503 <p>&nbsp;</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 &amp; 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">⇒&nbsp;</a><a href="/kontakt/cookies-og-persondata-politik">Cookies og persondata politik</a></div> 1567 1568 <div class="Citat">&nbsp;</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&nbsp;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.&nbsp;</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>&nbsp;</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>