1 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 2 @using Dynamicweb; 3 4 <!DOCTYPE html> 5 @{ 6 var httpdomain = Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain(); 7 var ogurl = string.Format("{0}{1}", httpdomain, GetGlobalValue("Global:Pageview.Url")); 8 var cultShort = GetString("Lang"); 9 } 10 <html lang="@cultShort"> 11 <head prefix="og: http://ogp.me/ns#"> 12 <meta charset="utf-8"> 13 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 14 @*<meta name="viewport" content="width=device-width, initial-scale=1">*@ 15 <meta name="viewport" content="width=device-width, initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001"> 16 <meta name="theme-color" content="#fff"> 17 18 <meta property="og:site_name" content="Alkmaar Marketing"> 19 <meta property="og:url" content="@ogurl"> 20 21 @RenderSnippet("ogTags") 22 23 <title>@GetValue("Title")</title> 24 @GetValue("MetaTags") 25 @GetValue("CopyRightNotice") 26 27 <link href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 28 <link href="/Files/Templates/Designs/Alkmaar%20Marketing/dist/css/style.min.css?v=1.0.2" rel="stylesheet"> 29 <link rel="icon" href="/Files/Templates/Designs/Alkmaar%20Marketing/img/favicon.png" type="image/x-icon"> 30 31 32 @* <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css"> *@ 33 34 @GetString("Item.Area.Custom_Html_Head") 35 36 @renderRichSnippet() 37 @renderReviewSnippet() 38 39 @GetValue("Stylesheets") 40 @GetValue("Javascripts") 41 </head> 42 43 <body> 44 @GetString("Item.Area.Google_Tag_Manager") 45 46 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 47 @using Dynamicweb; 48 @using Dynamicweb.Content; 49 @using System.Globalization; 50 @using System.Text.RegularExpressions; 51  52 53 @{ 54 var introheader = GetString("Item.Page.Intro_Title"); 55 var introcontent = GetString("Item.Page.Intro_Content"); 56 var introbuttontext = GetString("Item.Page.Intro_Button_Text"); 57 var introbuttonlink = GetString("Item.Page.Intro_Button_Url"); 58 var introimg = GetString("Item.Page.Intro_Image"); 59 var vidUrl = GetString("Item.Page.Video_Url"); 60 var introimgMobile = GetString("Item.Page.Image_Mobile"); 61 var imgtag = !string.IsNullOrWhiteSpace(introimg) ? string.Format("background-image: url('{0}');", introimg) : ""; 62 var ishome = GetInteger("DwAreaFirstPageID") == GetInteger("Global.PageId"); 63 var homeheader = ishome ? "header--homepage" : ""; 64 var HideBanner = GetBoolean("Item.Page.HideBanner"); 65 var wave = HideBanner == false ? "wave" : ""; 66 67 var obj_pageViewCurrent = Dynamicweb.Frontend.PageView.Current(); 68 string areaID = obj_pageViewCurrent.AreaID.ToString(); 69 string countryCode = GetGlobalValue("Global:Area.Culture.CountryCode"); 70 71 CultureInfo cultureCurrent = CultureInfo.GetCultureInfo(Pageview.Area.Culture); 72 73 string currentCultureFlag = string.Format("/Admin/Images/Flags/flag_{0}.png", Pageview.Area.Culture.Substring(3, 2).ToLower()); 74 75 var staticLinks = GetLoop("Item.Area.StaticLinks"); 76 var languages = GetLoop("Languages").Where(x => !x.GetBoolean("IsCurrent")); 77 var listType = GetString("Item.Area.ListType"); 78 79 string defaultLogo = "/Files/Templates/Designs/Alkmaar Marketing/img/header__logo.png"; 80 string websiteLogo = !string.IsNullOrEmpty(GetString("Item.Area.Logo")) ? GetString("Item.Area.Logo") : defaultLogo; 81 var checkPageforPurpleWave = GetGlobalValue("Global:Page.ID") == "24375" ? "header--homepage" : ""; 82 83 string YoutubeId = null; 84 85 if (!string.IsNullOrWhiteSpace(GetString("Item.Page.Video_Url"))) 86 { 87 // regex for https://youtu.be/{videoid} 88 Regex regex = new Regex(@".be\/(.[^?]*)"); 89 Match match = regex.Match(GetString("Item.Page.Video_Url")); 90 if (match.Success) 91 { 92 YoutubeId = match.Groups[1].Value; 93 } 94 95 // regex for https://www.youtube.com/watch?v={videoid} 96 regex = new Regex(@"v=([^&]+)"); 97 match = regex.Match(this.GetString("Item.Page.Video_Url")); 98 if (match.Success) 99 { 100 YoutubeId = match.Groups[1].Value; 101 } 102 } 103 } 104 105 <header class="header @homeheader @checkPageforPurpleWave" style="@imgtag" data-mobileimg="@introimgMobile" data-introimg="@introimg"> 106 @if (!string.IsNullOrWhiteSpace(vidUrl) && string.IsNullOrWhiteSpace(introimg)) 107 { 108 <div class="video-background"> 109 <div class="video-background__container video-background__container--youtube"> 110 <iframe class="youtube-video" width="1800" height="500" src="https://www.youtube.com/embed/@YoutubeId?autoplay=1&mute=1&controls=0&loop=1&;playlist=@YoutubeId" title="YouTube video player" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe> 111 </div> 112 </div> 113 } 114 <section class="intro @wave"> 115 @if (HideBanner == false) 116 { 117 <div class="intro__content"> 118 @if (!string.IsNullOrWhiteSpace(introheader)) 119 { 120 <h1 class="intro__header">@introheader</h1>} 121 @if (!string.IsNullOrWhiteSpace(introcontent)) 122 { 123 <p>@introcontent</p>} 124 @if (!string.IsNullOrWhiteSpace(introbuttontext) && !string.IsNullOrWhiteSpace(introbuttonlink)) 125 { 126 <a href="@introbuttonlink" class="intro__cta">@introbuttontext</a>} 127 </div> 128 } 129 </section> 130 131 <section class="header__container header__container--sticky"> 132 <a href="/" class="header__logo"> 133 <figure class="header__logo-img"></figure> 134 </a> 135 136 <nav class="mainmenu"> 137 138 <div class="mainmenu__items"> 139 @if (ishome) 140 { 141 <ul class="mainmenu__list mainmenu__list--homemenu hidden-md-up"> 142 @GetValue("DwNavigation(homemenu)") 143 </ul> 144 } 145 <ul class="mainmenu__list"> 146 @GetValue("DwNavigation(mainmenu)") 147 </ul> 148 </div> 149 @{ 150 var searchpage = GetString("Item.Area.SearchPageID"); 151 var searchplaceholder = Translate("Search.PlaceholderText", "Waar bent u naar op zoek?"); 152 <section class="searchbox"> 153 <form class="searchbox__form" method="get" action="/Default.aspx"> 154 <input type="hidden" name="ID" value="@searchpage"> 155 <input type="text" name="q" value="" placeholder="@searchplaceholder" class="searchbox__input"> 156 <i class="searchbox__close hidden-md-up"></i> 157 </form> 158 <a href="#" class="mainmenu__searchtoggle"></a> 159 </section> 160 } 161 162 <div class="mainmenu__social"> 163 @{ 164 var fbLink = GetString("Item.Area.Facebook"); 165 var twitterLink = GetString("Item.Area.Twitter"); 166 var instagramLink = GetString("Item.Area.Instagram"); 167 168 if (!string.IsNullOrWhiteSpace(fbLink)) 169 { 170 <a href="@fbLink" target="_blank" title="Facebook" class="mainmenu__sociallink mainmenu__sociallink--fb"> 171 <img src="/Files/Templates/Designs/Alkmaar%20Marketing/img/socialmedia__icon--facebook.png"> 172 </a> 173 } 174 if (!string.IsNullOrWhiteSpace(twitterLink)) 175 { 176 <a href="@twitterLink" target="_blank" title="Twitter" class="mainmenu__sociallink mainmenu__sociallink--twitter"> 177 <img src="/Files/Templates/Designs/Alkmaar%20Marketing/img/socialmedia__icon--twitter.png"> 178 </a> 179 } 180 if (!string.IsNullOrWhiteSpace(instagramLink)) 181 { 182 <a href="@instagramLink" target="_blank" title="Instagram" class="mainmenu__sociallink mainmenu__sociallink--ig"> 183 <img src="/Files/Templates/Designs/Alkmaar%20Marketing/img/socialmedia__icon--instagram.png"> 184 </a> 185 } 186 } 187 </div> 188 </nav> 189 190 <ul class="mainmenu__buttons" data-test='@GetValue("Area.ID") @GetValue("DwAreaFirstPageID")'> 191  192 <li class="mainmenu__buttons-button"> 193 <a href="#" id="language" class="mainmenu__languageswitch" style="background-image: url('@currentCultureFlag');"></a> 194 <ul id="languageDropdown" class="mainmenu__languageswitch--dropdown" role="menu" aria-labelledby="languageselect"> 195 @if ((listType == "all" || listType == "language") && languages.Any()) 196 { 197 foreach (var language in languages) 198 { 199 200 var homepage = language.GetInteger("FirstActivePageID"); 201 var name = language.GetString("Name"); 202 string languageCode = language.GetString("Culture").Substring(3, 2).ToLower(); 203 int firstPageID = language.GetInteger("FirstActivePageID"); 204 //int pageId = language.GetInteger("DwPageID"); 205 int pageId = language.GetInteger("PageID"); 206 int areaId = language.GetInteger("ID"); 207 string isCurrent = language.GetBoolean("IsCurrent") ? " selected " : ""; 208 bool isMaster = language.GetBoolean("IsMaster"); 209 210 //Page linkPage = Page.GetPageBySql("Select * from Page where PageAreaID = '" + areaID + "' and PageMasterPageID = '" + pageId + "'"); 211 string pageVersionID = pageId > 0 ? pageId.ToString() : firstPageID.ToString(); //isMaster && linkPage != null ? linkPage.ID.ToString() : masterPage.ToString(); 212 213 string pageUrl = "/Default.aspx?ID=" + pageVersionID; 214 var cultureFlag = string.Format("/Admin/Images/Flags/flag_{0}.png", languageCode); 215 216 217 218 219 //int localizedPageID = "1"; //pageId > 0 ? pageService.GetPageIDByMasterID(pageId, areaId) : homepage; 220 //pageId = localizedPageID == 0 ? pageId : localizedPageID; 221 //string pageUrl = "";// Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(pageId); 222 223 <li role="presentation" data-current="@isCurrent"> 224 <a role="menuitem" tabindex="-1" href='@pageUrl' title="@name" style="background-image: url(@cultureFlag);" class="mainmenu__languageswitch"></a> 225 </li> 226 227 } 228 } 229 @if ((listType == "all" || listType == "static") && staticLinks.Any()) 230 { 231 foreach (var staticLink in staticLinks) 232 { 233 var txt = staticLink.GetString("Item.Area.StaticLinks.Title"); 234 var link = staticLink.GetString("Item.Area.StaticLinks.Link"); 235 var icon = staticLink.GetString("Item.Area.StaticLinks.Icon"); 236 var flag = string.Format("/Admin/Images/Flags/flag_{0}.png", icon); 237 238 if (!string.IsNullOrWhiteSpace(txt) && !string.IsNullOrWhiteSpace(link)) 239 { 240 <li role="presentation"> 241 <a role="menuitem" tabindex="-1" href="@link" title="@txt" style="background-image: url(@flag);" target="_blank" class="mainmenu__languageswitch"></a> 242 </li> 243 } 244 } 245 } 246 247 </ul> 248 </li> 249 <li class="mainmenu__buttons-button"> 250 <a href="#" class="mainmenu__toggle"> 251 <div class="mainmenu__toggle__btn"></div> 252 <div class="mainmenu__placeholder"></div> 253 </a> 254 </li> 255 </ul> 256 <a href="https://www.alkmaarprachtstad.nl/vvv-alkmaar" target="_blank" class="header__vvv-logo"> 257 <img src="/Files/Images/vvv_los.png"> 258 </a> 259 </section> 260 </header> 261  262 263 @if (GetInteger("DwAreaFirstPageID") == GetInteger("Global.PageId") && !(string.IsNullOrWhiteSpace(GetString("Item.Area.ShoutboxSubtitle.Value")) && string.IsNullOrWhiteSpace(GetString("Item.Area.ShoutboxTitle.Value")))) 264 { 265 var link = GetString("Item.Area.ShoutLink.Value"); 266 <div class="shoutbox"> 267 <a href="@link" class="shoutbox__link"> 268 <span class="shoutbox__date">@GetString("Item.Area.ShoutboxSubtitle.Value")</span> 269 <span class="shoutbox__title">@GetString("Item.Area.ShoutboxTitle.Value")</span> 270 </a> 271 </div> 272 } 273 274 @if (GetBoolean("Item.Page.ShowShoutbox")) 275 { 276 var link = GetString("Item.Page.ShoutboxLink"); 277 var text = GetString("Item.Page.ShoutboxText"); 278 bool isExternal = link.StartsWith("http"); 279 bool hasDefault = link.StartsWith("Default.aspx"); 280 var url = isExternal || hasDefault ? @link : "/Default.aspx?Id=" + @link; 281 var target = isExternal ? "_blank" : "_self"; 282 283 <div class="shoutbox shoutbox--custom"> 284 <a href="@url" class="shoutbox__link" target="@target"> 285 <span class="shoutbox__title">@text</span> 286 </a> 287 </div> 288 289 @SnippetStart("ShoutboxButton") 290 <div> 291 <a href="/Default.aspx?Id=@link" class="filters__input filters__input--diap">@text</a> 292 </div> 293 @SnippetEnd("ShoutboxButton") 294 } 295 296 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 297 @using Dynamicweb; 298 @using System.Linq; 299 300 301 302 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 303 @using Dynamicweb; 304 @using System.Linq; 305 306 @{ 307 var ogdesc = GetString("Meta.Description"); 308 var ogtitle = GetString("Title"); 309 var og_item_image = GetString("Item.Image"); 310 var og_page_image = GetString("Item.Page.Og_Image"); 311 var ogimage = !string.IsNullOrWhiteSpace(og_page_image) ? string.Format("{0}{1}", httpdomain, og_page_image) : string.Format("{0}{1}", httpdomain, og_item_image); //httpdomain is declared in Master.cshtml 312 } 313 314 @SnippetStart("ogTags") 315 <meta property="og:title" content="@ogtitle"> 316 <meta property="og:description" content="@ogdesc"> 317 <meta property="og:type" content="website"> 318 @if (!string.IsNullOrWhiteSpace(og_item_image) || !string.IsNullOrWhiteSpace(og_page_image)) 319 { 320 <meta property="og:image" content="@ogimage"> 321 } 322 @SnippetEnd("ogTags") 323 324 325 @if (GetBoolean("Item.Page.ShowPagetitle")) 326 { 327 <div class="container"> 328 <h1> 329 @(string.IsNullOrWhiteSpace(GetString("Item.Page.AlternativePagetitle")) ? GetString("DwPageName") : GetString("Item.Page.AlternativePagetitle")) 330 </h1> 331 </div> 332 } 333 @GetValue("DwContent(maincontent)") 334 335 336 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 337 @using Dynamicweb; 338 339 @{ 340 var newsletterid = GetInteger("Item.Area.NewsletterSubscribeParagraph"); 341 if (newsletterid > 0) 342 { 343 @RenderParagraphContent(newsletterid) 344 } 345 } 346 347 <footer class="footer"> 348 349 <section class="footer__middle container"> 350 <div class="row"> 351 <div class="col-md-6"> 352 @{ 353 var footertitle = GetString("Item.Area.FooterContent_Title"); 354 var footerimg = GetString("Item.Area.FooterContent_Image"); 355 var footertext = GetString("Item.Area.FooterContent_Text"); 356 } 357 <h4 class="footer__subtitle">@footertitle</h4> 358 <div class="row"> 359 <div class="col-md-4"> 360 <img src="@footerimg" class="footer__img"> 361 </div> 362 <div class="col-md-5">@footertext</div> 363 </div> 364 </div> 365 366 <div class="col-md-6"> 367 <nav class="footer-nav row"> 368 @GetValue("DwNavigation(footernavigation)") 369 </nav> 370 </div> 371 </div> 372 373 374 </section> 375 <section class="footer__bottom container"> 376 <div class="row"> 377 <div class="footer__social col-xs-12 col-sm-6 col-lg-2"> 378 @{ 379 var fb = GetString("Item.Area.Facebook"); 380 var twitter = GetString("Item.Area.Twitter"); 381 var instagram = GetString("Item.Area.Instagram"); 382 383 if (!string.IsNullOrWhiteSpace(fb)) 384 { 385 <a href="@fb" target="_blank" title="Facebook" class="footer__sociallink footer__sociallink--fb"> 386 <img src="/Files/Templates/Designs/Alkmaar%20Marketing/img/socialmedia__icon--facebook.png"> 387 </a> 388 } 389 if (!string.IsNullOrWhiteSpace(twitter)) 390 { 391 <a href="@twitter" target="_blank" title="Twitter" class="footer__sociallink footer__sociallink--twitter"> 392 <img src="/Files/Templates/Designs/Alkmaar%20Marketing/img/socialmedia__icon--twitter.png"> 393 </a> 394 } 395 if (!string.IsNullOrWhiteSpace(instagram)) 396 { 397 <a href="@instagram" target="_blank" title="Instagram" class="footer__sociallink footer__sociallink--ig"> 398 <img src="/Files/Templates/Designs/Alkmaar%20Marketing/img/socialmedia__icon--instagram.png"> 399 </a> 400 } 401 } 402 </div> 403 404 <div class="wifi col-xs-12 col-sm-6 col-lg-5"> 405 <img src="/Files/Templates/Designs/Alkmaar%20Marketing/img/icon__wifi.png" class="wifi__img"> 406 <span class="wifi__content">@GetString("Item.Area.WIFI")</span> 407 </div> 408 409 <nav class="legal col-xs-12 col-lg-5"> 410 @GetValue("DwNavigation(bottomnavigation)") 411 </nav> 412 </div> 413 </section> 414 </footer> 415 416 @RenderSnippet("AddThis") 417 418 419 420 @*<script src="//maps.googleapis.com/maps/api/js"></script>*@ 421 <script type="text/javascript" src="/Files/Templates/Designs/Alkmaar%20Marketing/dist/js/main.min.js?v=1.0.1"></script> 422 423 </body> 424 </html> 425 @helper renderRichSnippet() 426 { 427 <script type="application/ld+json"> 428 [{ 429 "@@context": "http://schema.org", 430 "@@type": "Organization", 431 "name" : "@GetString("DwAreaName")", 432 "url": "@Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain()", 433 "sameAs" : "@GetString("Item.Area.Facebook")", 434 "logo": "@Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain()/Files/Templates/Designs/Alkmaar Marketing/img/header__logo.png", 435 "contactPoint" : [{ 436 "@@type" : "ContactPoint", 437 "telephone" : "@GetString("Item.Area.Phonenumber")", 438 "contactType" : "customer service" , 439 "@@context": "http://schema.org", 440 "@@id": "@Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain()", 441 "name": "@GetString("DwAreaName")", 442 "url": "@Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain()" 443 }], 444 "address": { 445 "@@type": "PostalAddress", 446 "streetAddress": "@GetString("Item.Area.StreetAddress")", 447 "addressLocality": "@GetString("Item.Area.AddressLocality")", 448 "addressRegion": "@GetString("Item.Area.AddressRegion")", 449 "postalCode": " @GetString("Item.Area.PostalCode")", 450 "addressCountry": "@GetString("Item.Area.AddressCountry")" 451 } 452 }, 453 { 454 "@@context": "http://schema.org", 455 "@@type": "WebSite", 456 "name" : "@GetString("DwAreaName")", 457 "alternateName" : "Alkmaar Marketing", 458 "url": "@Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain()", 459 "potentialAction": { 460 "@@type": "SearchAction", 461 "target": " @Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain()/default.aspx?id=@GetString("Item.Area.SearchPage")&q={search_term_string}", 462 "query-input": "required name=search_term_string" 463 } 464 }] 465 </script> 466 } 467 468 469  470 @helper renderReviewSnippet() 471 { 472 var reviewName = GetString("Item.Area.Review_Name") != null ? GetString("Item.Area.Review_Name") : ""; 473 var reviewBestRating = GetString("Item.Area.Review_Best_Rating") != null ? GetString("Item.Area.Review_Best_Rating") : ""; 474 var reviewWorstRating = GetString("Item.Area.Review_Worst_Rating") != null ? GetString("Item.Area.Review_Worst_Rating") : ""; 475 var reviewRatingValue = GetString("Item.Area.Review_Rating_Value") != null ? GetString("Item.Area.Review_Rating_Value") : ""; 476 var reviewCount = GetString("Item.Area.Review_Count") != null ? GetString("Item.Area.Review_Count") : ""; 477 var reviewUrl = GetString("Item.Area.Review_URL") != null ? GetString("Item.Area.Review_URL") : ""; 478 479 480 <script type="application/ld+json"> 481 { 482 "@@context": "http://schema.org", 483 "@@type": "Product", 484 "name": "@reviewName", 485 "url":"@reviewUrl", 486 "aggregateRating": { 487 "@@type": "AggregateRating", 488 "bestRating": "@reviewBestRating", 489 "worstRating": "@reviewWorstRating", 490 "ratingValue": "@reviewRatingValue", 491 "reviewCount": "@reviewCount" 492 } 493 } 494 </script> 495 }