1 @using System.Activities.Statements 2 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 3 @Title("Subsite - Master") 4 @Description("Master template til subsites") 5 @{ 6 var bodyClass = "subsite"; 7 8 // thema variables 9 var themeActive = Model.Area.Item.GetBoolean("Subsite"); 10 var themeTop = Model.Area.Item.GetList("ThemeTop").SelectedValue; 11 var themeContentArea = Model.Area.Item.GetList("ThemeContentArea").SelectedValue; 12 var themeFooter = Model.Area.Item.GetList("ThemeFooter").SelectedValue; 13 var themeTopHex = themeActive && themeTop != null ? themeTop : ""; 14 var themeContentHex = themeActive && themeContentArea != null ? themeContentArea : ""; 15 var themeFooterHex = themeActive && themeFooter != null ? themeFooter : ""; 16 17 var searchPageId = Model.Area.Item.GetInt64("SearchResultPage"); 18 var bodyId = ""; 19 20 // if current page is the searchresult page 21 if (searchPageId != 0) 22 { 23 if (Dynamicweb.Frontend.PageView.Current().Page.ID == searchPageId) 24 { 25 bodyId = "id=\"cludo-search-results\""; 26 } 27 } 28 29 if (Dynamicweb.Environment.ExecutingContext.IsAdminLoggedIn()) 30 { 31 bodyClass += " logged-in"; 32 } 33 } 34 35 <!DOCTYPE html> 36 <html lang="@Dynamicweb.Services.Areas.GetArea(Model.Area.ID).CultureInfo.TwoLetterISOLanguageName" class="no-js"> 37 38 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 39 40 @using Esbjerg.Logic 41 42 @{ 43 string cssPath = "/Files/Templates/Designs/" + Pageview.Layout.Design.Name; 44 //Color codes 45 // string colorPrimary = "#007AB8"; 46 // string colorPrimaryHover = "#004069"; 47 // string colorPrimaryAlternate = "#00669F"; 48 // string colorSecondary = "#007AB8"; 49 // string textPrimary = "#FFFFFF"; 50 // string textSecondary = "#FFFFFF"; 51 // string colorLink = "#D53F53"; 52 // string colorLinkAlternate = colorPrimary; 53 54 // if (Model.Area.Item.GetBoolean("Subsite")) 55 // { 56 // colorPrimary = Model.Area.Item.GetString("ColorArea1"); 57 // colorPrimaryHover = Model.Area.Item.GetString("HoverColor"); // Need new color in BE here 58 // colorPrimaryAlternate = colorPrimaryHover; 59 // colorSecondary = Model.Area.Item.GetString("ColorArea2"); 60 // textPrimary = Model.Area.Item.GetString("MenuTextColorPassive"); 61 // textSecondary = Model.Area.Item.GetString("HeaderFooterMenuText"); 62 // colorLink = colorPrimary; 63 // colorLinkAlternate = colorPrimary; 64 // } 65 66 string appleTouchIcon = @Model.Area.Item.GetString("Apple_touch_icon"); 67 string Favicon32x32 = @Model.Area.Item.GetString("Favicon32x32"); 68 string Favicon16x16 = @Model.Area.Item.GetString("Favicon16x16"); 69 } 70 <head> 71 <title>@Model.Title</title> 72 <script src="https://cookiecontrol.bleau.dk/scripts/cookieconsent.js"></script> 73 <script id="cookiecontrolfunctions" src="https://cookiecontrol.bleau.dk/scripts/Cookiecontrolfunctions.js" data-cname="Esbjerg" data-defaultset="EsbjergDefault"></script> 74 <meta name="description" content="@Model.Description" /> 75 <meta name="keywords" content="@Model.Keywords" /> 76 <meta charset="utf-8"> 77  78 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 79 <meta name="viewport" content="width=device-width, initial-scale=1"> 80 <meta name="format-detection" content="telephone=no"> 81 82  83 @RenderSnippet("MetaTags") 84 85  86 87 88 <link rel="apple-touch-icon" sizes="180x180" href="@(!String.IsNullOrEmpty(appleTouchIcon) ? @appleTouchIcon : "/apple-touch-icon.png")"> 89 <link rel="icon" type="image/png" sizes="32x32" href="@(!String.IsNullOrEmpty(@Favicon32x32) ? @Favicon32x32 : "/favicon-32x32.png")"> 90 <link rel="icon" type="image/png" sizes="16x16" href="@(!String.IsNullOrEmpty(@Favicon16x16) ? @Favicon16x16 : "/favicon-16x16.png")"> 91 <link rel="manifest" href="/site.webmanifest"> 92 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="Favicon32x32#5bbad5"> 93 <meta name="msapplication-TileColor" content="#da532c"> 94 <meta name="theme-color" content="#ffffff"> 95 96 @RenderSnippet("EditorSnippet") 97 98  99 <style type="text/css"> @Helpers.ReadFile(Pageview.Layout.Design.Path, "static/dist/css/critical-subsite.min.css")</style> 100 @* <link rel="preload" href="@cssPath/static/dist/css/critical-subsite.min.css" as="style" onload="this.onload=null;this.rel='stylesheet';window.esbjerg&&window.esbjerg.stylesLoaded&&window.esbjerg.stylesLoaded()"> *@ 101 <link rel="preload" href="@cssPath/static/dist/css/main-subsite.min.css" as="style" onload="this.onload=null;this.rel='stylesheet';window.esbjerg&&window.esbjerg.stylesLoaded&&window.esbjerg.stylesLoaded()"> 102 <noscript><link rel="stylesheet" type="text/css" href="@cssPath/static/dist/css/main-subsite.min.css"></noscript> 103  104 <link href="https://customer.cludo.com/assets/80/10930/cludo-search.min.css" type="text/css" rel="stylesheet"> 105  106 <link rel="preload" as="script" href="@cssPath/static/dist/js/main.min.js"> 107 108 <link rel="preload" href="@cssPath/static/dist/fonts/OpenSans/OpenSans-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 109 <link rel="preload" href="@cssPath/static/dist/fonts/OpenSans/OpenSans-Regular.woff" as="font" type="font/woff" crossorigin="anonymous"> 110 <link rel="preload" href="@cssPath/static/dist/fonts/OpenSans/OpenSans-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous"> 111 112 <link rel="preload" href="@cssPath/static/dist/fonts/OpenSans/OpenSans-Light.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 113 <link rel="preload" href="@cssPath/static/dist/fonts/OpenSans/OpenSans-Light.woff" as="font" type="font/woff" crossorigin="anonymous"> 114 <link rel="preload" href="@cssPath/static/dist/fonts/OpenSans/OpenSans-Light.ttf" as="font" type="font/ttf" crossorigin="anonymous"> 115 116 <link rel="preload" href="@cssPath/static/dist/fonts/OpenSans/OpenSans-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 117 <link rel="preload" href="@cssPath/static/dist/fonts/OpenSans/OpenSans-Bold.woff" as="font" type="font/woff" crossorigin="anonymous"> 118 <link rel="preload" href="@cssPath/static/dist/fonts/OpenSans/OpenSans-Bold.ttf" as="font" type="font/ttf" crossorigin="anonymous"> 119 120 121 122  123  124 <link rel="dns-prefetch" href="https://cdn.polyfill.io"> 125 126 <script type="text/javascript">@Helpers.ReadFile(Pageview.Layout.Design.Path, "static/dist/js/modernizr.js")</script> 127 128  129 <script type="text/javascript"> 130 !function (T, l, y) { var S = T.location, u = "script", k = "instrumentationKey", D = "ingestionendpoint", C = "disableExceptionTracking", E = "ai.device.", I = "toLowerCase", b = "crossOrigin", w = "POST", e = "appInsightsSDK", t = y.name || "appInsights"; (y.name || T[e]) && (T[e] = t); var n = T[t] || function (d) { var g = !1, f = !1, m = { initialize: !0, queue: [], sv: "4", version: 2, config: d }; function v(e, t) { var n = {}, a = "Browser"; return n[E + "id"] = a[I](), n[E + "type"] = a, n["ai.operation.name"] = S && S.pathname || "_unknown_", n["ai.internal.sdkVersion"] = "javascript:snippet_" + (m.sv || m.version), { time: function () { var e = new Date; function t(e) { var t = "" + e; return 1 === t.length && (t = "0" + t), t } return e.getUTCFullYear() + "-" + t(1 + e.getUTCMonth()) + "-" + t(e.getUTCDate()) + "T" + t(e.getUTCHours()) + ":" + t(e.getUTCMinutes()) + ":" + t(e.getUTCSeconds()) + "." + ((e.getUTCMilliseconds() / 1e3).toFixed(3) + "").slice(2, 5) + "Z" }(), iKey: e, name: "Microsoft.ApplicationInsights." + e.replace(/-/g, "") + "." + t, sampleRate: 100, tags: n, data: { baseData: { ver: 2 } } } } var h = d.url || y.src; if (h) { function a(e) { var t, n, a, i, r, o, s, c, p, l, u; g = !0, m.queue = [], f || (f = !0, t = h, s = function () { var e = {}, t = d.connectionString; if (t) for (var n = t.split(";"), a = 0; a < n.length; a++) { var i = n[a].split("="); 2 === i.length && (e[i[0][I]()] = i[1]) } if (!e[D]) { var r = e.endpointsuffix, o = r ? e.location : null; e[D] = "https://" + (o ? o + "." : "") + "dc." + (r || "services.visualstudio.com") } return e }(), c = s[k] || d[k] || "", p = s[D], l = p ? p + "/v2/track" : config.endpointUrl, (u = []).push((n = "SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)", a = t, i = l, (o = (r = v(c, "Exception")).data).baseType = "ExceptionData", o.baseData.exceptions = [{ typeName: "SDKLoadFailed", message: n.replace(/\./g, "-"), hasFullStack: !1, stack: n + "\nSnippet failed to load [" + a + "] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: " + (S && S.pathname || "_unknown_") + "\nEndpoint: " + i, parsedStack: [] }], r)), u.push(function (e, t, n, a) { var i = v(c, "Message"), r = i.data; r.baseType = "MessageData"; var o = r.baseData; return o.message = 'AI (Internal): 99 message:"' + ("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) (" + n + ")").replace(/\"/g, "") + '"', o.properties = { endpoint: a }, i }(0, 0, t, l)), function (e, t) { if (JSON) { var n = T.fetch; if (n && !y.useXhr) n(t, { method: w, body: JSON.stringify(e), mode: "cors" }); else if (XMLHttpRequest) { var a = new XMLHttpRequest; a.open(w, t), a.setRequestHeader("Content-type", "application/json"), a.send(JSON.stringify(e)) } } }(u, l)) } function i(e, t) { f || setTimeout(function () { !t && m.core || a() }, 500) } var e = function () { var n = l.createElement(u); n.src = h; var e = y[b]; return !e && "" !== e || "undefined" == n[b] || (n[b] = e), n.onload = i, n.onerror = a, n.onreadystatechange = function (e, t) { "loaded" !== n.readyState && "complete" !== n.readyState || i(0, t) }, n }(); y.ld < 0 ? l.getElementsByTagName("head")[0].appendChild(e) : setTimeout(function () { l.getElementsByTagName(u)[0].parentNode.appendChild(e) }, y.ld || 0) } try { m.cookie = l.cookie } catch (p) { } function t(e) { for (; e.length;)!function (t) { m[t] = function () { var e = arguments; g || m.queue.push(function () { m[t].apply(m, e) }) } }(e.pop()) } var n = "track", r = "TrackPage", o = "TrackEvent"; t([n + "Event", n + "PageView", n + "Exception", n + "Trace", n + "DependencyData", n + "Metric", n + "PageViewPerformance", "start" + r, "stop" + r, "start" + o, "stop" + o, "addTelemetryInitializer", "setAuthenticatedUserContext", "clearAuthenticatedUserContext", "flush"]), m.SeverityLevel = { Verbose: 0, Information: 1, Warning: 2, Error: 3, Critical: 4 }; var s = (d.extensionConfig || {}).ApplicationInsightsAnalytics || {}; if (!0 !== d[C] && !0 !== s[C]) { method = "onerror", t(["_" + method]); var c = T[method]; T[method] = function (e, t, n, a, i) { var r = c && c(e, t, n, a, i); return !0 !== r && m["_" + method]({ message: e, url: t, lineNumber: n, columnNumber: a, error: i }), r }, d.autoExceptionInstrumented = !0 } return m }(y.cfg); (T[t] = n).queue && 0 === n.queue.length && n.trackPageView({}) }(window, document, { 131 src: "https://az416426.vo.msecnd.net/scripts/b/ai.2.min.js", // The SDK URL Source 132 //name: "appInsights", // Global SDK Instance name defaults to "appInsights" when not supplied 133 //ld: 0, // Defines the load delay (in ms) before attempting to load the sdk. -1 = block page load and add to head. (default) = 0ms load after timeout, 134 //useXhr: 1, // Use XHR instead of fetch to report failures (if available), 135 //crossOrigin: "anonymous", // When supplied this will add the provided value as the cross origin attribute on the script tag 136 cfg: { // Application Insights Configuration 137 instrumentationKey: "5b8602f4-7263-41f7-b005-6c42db042759", 138 name: "BleauBorgerEsbjerg", 139 isCookieUseDisabled: "true" 140 /* ...Other Configuration Options... */ 141 } 142 }); 143 </script> 144 145  146 @RenderSnippet("KodeHeader") 147 148 @RenderSnippet("MinimapHead") 149 </head> 150 151 <body class="@bodyClass" @bodyId> 152 @if (themeActive) 153 { 154 <style> 155 :root { 156 /* Header/Top Area*/ 157 --theme-top__primary-color: @($"#{themeTopHex}"); 158 --theme-top__primary-color--alternate: @($"#{GetLinkColor(themeTopHex)}"); 159 --theme-top__primary-color--text: @GetThemeTextColor(themeTopHex); 160 --theme-top__primary-color--dimmed: @($"#{GetContrastColor(themeTopHex)}"); 161 --theme-top__color--link-hover: @($"#{themeTopHex}"); 162 163 /* Content Area */ 164 --theme-content__primary-color: @($"#{themeContentHex}"); 165 --theme-content__primary-color--alternate: @($"#{GetLinkColor(themeContentHex)}"); 166 --theme-content__primary-color--text: @GetThemeTextColor(themeContentHex); 167 --theme-content__color--gallery-arrow: @($"#{themeContentHex}"); 168 --theme-content__primary-color--dimmed: @($"#{GetContrastColor(themeContentHex)}"); 169 --theme-content__color--link-hover: @($"#{themeContentHex}"); 170 171 /* Footer Area */ 172 --theme-footer__primary-color: @($"#{themeFooterHex}"); 173 --theme-footer__primary-color--alternate: @($"#{GetLinkColor(themeFooterHex)}"); 174 --theme-footer__primary-color--text: @GetThemeTextColor(themeFooterHex); 175 --theme-footer__primary-color--dimmed: @($"#{GetContrastColor(themeFooterHex)}"); 176 --theme-footer__color--link-hover: @($"#{GetLinkColor(themeFooterHex)}"); 177 } 178 </style> 179 } 180 181 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 182 <header class="header-main header-main--subsite"> 183 <div class="header-main__top"> 184 <div class="search"> 185 <button type="button" name="toggle-search-button" aria-label="toggle-search" class="search__toggle-btn" aria-expanded="false" aria-haspopup="true"> 186 <span class="search__search-icon"> 187 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23.071"><path d="M22.292 22.295a.72.72 0 0 1-1.007 0l-5.7-5.612a9.306 9.306 0 0 1-5.826 2.034 9.11 9.11 0 1 1 9.256-9.109 8.984 8.984 0 0 1-2.4 6.105l5.68 5.59a.693.693 0 0 1-.003.992zM9.756 1.9a7.708 7.708 0 1 0 7.832 7.707A7.77 7.77 0 0 0 9.756 1.9z"/></svg> 188 </span> 189 <span class="search__close-icon"> 190 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.801 19.798"><path d="M9.9 11.314l-8.485 8.485-1.416-1.414 8.487-8.486L.002 1.414 1.416 0 9.9 8.485 18.384 0 19.8 1.414l-8.485 8.485 8.485 8.485-1.416 1.414z"/></svg> 191 </span> 192 <span class="search__text" data-text-default="@Translate("Search", "Søg")" data-text-close="@Translate("Close", "Luk")"> 193 @Translate("Search", "Søg") 194 </span> 195 </button> 196 <div class="search__content cludo-search-page"> 197 <div class="grid grid-container"> 198 <div class="row row--right cludo-nav-items"> 199 <div class="cludo-nav-items-search"> 200 <form class="search__form" id="cludo-search-form" role="search" autocomplete="off"> 201 <input class="search__input" autofill="false" type="search" name="search" title="Global søgning" placeholder="@Translate("(Search) Label", "Hvad kan vi hjælpe med?")"> 202 <button type="submit" aria-label="@Translate("Search", "Søg")"> 203 <span class="cludo-search-icon"> 204 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 23.071"><path d="M22.292 22.295a.72.72 0 0 1-1.007 0l-5.7-5.612a9.306 9.306 0 0 1-5.826 2.034 9.11 9.11 0 1 1 9.256-9.109 8.984 8.984 0 0 1-2.4 6.105l5.68 5.59a.693.693 0 0 1-.003.992zM9.756 1.9a7.708 7.708 0 1 0 7.832 7.707A7.77 7.77 0 0 0 9.756 1.9z"/></svg> 205 </span> 206 </button> 207 </form> 208 </div> 209 210 <div class="cludo-nav-items-filters"> 211 <div class="search-filters search-filters-mobile" aria-haspopup="true"></div> 212 </div> 213 </div> 214 </div> 215 </div> 216 </div> 217 <a class="skip-to-content" href="#maincontent">Gå til hovedindhold <span>(Tryk Enter)</span></a> 218 </div> 219 <div class="header-main__bottom"> 220 <div class="header-main__menu header-main__menu--to-top-on-open"> 221 <div class="menu menu--closed"> 222 <button type="button" name="toggle-menu-button" aria-label="toggle-menu" class="menu__burger-btn svg-fill--primary text--primary bg--primary" aria-haspopup="true" aria-controls="main-nav" data-svg-default="svg-fill--primary" data-svg-open="svg-fill--secondary" data-text-default="text--primary" data-text-open="text--secondary" data-background-default="bg--primary" data-background-open="bg--primary-alternate" aria-expanded="false"> 223 <span class="menu__menu-icon"> 224 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 16"><path d="M.001 16v-2h26v2zm0-7V7h26v2zm0-7V0h26v2z"/></svg> 225 </span> 226 <span class="menu__close-icon"> 227 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.801 19.798"><path d="M9.9 11.314l-8.485 8.485-1.416-1.414 8.487-8.486L.002 1.414 1.416 0 9.9 8.485 18.384 0 19.8 1.414l-8.485 8.485 8.485 8.485-1.416 1.414z"/></svg> 228 </span> 229 <span class="menu__text" data-text-open="@Translate("Menu", "Menu")" data-text-close="@Translate("Close", "Luk")"> 230 @Translate("Menu", "Menu") 231 </span> 232 </button> 233 234 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 235 236 @{ 237 var navImage = Model.Area.Item.GetString("Image"); 238 var navImageLink = Model.Area.Item.GetItem("ImageLink").GetString("LinkInternal"); 239 var navImageLinkText = Model.Area.Item.GetItem("ImageLink").GetString("LinkText"); 240 var navImageLinkTarget = Model.Area.Item.GetItem("ImageLink").GetList("LinkTarget").SelectedValue; 241 var navImageLinkLinkType = Model.Area.Item.GetItem("ImageLink").GetList("LinkType").SelectedValue; 242 243 var navImage2 = Model.Area.Item.GetString("Image2"); 244 var navImageLink2 = Model.Area.Item.GetItem("ImageLink2").GetString("LinkInternal"); 245 var navImageLinkText2 = Model.Area.Item.GetItem("ImageLink2").GetString("LinkText"); 246 var navImageLinkTarget2 = Model.Area.Item.GetItem("ImageLink2").GetList("LinkTarget").SelectedValue; 247 var navImageLinkLinkType2 = Model.Area.Item.GetItem("ImageLink2").GetList("LinkType").SelectedValue; 248 249 if (navImageLinkLinkType == "external") 250 { 251 navImageLink = Model.Area.Item.GetItem("ImageLink").GetString("LinkExternal"); 252 } 253 if (navImageLinkLinkType2 == "external") 254 { 255 navImageLink2 = Model.Area.Item.GetItem("ImageLink2").GetString("LinkExternal"); 256 } 257 258 } 259 260 <nav id="main-nav" class="menu__content" aria-labelledby="primary-navigation"> 261 <h2 id="primary-navigation" class="visuallyhidden">Primær navigation</h2> 262 263 @RenderNavigation(new { template = "SubsiteBurgerNavigation.xslt", expandmode = "all", startlevel = 2 }) 264 @if (!string.IsNullOrWhiteSpace(navImage)) 265 { 266 <div class="menu__culture"> 267 @if (navImage != "") 268 { 269 <a class="menu__culture-link" href="@navImageLink" target="@navImageLinkTarget"> 270 <img src="@navImage" alt="@navImageLinkText"> 271 </a> 272 } 273 @if (navImage2 != "") 274 { 275 <a class="menu__culture-link" href="@navImageLink2" target="@navImageLinkTarget2"> 276 <img src="@navImage2" alt="@navImageLinkText2"> 277 </a> 278 } 279 </div> 280 } 281 </nav> 282 </div> 283 </div> 284 <div class="header-main__bar"> 285 <div class="grid grid-container"> 286 <div class="header-main__logo logo"> 287 <a href="/" title="Gå til forsiden" class="logo__link"> 288 <img src="@Model.Area.Item.GetString("SiteLogo")" alt="Logo alt tekst"> 289 </a> 290 </div> 291 </div> 292 </div> 293 </div> 294 </header> 295 296 <main id="maincontent" tabindex="-1"> 297 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 298 @using System.Web; 299 300 301 @{ 302 var image = @Model.Item.GetString("Image"); 303 var icon = !string.IsNullOrEmpty(Model.Item.GetString("Icon")); 304 } 305 306 <div class="content content--primary"> 307 308 <section class="employee-details"> 309 310 <div class="grid grid-container"> 311 <div class="employee-details__box"> 312 <div class="employee-details__box-top"> 313 <div class="grid"> 314 <div class="row"> 315 <div class="col col--no-pad col--md-5 col--lg-7 col--offset-md-1"> 316 <div class="employee-details__breadcrumb"> 317 @RenderNavigation(new 318 { 319 template = "BreadcrumbPerson.xslt", 320 expandmode = "all", 321 id = "breadcrumb", 322 sitemapmode = "true", 323 includemode = "all" 324 }) 325 </div> 326 </div> 327 </div> 328 </div> 329 </div> 330 <div class="grid"> 331 <div class="row row--stretch employee-details__header"> 332 <div class="col col--no-pad col--xxs-8 col--offset-md-1"> 333 <header class="employee-details__header-content"> 334 <h1 class="employee-details__headline">@Model.Item.GetValue("Name")</h1> 335 <div class="employee-details__title"> 336 <p> 337 @Model.Item.GetValue("Title") 338 </p> 339 </div> 340 </header> 341 </div> 342 <div class="col col--no-pad col--xxs-4 col--md-3 employee-details__image-col"> 343 <div class="employee-details__image-container lazy" 344 data-src-xxs="/admin/public/GetImage.ashx?Image=@image&width=243&height=324" 345 data-src-lg="/admin/public/GetImage.ashx?Image=@image&width=293&height=391" 346 data-alt="@Model.Item.GetValue("Name")"> 347 <noscript> 348 <img src="@image" alt="@Model.Item.GetValue("Name")"> 349 </noscript> 350 </div> 351 </div> 352 </div> 353 <div class="row employee-details__footer @(!icon ? "employee-details__footer--single-col" : "")"> 354 <div class="col col--no-pad col--md-8 col--offset-md-1"> 355 <div class="employee-details__contact"> 356 <div class="employee-details__contact-col"> 357 358 <p class="employee-details__info"> 359 <b>@Translate("Contact", "Kontakt")</b> 360 </p> 361 @if (!string.IsNullOrEmpty(Model.Item.GetValue("Phone1").ToString())) 362 { 363 <p class="employee-details__info"> 364 @Translate("Phone", "Telefon"): <a href="tel:@Model.Item.GetValue("Phone1").ToString().Replace(" ", String.Empty)" class="employee-details__tel-link">@Model.Item.GetValue("Phone1")</a> 365 </p> 366 } 367 @if (!string.IsNullOrEmpty(Model.Item.GetValue("Phone2").ToString())) 368 { 369 <p class="employee-details__info"> 370 @Translate("Phone", "Telefon"): <a href="tel:@Model.Item.GetValue("Phone2").ToString().Replace(" ", String.Empty)" class="employee-details__tel-link">@Model.Item.GetValue("Phone2")</a> 371 </p> 372 } 373 @if (!string.IsNullOrEmpty(Model.Item.GetValue("Mobile").ToString())) 374 { 375 <p class="employee-details__info"> 376 @Translate("Mobile", "Mobil"): <a href="tel:@Model.Item.GetValue("Mobile").ToString().Replace(" ", String.Empty)" class="employee-details__tel-link">@Model.Item.GetValue("Mobile")</a> 377 </p> 378 } 379 @if (!string.IsNullOrEmpty(Model.Item.GetValue("Email").ToString())) 380 { 381 <a href="mailto:@Model.Item.GetValue("Email")" class="employee-details__link"> 382 383 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 384 <span class="arrow"> 385 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.62 16"><path d="M40.62 8l-8 8-.89-.89L38.84 8 31.73.89l.89-.89 8 8z"/><path class="spine" d="M0 7.5h40v1H0z"/></svg> 386 </span> 387 388 <span>@Model.Item.GetValue("Email")</span> 389 </a> 390 } 391 @if (!string.IsNullOrEmpty(Model.Item.GetString("WebsiteLabel"))) 392 { 393 <a target="_blank" href="http://@Model.Item.GetValue("Website")" class="employee-details__link"> 394 395 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 396 <span class="arrow"> 397 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.62 16"><path d="M40.62 8l-8 8-.89-.89L38.84 8 31.73.89l.89-.89 8 8z"/><path class="spine" d="M0 7.5h40v1H0z"/></svg> 398 </span> 399 400 <span>@Model.Item.GetValue("WebsiteLabel")</span> 401 </a> 402 } 403 </div> 404 @if (!string.IsNullOrEmpty(Model.Item.GetString("Address"))) 405 { 406 <div class="employee-details__contact-col"> 407 <p class="employee-details__info"> 408 <b>@Translate("Private", "Privat")</b> 409 </p> 410 @Model.Item.GetValue("Address") 411 412 </div> 413 } 414 </div> 415 </div> 416 @if (icon) 417 { 418 <div class="col col--xxs-0 col--md-3 employee-details__party-wrapper"> 419 <div class="employee-details__party"> 420 <img class="employee-details__party-image" src="@Model.Item.GetString("Icon")"> 421 </div> 422 </div> 423 } 424 </div> 425 </div> 426 </div> 427 </div> 428 </section> 429 430 <section class="rich-text soft-load"> 431 <div class="grid grid-container"> 432 <div class="row"> 433 <div class="col col--md-8 col--offset-md-2"> 434 <article class="rich-text__content"> 435 @Model.Item.GetString("Text") 436 </article> 437 </div> 438 </div> 439 </div> 440 </section> 441 </div> 442 443 <div class="content content--secondary"> 444 445 @{ 446 var personList = Esbjerg.Logic.Helpers.GetRelatedPersons(System.Web.HttpContext.Current.Request.QueryString["persons"], Model.ID.ToString()); 447 448 if (personList.Count > 0) 449 { 450 <section class="employee-container soft-load"> 451 <div class="grid grid-container"> 452 <div class="row"> 453 <div class="col"> 454 <h3 class="employee__headline">Andre Personer</h3> 455 </div> 456 </div> 457 <div class="row row--stretch"> 458 @foreach (var objPerson in personList.OrderBy(o => o.Sort)) 459 { 460 image = !string.IsNullOrEmpty(objPerson.Image) ? image = objPerson.Image : image = string.Empty; 461 icon = !string.IsNullOrEmpty(objPerson.Icon); 462 bool showProfile = bool.Parse(objPerson.ShowProfile); 463 464 <div class="col col--xs-6 col--md-4 col--lg-3"> 465 <div class="employee__wrapper"> 466 <div class="employee"> 467 @if (showProfile) 468 { 469 <a class="employee__link" href="/default.aspx?id=@objPerson.PageID&persons=@HttpContext.Current.Request.QueryString["persons"]&pid=@HttpContext.Current.Request.QueryString["pid"]" title="Gå til side der omhandler @objPerson.Name"><span class="visuallyhidden">Gå til side der omhandler @objPerson.Name</span></a> 470 } 471 <div class="employee__image-container lazy" 472 data-src-xxs="/admin/public/GetImage.ashx?Image=@image&width=180&height=240" 473 data-src-xs="/admin/public/GetImage.ashx?Image=@image&width=180&height=240" 474 data-src-sm="/admin/public/GetImage.ashx?Image=@image&width=240&height=320" 475 data-src-md="/admin/public/GetImage.ashx?Image=@image&width=240&height=320" 476 data-alt="@objPerson.Name"> 477 <noscript> 478 <img src="/admin/public/GetImage.ashx?Image=@image&width=180&height=240" alt="@objPerson.Name"> 479 </noscript> 480 </div> 481 <div class="employee__content"> 482 @if (icon || showProfile) 483 { 484 <div class="employee__party"> 485 @if (icon) 486 { 487 <img class="employee__party-image" src="@objPerson.Icon"> 488 } 489 @if (showProfile) 490 { 491 <div class="employee__arrow"> 492 <span class="arrow"> 493 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.62 16"><path d="M40.62 8l-8 8-.89-.89L38.84 8 31.73.89l.89-.89 8 8z"/><path class="spine" d="M0 7.5h40v1H0z"/></svg> 494 </span> 495 </div> 496 } 497 </div> 498 } 499 <p class="employee__name"> 500 @objPerson.Name 501 </p> 502 <p class="employee__title"> 503 @objPerson.Title 504 </p> 505 </div> 506 </div> 507 </div> 508 </div> 509 } 510 </div> 511 </div> 512 </section> 513 } 514 515 } 516 517 </div> 518 519 520 </main> 521 522 @using System.Web; 523 @using Dynamicweb.Frontend 524 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 525 526 @{ 527 string redirectPage = "/HttpHandlers/RedirectSocialHandler.ashx?q="; 528 529 string footerEmail = Model.Area.Item.GetString("Email"); 530 string footerFacebook = Model.Area.Item.GetString("Facebook"); 531 string footerTwitter = Model.Area.Item.GetString("Twitter"); 532 string footerLinkedIn = Model.Area.Item.GetString("LinkedIn"); 533 string footerInstagram = Model.Area.Item.GetString("Instagram"); 534 535 var links1 = Model.Area.Item.GetItems("ColumnLinks1"); 536 var links2 = Model.Area.Item.GetItems("ColumnLinks2"); 537 var links3 = Model.Area.Item.GetItems("ColumnLinks3"); 538 string CLabel1 = Model.Area.Item.GetString("ColumnLabel1"); 539 string CLabel2 = Model.Area.Item.GetString("ColumnLabel2"); 540 string CLabel3 = Model.Area.Item.GetString("ColumnLabel3"); 541 542 string contactValue = string.Empty; 543 544 var footerImage = Model.Area.Item.GetString("Image"); 545 var footerImageLink = Model.Area.Item.GetItem("ImageLink").GetString("LinkInternal"); 546 var footerImageLinkText = Model.Area.Item.GetItem("ImageLink").GetString("LinkText"); 547 var footerImageLinkTarget = Model.Area.Item.GetItem("ImageLink").GetList("LinkTarget").SelectedValue; 548 var footerImageLinkLinkType = Model.Area.Item.GetItem("ImageLink").GetList("LinkType").SelectedValue; 549 550 var footerImage2 = Model.Area.Item.GetString("Image2"); 551 var footerImageLink2 = Model.Area.Item.GetItem("ImageLink2").GetString("LinkInternal"); 552 var footerImageLinkText2 = Model.Area.Item.GetItem("ImageLink2").GetString("LinkText"); 553 var footerImageLinkTarget2 = Model.Area.Item.GetItem("ImageLink2").GetList("LinkTarget").SelectedValue; 554 var footerImageLinkLinkType2 = Model.Area.Item.GetItem("ImageLink2").GetList("LinkType").SelectedValue; 555 556 if (footerImageLinkLinkType == "external") 557 { 558 footerImageLink = Model.Area.Item.GetItem("ImageLink").GetString("LinkExternal"); 559 } 560 561 if (footerImageLinkLinkType2 == "external") 562 { 563 footerImageLink2 = Model.Area.Item.GetItem("ImageLink2").GetString("LinkExternal"); 564 } 565 566 if (Model.Area.Item.GetValue("Email") != null) 567 { 568 contactValue = footerEmail.Contains("@") ? "mailto:" + footerEmail : footerEmail; 569 } 570 } 571 572 <footer class="footer soft-load"> 573 <aside class="footer__sidebar"> 574 <div class="footer__culture"> 575 @if (footerImage != "") 576 { 577 <a class="footer__culture-link" href="@footerImageLink" target="@footerImageLinkTarget"> 578 <img src="@footerImage" alt="@footerImageLinkText"> 579 </a> 580 } 581 @if (footerImage2 != "") 582 { 583 <a class="footer__culture-link" href="@footerImageLink2" target="@footerImageLinkTarget2"> 584 <img src="@footerImage2" alt="@footerImageLinkText2"> 585 </a> 586 } 587 </div> 588 </aside> 589 <div class="footer__container"> 590 <div class="grid grid-container"> 591 <div class="row"> 592 <div class="col col--md-3 footer__col-first"> 593 <div class="footer__logo"> 594 @if (Model.Area.Item.GetString("Logo") != "") 595 { 596 <a href="/" title="Gå til forsiden" class="footer__logo-link"> 597 <img src="@Model.Area.Item.GetString("Logo")" alt="Logo alt tekst"> 598 </a> 599 } 600 </div> 601 <div class="footer__contact-desktop"> 602 <div class="footer__contact"> 603 <a href="tel:+45@(Model.Area.Item.GetString("Phonenumber"))" title="@Model.Area.Item.GetString("PhoneLabel")" class="footer__contact-link"> 604 <span class="footer__contact-svg"> 605 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.054 26"><path d="M4.991 26a2.743 2.743 0 0 1-2.025-.844L.554 22.75a1.87 1.87 0 0 1-.548-1.45 1.263 1.263 0 0 1 .548-.958l4.824-3.609a2.4 2.4 0 0 1 1.32-.457 1.5 1.5 0 0 1 1.092.457l1.427 1.423a48.044 48.044 0 0 0 5.207-4.43 41.4 41.4 0 0 0 3.889-4.542l-1.476-1.469a1.8 1.8 0 0 1 0-2.406L20.455.5a1.71 1.71 0 0 1 2.412 0l2.413 2.4c1.289 1.286.723 2.836.067 4.629l-.067.183a57.34 57.34 0 0 1-7.605 9.913 51.92 51.92 0 0 1-9.883 7.528A6.261 6.261 0 0 1 4.991 26zm1.447-7.805a1.529 1.529 0 0 0-.84.291l-3.07 2.3c-.53.446-.227 1.15 0 1.531l1.535 1.531a2.019 2.019 0 0 0 1.305.324 2.928 2.928 0 0 0 1.217-.214c.072-.045 7.233-4.553 10.252-7.818a50.434 50.434 0 0 0 7.236-9.622c.3-.588.512-1.932-.109-2.515l-1.535-1.536a1.2 1.2 0 0 0-.827-.373.866.866 0 0 0-.708.373l-1.11 1.476-1.193 1.585a1.148 1.148 0 0 0 0 1.531l1.938 1.932c-3.4 5.511-9.1 9.743-11.4 11.307l-.107.074-1.889-1.886a.954.954 0 0 0-.695-.291z"/></svg> 606 </span> 607 @Model.Area.Item.GetString("Phonenumber") 608 </a> 609 <span> 610 @Model.Area.Item.GetString("PhonenumberLabel") 611 </span> 612 </div> 613 <div class="footer__contact"> 614 <a href="@contactValue" title="@Model.Area.Item.GetString("EmailLabel")" class="footer__contact-link"> 615 <span class="footer__contact-svg"> 616 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 21.125"><path d="M22.75 21.125H3.25A3.25 3.25 0 0 1 0 17.875V3.25A3.25 3.25 0 0 1 3.25 0h19.5A3.25 3.25 0 0 1 26 3.25v14.625a3.25 3.25 0 0 1-3.25 3.25zM4.062 1.625L13 9.395l8.938-7.77zM24.375 3.25a1.616 1.616 0 0 0-.516-1.182L13 11.375 2.141 2.068a1.616 1.616 0 0 0-.516 1.182v14.625A1.625 1.625 0 0 0 3.25 19.5h19.5a1.625 1.625 0 0 0 1.625-1.625z"/></svg> 617 </span> 618 @Model.Area.Item.GetString("EmailLabel") 619 </a> 620 <span> 621 @Model.Area.Item.GetString("EmailLabel_2") 622 </span> 623 </div> 624 </div> 625 </div> 626 <div class="col col--md-3 footer__col-info"> 627 <div class="footer__info"> 628 <div class="footer__accordion" data-module="accordion"> 629 <div class="accordion"> 630 @if (!string.IsNullOrEmpty(CLabel1)) 631 { 632 <h2 class="accordion__heading footer__heading"> 633 <button id="accordion__trigger_info" type="button" class="accordion__trigger" aria-expanded="false" aria-controls="accordion__content_info"> 634 @Model.Area.Item.GetString("ColumnLabel1") 635 <span class="accordion__chevron" aria-hidden="true"> 636 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.469 14.143"><path d="M12.733 14.137l-.006.006L0 1.416 1.414 0l11.321 11.319L24.053 0l1.416 1.416L12.74 14.143z"/></svg> 637 </span> 638 </button> 639 </h2> 640 }else{ 641 <span class="accordion__heading footer__heading"> 642 <button id="accordion__trigger_info" type="button" class="accordion__trigger" aria-expanded="false" aria-controls="accordion__content_info"> 643 @Model.Area.Item.GetString("ColumnLabel1") 644 <span class="accordion__chevron" aria-hidden="true"> 645 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.469 14.143"><path d="M12.733 14.137l-.006.006L0 1.416 1.414 0l11.321 11.319L24.053 0l1.416 1.416L12.74 14.143z"/></svg> 646 </span> 647 </button> 648 </span> 649 } 650 @if (links1 != null) 651 { 652 <div id="accordion__content_info" class="accordion__content" aria-hidden="true" aria-labelledby="accordion__trigger_info"> 653 <ul class="footer__list"> 654 @foreach (var columnLink in links1) 655 { 656 @RenderColumnLink(columnLink) 657 } 658 </ul> 659 </div> 660 } 661 </div> 662 </div> 663 </div> 664 </div> 665 <div class="col col--md-3 footer__col-hours"> 666 <div class="footer__hours"> 667 <div class="footer__accordion" data-module="accordion"> 668 <div class="accordion"> 669 @if (!string.IsNullOrEmpty(CLabel2)) 670 { 671 <h2 class="accordion__heading footer__heading"> 672 <button id="accordion__trigger_hours" type="button" class="accordion__trigger" aria-expanded="false" aria-controls="accordion__content_hours"> 673 @Model.Area.Item.GetString("ColumnLabel2") 674 <span class="accordion__chevron" aria-hidden="true"> 675 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.469 14.143"><path d="M12.733 14.137l-.006.006L0 1.416 1.414 0l11.321 11.319L24.053 0l1.416 1.416L12.74 14.143z"/></svg> 676 </span> 677 </button> 678 </h2> 679 }else{ 680 681 <span class="accordion__heading footer__heading"> 682 <button id="accordion__trigger_hours" type="button" class="accordion__trigger" aria-expanded="false" aria-controls="accordion__content_hours"> 683 @Model.Area.Item.GetString("ColumnLabel2") 684 <span class="accordion__chevron" aria-hidden="true"> 685 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.469 14.143"><path d="M12.733 14.137l-.006.006L0 1.416 1.414 0l11.321 11.319L24.053 0l1.416 1.416L12.74 14.143z"/></svg> 686 </span> 687 </button> 688 </span> 689 } 690 @if (links2 != null) 691 { 692 693 <div id="accordion__content_hours" class="accordion__content" aria-hidden="true" aria-labelledby="accordion__trigger_hours"> 694 <ul class="footer__list"> 695 @foreach (var columnLink in links2) 696 { 697 @RenderColumnLink(columnLink) 698 } 699 </ul> 700 </div> 701 } 702 </div> 703 </div> 704 <div class="footer__contact-mobile"> 705 <div class="footer__contact"> 706 <a href="tel:+45@(Model.Area.Item.GetString("Phonenumber"))" title="@Model.Area.Item.GetString("PhoneLabel")" class="footer__contact-link"> 707 <span class="footer__contact-svg"> 708 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.054 26"><path d="M4.991 26a2.743 2.743 0 0 1-2.025-.844L.554 22.75a1.87 1.87 0 0 1-.548-1.45 1.263 1.263 0 0 1 .548-.958l4.824-3.609a2.4 2.4 0 0 1 1.32-.457 1.5 1.5 0 0 1 1.092.457l1.427 1.423a48.044 48.044 0 0 0 5.207-4.43 41.4 41.4 0 0 0 3.889-4.542l-1.476-1.469a1.8 1.8 0 0 1 0-2.406L20.455.5a1.71 1.71 0 0 1 2.412 0l2.413 2.4c1.289 1.286.723 2.836.067 4.629l-.067.183a57.34 57.34 0 0 1-7.605 9.913 51.92 51.92 0 0 1-9.883 7.528A6.261 6.261 0 0 1 4.991 26zm1.447-7.805a1.529 1.529 0 0 0-.84.291l-3.07 2.3c-.53.446-.227 1.15 0 1.531l1.535 1.531a2.019 2.019 0 0 0 1.305.324 2.928 2.928 0 0 0 1.217-.214c.072-.045 7.233-4.553 10.252-7.818a50.434 50.434 0 0 0 7.236-9.622c.3-.588.512-1.932-.109-2.515l-1.535-1.536a1.2 1.2 0 0 0-.827-.373.866.866 0 0 0-.708.373l-1.11 1.476-1.193 1.585a1.148 1.148 0 0 0 0 1.531l1.938 1.932c-3.4 5.511-9.1 9.743-11.4 11.307l-.107.074-1.889-1.886a.954.954 0 0 0-.695-.291z"/></svg> 709 </span> 710 @Model.Area.Item.GetString("Phonenumber") 711 </a> 712 <span> 713 @Model.Area.Item.GetString("PhonenumberLabel") 714 </span> 715 </div> 716 <div class="footer__contact"> 717 <a href="@contactValue" title="@Model.Area.Item.GetString("EmailLabel")" class="footer__contact-link"> 718 <span class="footer__contact-svg"> 719 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 21.125"><path d="M22.75 21.125H3.25A3.25 3.25 0 0 1 0 17.875V3.25A3.25 3.25 0 0 1 3.25 0h19.5A3.25 3.25 0 0 1 26 3.25v14.625a3.25 3.25 0 0 1-3.25 3.25zM4.062 1.625L13 9.395l8.938-7.77zM24.375 3.25a1.616 1.616 0 0 0-.516-1.182L13 11.375 2.141 2.068a1.616 1.616 0 0 0-.516 1.182v14.625A1.625 1.625 0 0 0 3.25 19.5h19.5a1.625 1.625 0 0 0 1.625-1.625z"/></svg> 720 </span> 721 @Model.Area.Item.GetString("EmailLabel") 722 </a> 723 <span> 724 @Model.Area.Item.GetString("EmailLabel_2") 725 </span> 726 </div> 727 </div> 728 </div> 729 </div> 730 <div class="col col--md-3 footer__col-last"> 731 <div class="footer__shortcuts"> 732 @if (!string.IsNullOrEmpty(CLabel3)) 733 { 734 <h2 class="footer__heading"> 735 @Model.Area.Item.GetString("ColumnLabel3") 736 </h2> 737 } 738 739 @if (links3 != null) 740 { 741 <ul class="footer__list"> 742 @foreach (var columnLink in links3) 743 { 744 @RenderColumnLink(columnLink) 745 } 746 </ul> 747 } 748 </div> 749 <div class="footer__social"> 750 <div class="footer__social-text"> 751 @Translate("MeetEsbjergSoMe", "Mød Esbjerg på de sociale medier") 752 </div> 753 <div class="footer__social-links"> 754 @if (!string.IsNullOrEmpty(footerFacebook)) 755 { 756 string facebookLink = redirectPage + footerFacebook; 757 <a href="@facebookLink" title="link til Facebook" class="footer__social-link" target="_blank" rel="noopener noreferrer"> 758 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.945 24.181"><path d="M8.32 24.181H3.698V12.944h-3.7V8.322h3.7V6.047a6.294 6.294 0 0 1 1.635-4.269A5.028 5.028 0 0 1 9.245.001h3.7v4.552h-3.7a.867.867 0 0 0-.64.426 1.624 1.624 0 0 0-.286 1v2.348h4.625v4.622H8.319v11.236z"/></svg> 759 </a> 760 } 761 @if (!string.IsNullOrEmpty(footerTwitter)) 762 { 763 string twitterLink = redirectPage + footerTwitter; 764 <a href="@twitterLink" title="Link til Twitter" class="footer__social-link" target="_blank" rel="noopener noreferrer"> 765 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.064 19.692"><path d="M7.56 19.693a13.155 13.155 0 0 1-4.023-.623 13.892 13.892 0 0 1-3.536-1.665H1.18a9.521 9.521 0 0 0 6.1-2.08 5.335 5.335 0 0 1-2.915-1.041 4.5 4.5 0 0 1-1.662-2.427l.114.023.068.015h.01a3.54 3.54 0 0 0 .638.1 2.887 2.887 0 0 0 .764-.068h.013a1.869 1.869 0 0 0 .611-.07 5.156 5.156 0 0 1-2.774-1.732 4.637 4.637 0 0 1-1.109-3.121v-.07a4.561 4.561 0 0 0 2.218.556 4.392 4.392 0 0 1-2.15-4.091 5.157 5.157 0 0 1 .624-2.5 14.11 14.11 0 0 0 4.438 3.674 12.9 12.9 0 0 0 5.688 1.524 18.723 18.723 0 0 0-.054-.353v-.01a5.178 5.178 0 0 1-.085-.747 4.833 4.833 0 0 1 1.456-3.535 4.765 4.765 0 0 1 3.468-1.456 4.719 4.719 0 0 1 2.012.415 4.249 4.249 0 0 1 1.526 1.179 7.016 7.016 0 0 0 1.724-.482h.009c.256-.108.536-.239.782-.355s.505-.235.744-.338a6.826 6.826 0 0 1-.9 1.525 5.4 5.4 0 0 1-1.319 1.18l.057-.008a10.711 10.711 0 0 0 1.4-.269 11.514 11.514 0 0 0 1.388-.485c-.349.487-.7.906-1.037 1.311a7.775 7.775 0 0 1-1.386 1.25v.623a14.166 14.166 0 0 1-.9 4.992 14.216 14.216 0 0 1-2.7 4.509 13.291 13.291 0 0 1-4.438 3.327 12.782 12.782 0 0 1-6.043 1.323z"/></svg> 766 </a> 767 } 768 @if (!string.IsNullOrEmpty(footerLinkedIn)) 769 { 770 string linkedInLink = redirectPage + footerLinkedIn; 771 <a href="@linkedInLink" title="Link til LinkedIn" class="footer__social-link" target="_blank" rel="noopener noreferrer"> 772 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.129 22.404"><path d="M11.451 22.404H7.112V7.113h4.409v.71a5.1 5.1 0 0 1 2.433-.58c.146 0 .284 0 .411.014a6.95 6.95 0 0 1 2.846.709 6.335 6.335 0 0 1 2.134 2.205 6.226 6.226 0 0 1 .782 2.917v9.315h-4.339v-9.316a1.562 1.562 0 0 0-.215-.71l-.059-.079v-.006c-.182-.244-.313-.422-.5-.484a2.347 2.347 0 0 0-1.054-.3 1.219 1.219 0 0 0-.227.019 5.229 5.229 0 0 0-1.139.286 4.014 4.014 0 0 0-1.136.782v9.813zm-6.543 0H.497V7.113h4.411v15.29zM2.701 5.478a2.623 2.623 0 0 1-1.919-.782A2.623 2.623 0 0 1 0 2.774 2.923 2.923 0 0 1 .782.783 2.613 2.613 0 0 1 2.701.001a2.616 2.616 0 0 1 1.921.782 2.923 2.923 0 0 1 .782 1.991 2.623 2.623 0 0 1-.782 1.922 2.625 2.625 0 0 1-1.921.781z"/></svg> 773 </a> 774 } 775 @if (!string.IsNullOrEmpty(footerInstagram)) 776 { 777 string instagramLink = redirectPage + footerInstagram; 778 <a href="@instagramLink" title="Link til Instagram" class="footer__social-link" target="_blank" rel="noopener noreferrer"> 779 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.991 19.988"><path d="M9.992 1.8c2.669 0 2.983.012 4.038.059a5.453 5.453 0 0 1 1.856.345 3.1 3.1 0 0 1 1.15.746 3.053 3.053 0 0 1 .746 1.15 5.555 5.555 0 0 1 .345 1.856c.048 1.055.059 1.368.059 4.038s-.012 2.983-.059 4.038a5.453 5.453 0 0 1-.345 1.856 3.1 3.1 0 0 1-.746 1.15 3.053 3.053 0 0 1-1.15.746 5.555 5.555 0 0 1-1.856.345c-1.055.048-1.368.059-4.038.059s-2.983-.012-4.038-.059a5.453 5.453 0 0 1-1.854-.343 3.1 3.1 0 0 1-1.15-.746 3.053 3.053 0 0 1-.75-1.15 5.555 5.555 0 0 1-.345-1.856C1.809 12.979 1.8 12.665 1.8 10s.012-2.983.059-4.038A5.453 5.453 0 0 1 2.2 4.1a3.1 3.1 0 0 1 .746-1.15A3.053 3.053 0 0 1 4.1 2.205a5.555 5.555 0 0 1 1.856-.345c1.055-.052 1.368-.059 4.038-.059m0-1.8C7.281.001 6.94.013 5.873.06a7.324 7.324 0 0 0-2.424.464 4.87 4.87 0 0 0-1.771 1.154A4.956 4.956 0 0 0 .524 3.447 7.329 7.329 0 0 0 .06 5.875C.012 6.938.001 7.275.001 9.992s.012 3.054.059 4.121a7.372 7.372 0 0 0 .464 2.428 4.87 4.87 0 0 0 1.154 1.769 4.956 4.956 0 0 0 1.769 1.154 7.329 7.329 0 0 0 2.428.464c1.067.048 1.4.059 4.121.059s3.054-.012 4.121-.059a7.372 7.372 0 0 0 2.428-.464 4.87 4.87 0 0 0 1.769-1.154 4.956 4.956 0 0 0 1.154-1.769 7.329 7.329 0 0 0 .464-2.428c.048-1.067.059-1.4.059-4.121s-.012-3.054-.059-4.121a7.372 7.372 0 0 0-.464-2.428 4.87 4.87 0 0 0-1.154-1.769A4.956 4.956 0 0 0 16.545.52a7.329 7.329 0 0 0-2.428-.464C13.046.012 12.7 0 9.992 0z"/><path d="M9.992 4.859a5.133 5.133 0 1 0 5.133 5.133 5.134 5.134 0 0 0-5.133-5.133zm0 8.465a3.332 3.332 0 1 1 3.332-3.332 3.331 3.331 0 0 1-3.332 3.332z"/><circle class="a" cx="1.198" cy="1.198" r="1.198" transform="translate(14.129 3.459)"/></svg> 780 </a> 781 } 782 </div> 783 </div> 784 </div> 785 </div> 786 </div> 787 </div> 788 </footer> 789 790 @helper RenderColumnLink(ItemViewModel columnLink) 791 { 792 var linkType = columnLink.GetList("LinkType").SelectedValue; 793 var linkTarget = columnLink.GetList("LinkTarget").SelectedValue; 794 var linkText = columnLink.GetString("LinkText"); 795 var link = linkType == "external" ? columnLink.GetString("LinkExternal") : columnLink.GetString("LinkInternal"); 796 797 <li> 798 <a href="@link" title="Link til @linkText" target="@linkTarget" class="footer__link">@linkText</a> 799 </li> 800 } 801 802 <div class="cookie-wrapper hard-load"> 803 @using Esbjerg.Logic; 804 @using Dynamicweb.Content.Items; 805 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 806 807 @{ 808 var breakingNewsId = Model.Area.Item.GetValue("BreakingNewsPage"); 809 810 if (breakingNewsId != null) 811 { 812 if(!string.IsNullOrEmpty(breakingNewsId.ToString())) 813 { 814 Item item = Helpers.GetBreakingNewsItem(Convert.ToInt32(breakingNewsId)); 815 816 if (item != null) 817 { 818 var link1 = item["Link_1"]; 819 var link2 = item["Link_2"]; 820 821 var facebook = item["FacebookLink"]; 822 var email = item["Email"]; 823 var emailSubject = item["Subject"]; 824 var emailBody = item["Body"]; 825 var smsNumber = item["PhoneNumber"]; 826 var smsBody = item["SMSText"]; 827 828 <div id="@item.Id" class="alert-banner alert-banner--accepted"> 829 <div class="grid grid-container"> 830 <div class="row"> 831 <div class="col col--sm-7 col--md-8 col--xl-9"> 832 <div class="alert-banner__rich-text"> 833 <h3> 834 @item["Headline"] 835 </h3> 836 <p> 837 @item["Text"] 838 </p> 839 </div> 840 </div> 841 <div class="col col--sm-5 col--md-4 col--xl-3"> 842 <div class="alert-banner__link-wrapper"> 843 <div class="alert-banner__contact-links"> 844 @{ 845 if (facebook != null && !string.IsNullOrEmpty(facebook.ToString())) 846 { 847 <a href="@facebook.ToString()" title="Alert link" class="alert-banner__contact-link"> 848 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.945 24.181"><path d="M8.32 24.181H3.698V12.944h-3.7V8.322h3.7V6.047a6.294 6.294 0 0 1 1.635-4.269A5.028 5.028 0 0 1 9.245.001h3.7v4.552h-3.7a.867.867 0 0 0-.64.426 1.624 1.624 0 0 0-.286 1v2.348h4.625v4.622H8.319v11.236z"/></svg> 849 </a> 850 } 851 if (email != null && !string.IsNullOrEmpty(email.ToString())) 852 { 853 854 <a href="mailto:@email.ToString()?subject=@(emailSubject != null ? emailSubject.ToString() : string.Empty) &body=@(emailBody != null ? emailBody.ToString() : string.Empty) " title="Alert link" class="alert-banner__contact-link"> 855 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 21.125"><path d="M22.75 21.125H3.25A3.25 3.25 0 0 1 0 17.875V3.25A3.25 3.25 0 0 1 3.25 0h19.5A3.25 3.25 0 0 1 26 3.25v14.625a3.25 3.25 0 0 1-3.25 3.25zM4.062 1.625L13 9.395l8.938-7.77zM24.375 3.25a1.616 1.616 0 0 0-.516-1.182L13 11.375 2.141 2.068a1.616 1.616 0 0 0-.516 1.182v14.625A1.625 1.625 0 0 0 3.25 19.5h19.5a1.625 1.625 0 0 0 1.625-1.625z"/></svg> 856 </a> 857 } 858 if (smsNumber != null && !string.IsNullOrEmpty(smsNumber.ToString())) 859 { 860 <a href="sms:@smsNumber.ToString()?&body=@(smsBody != null ? smsBody.ToString() : string.Empty)" title="Alert link" class="alert-banner__contact-link alert-banner__contact-links--sms"> 861 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="#d53f53"><path d="M10.624 15.81a2.03 2.03 0 0 1-.766 1.681 3.325 3.325 0 0 1-2.13.612 5 5 0 0 1-2.228-.477v-1.547a9.163 9.163 0 0 0 1.345.5 3.981 3.981 0 0 0 1.007.145 1.432 1.432 0 0 0 .841-.209.716.716 0 0 0 .298-.624.688.688 0 0 0-.129-.411 1.442 1.442 0 0 0-.379-.346 9.739 9.739 0 0 0-1.018-.532 4.824 4.824 0 0 1-1.08-.65 2.44 2.44 0 0 1-.575-.725 2.069 2.069 0 0 1-.21-.967 2.029 2.029 0 0 1 .7-1.638 2.935 2.935 0 0 1 1.952-.6 4.61 4.61 0 0 1 1.168.145 8.03 8.03 0 0 1 1.163.408l-.534 1.298a7.858 7.858 0 0 0-1.039-.36 3.345 3.345 0 0 0-.808-.1 1.07 1.07 0 0 0-.725.22.726.726 0 0 0-.252.575.711.711 0 0 0 .1.384 1.122 1.122 0 0 0 .325.317 10.047 10.047 0 0 0 1.055.551 4.2 4.2 0 0 1 1.51 1.053 2.06 2.06 0 0 1 .409 1.297zm4.748 2.181l-1.891-6.161h-.048q.1 1.88.1 2.508v3.653h-1.486v-7.853h2.266l1.858 6h.029l1.971-6h2.267v7.853H18.89v-3.717q0-.263.008-.607t.072-1.826h-.048l-2.022 6.15zm11.682-2.181a2.03 2.03 0 0 1-.765 1.676 3.325 3.325 0 0 1-2.13.612 5 5 0 0 1-2.224-.473v-1.546a9.163 9.163 0 0 0 1.345.5 3.981 3.981 0 0 0 1.007.145 1.432 1.432 0 0 0 .841-.209.716.716 0 0 0 .293-.623.688.688 0 0 0-.129-.411 1.442 1.442 0 0 0-.379-.346 9.739 9.739 0 0 0-1.013-.533 4.824 4.824 0 0 1-1.08-.65 2.44 2.44 0 0 1-.575-.725 2.069 2.069 0 0 1-.215-.967 2.029 2.029 0 0 1 .706-1.638 2.935 2.935 0 0 1 1.952-.6 4.61 4.61 0 0 1 1.168.145 8.03 8.03 0 0 1 1.163.408l-.537 1.294a7.858 7.858 0 0 0-1.039-.36 3.345 3.345 0 0 0-.808-.1 1.07 1.07 0 0 0-.725.22.726.726 0 0 0-.252.575.711.711 0 0 0 .1.384 1.122 1.122 0 0 0 .325.317 10.047 10.047 0 0 0 1.055.551 4.2 4.2 0 0 1 1.509 1.055 2.06 2.06 0 0 1 .407 1.299z"/><path d="M16 28a18.276 18.276 0 0 1-2.991-.253L6 32v-7.081A13.4 13.4 0 0 1 0 14C0 6.268 7.163 0 16 0s16 6.268 16 14-7.163 14-16 14zm0-26C8.268 2 2 7.373 2 14a11.591 11.591 0 0 0 5.975 9.824l-.063 4.638 4.707-2.829A16.2 16.2 0 0 0 16 26c7.732 0 14-5.372 14-12S23.732 2 16 2z"/></g></svg> 862 </a> 863 } 864 } 865 </div> 866 @if (link1 != null) 867 { 868 Item linkItem = Helpers.GetItemByItemId("LinkItem", link1.ToString()); 869 if (linkItem["Link"] != null) 870 { 871 string link = linkItem["Link"].ToString(); 872 if (!string.IsNullOrEmpty(link)) 873 { 874 <a href="@link" class="alert-banner__link"> 875 876 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 877 <span class="arrow"> 878 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.62 16"><path d="M40.62 8l-8 8-.89-.89L38.84 8 31.73.89l.89-.89 8 8z"/><path class="spine" d="M0 7.5h40v1H0z"/></svg> 879 </span> 880 881 <span>@linkItem["Label"].ToString()</span> 882 </a> 883 } 884 } 885 } 886 @if (link2 != null) 887 { 888 Item linkItem = Helpers.GetItemByItemId("LinkItem", link2.ToString()); 889 if (linkItem["Link"] != null) 890 { 891 string link = linkItem["Link"].ToString(); 892 if (!string.IsNullOrEmpty(link)) 893 { 894 <a href="@link" class="alert-banner__link"> 895 896 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 897 <span class="arrow"> 898 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.62 16"><path d="M40.62 8l-8 8-.89-.89L38.84 8 31.73.89l.89-.89 8 8z"/><path class="spine" d="M0 7.5h40v1H0z"/></svg> 899 </span> 900 901 <span>@linkItem["Label"].ToString()</span> 902 </a> 903 } 904 } 905 } 906 907 </div> 908 <button type="button" class="alert-banner__close-btn"> 909 <span class="alert-banner__close-icon"> 910 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.801 19.798"><path d="M9.9 11.314l-8.485 8.485-1.416-1.414 8.487-8.486L.002 1.414 1.416 0 9.9 8.485 18.384 0 19.8 1.414l-8.485 8.485 8.485 8.485-1.416 1.414z"/></svg> 911 </span> 912 <span class="alert-banner__close-text"> 913 Luk 914 </span> 915 </button> 916 </div> 917 </div> 918 </div> 919 </div> 920 } 921 } 922 } 923 924 } 925 926 927 928  950 </div> 951 952 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 953 @using System.Web; 954 955 @{ 956 var host = HttpContext.Current.Request.Url.Host.StartsWith("local.") ? "subsite-esbjerg.dis-play.dk" : HttpContext.Current.Request.Url.Host; 957 958 string jsPath = "/Files/Templates/Designs/" + Pageview.Layout.Design.Name; 959 string searchPath = Model.Area.Item.GetString("SearchResultPage"); 960 961 if (!string.IsNullOrEmpty(searchPath)) 962 { 963 searchPath = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl("Default.aspx?Id=" + searchPath); 964 } 965 } 966 967 <script> 968 var scriptLoaderSettings = { 969 mainScriptSrc: [ 970 '@jsPath/static/dist/js/main-subsite.min.js' 971 ], 972 polyfillFallback: '@jsPath/static/dist/js/polyfillFallback.js', 973 polyfills: 'default-3.6,fetch,Array.prototype.findIndex,Object.values' 974 }; 975 976 var loadMainScript = function () { function a(a) { var b = document.createElement("script"); b.defer = !0, b.async = !!0, b.src = a, document.body.appendChild(b) } if ("object" == typeof scriptLoaderSettings.mainScriptSrc) for (var b = 0; b < scriptLoaderSettings.mainScriptSrc.length; b++)a(scriptLoaderSettings.mainScriptSrc[b]); else a(scriptLoaderSettings.mainScriptSrc) }; 977 !function (e, t) { var r, a = [/^(.+)(\[.+MessengerForiOS.+\][ ]*)/, /^(.+)(\[.+FBIOS.+\][ ]*)/, /^(.+)( Twitter for iPhone)/]; for (r = 0; r < a.length; ++r) { var n = a[r], i = e.match(n); if (i) { t = t + "&ua=" + encodeURIComponent(i[1] + " Safari"); break } } var o = document.createElement("script"); o.addEventListener("error", function () { var e = document.createElement("script"); e.src = scriptLoaderSettings.polyfillFallback, document.body.appendChild(e) }),o.defer=true, o.src = t, document.body.appendChild(o) }(navigator.userAgent, "https://cdn.polyfill.io/v2/polyfill.min.js?features=" + scriptLoaderSettings.polyfills + "&callback=loadMainScript"); 978 979 /*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License - https://github.com/filamentgroup/loadCSS */ 980 !function (t) { "use strict"; t.loadCSS || (t.loadCSS = function () { }); var e = loadCSS.relpreload = {}; if (e.support = function () { var e; try { e = t.document.createElement("link").relList.supports("preload") } catch (t) { e = !1 } return function () { return e } }(), e.bindMediaToggle = function (t) { function e() { t.media = a } var a = t.media || "all"; t.addEventListener ? t.addEventListener("load", e) : t.attachEvent && t.attachEvent("onload", e), setTimeout(function () { t.rel = "stylesheet", t.media = "only x" }), setTimeout(e, 3e3) }, e.poly = function () { if (!e.support()) for (var a = t.document.getElementsByTagName("link"), n = 0; n < a.length; n++) { var o = a[n]; "preload" !== o.rel || "style" !== o.getAttribute("as") || o.getAttribute("data-loadcss") || (o.setAttribute("data-loadcss", !0), e.bindMediaToggle(o)) } }, !e.support()) { e.poly(); var a = t.setInterval(e.poly, 500); t.addEventListener ? t.addEventListener("load", function () { e.poly(), t.clearInterval(a) }) : t.attachEvent && t.attachEvent("onload", function () { e.poly(), t.clearInterval(a) }) } "undefined" != typeof exports ? exports.loadCSS = loadCSS : t.loadCSS = loadCSS }("undefined" != typeof global ? global : this); 981 982 // Enable this to register a service worker. Please make sure you understand the implications of doing so. 983 // if ("serviceWorker" in navigator) { navigator.serviceWorker.register("/sw.js", { scope: '/' }); } 984 </script> 985 986  987 <script type="text/javascript"> 988 /*<![CDATA[*/ 989 (function () { 990 var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; 991 sz.src = '//siteimproveanalytics.com/js/siteanalyze_273521.js'; 992 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); 993 })(); 994 /*]]>*/ 995 </script> 996  997 @RenderSnippet("Minimap") 998 999  1000 @RenderSnippet("KodeFooter") 1001 1002  1003  1004  1007  1008  1009 1010 <script type="text/javascript" src="https://customer.cludo.com/scripts/bundles/search-script.min.js"></script> 1011 1012 <script> 1013 var CludoSearch; 1014 (function () { 1015 var cludoSettings = { 1016 customerId: 80, 1017 engineId: 11424, 1018 searchUrl: "@searchPath", 1019 language: "@Dynamicweb.Services.Areas.GetArea(Model.Area.ID).CultureInfo.TwoLetterISOLanguageName", 1020 filters: { "DomainName": ["https://@host/"] }, 1021 searchInputs: ["cludo-search-form", "search-box-form"], 1022 initSearchBoxText: "", 1023 loading: "<img src='//customer.cludo.com/img/loading.gif' alt='Loading' class='loading' role='progressbar' />", 1024 customCallbackAfterSearch: function () { 1025 window.cludoCallback(); 1026 } 1027 //bannerIsInSearchTemplate: false, 1028 //endlessScroll: {stopAfterPage:3, resultsPerPage:10, bottomOffset: 700}, 1029 //richAutocomplete: true 1030 }; 1031 CludoSearch = new Cludo(cludoSettings); 1032 CludoSearch.init(); 1033 })(); 1034 </script> 1035 </body> 1036 </html> 1037 1038 @functions { 1039 1040 private string GetThemeTextColor(string hex) 1041 { 1042 const string white = "#fff"; 1043 const string black = "#000"; 1044 1045 var color = white; 1046 1047 switch (hex.ToLower()) 1048 { 1049 case ThemeColors.Cornflower: 1050 color = black; 1051 break; 1052 case ThemeColors.Surf: 1053 color = black; 1054 break; 1055 case ThemeColors.BeautyBush: 1056 color = black; 1057 break; 1058 case ThemeColors.Cerulean: 1059 color = black; 1060 break; 1061 case ThemeColors.Cinnabar: 1062 color = black; 1063 break; 1064 } 1065 1066 return color; 1067 } 1068 1069 private string GetContrastColor(string hex) 1070 { 1071 var color = hex; 1072 1073 switch (hex.ToLower()) 1074 { 1075 case ThemeColors.DeepSapphire: 1076 color = "020305"; 1077 break; 1078 case ThemeColors.RegalBlue: 1079 color = "013150"; 1080 break; 1081 case ThemeColors.DoveGray: 1082 color = "505050"; 1083 break; 1084 case ThemeColors.Valencia: 1085 color = "b23646"; 1086 break; 1087 case ThemeColors.Cornflower: 1088 color = "8bbbd5"; 1089 break; 1090 case ThemeColors.Surf: 1091 color = "c3beb6"; 1092 break; 1093 case ThemeColors.BeautyBush: 1094 color = "e0e0e0"; 1095 break; 1096 case ThemeColors.Cerulean: 1097 color = "0079a8"; 1098 break; 1099 case ThemeColors.Cinnabar: 1100 color = "de3517"; 1101 break; 1102 } 1103 1104 return color; 1105 } 1106 1107 private string GetLinkColor(string hex) 1108 { 1109 var color = hex; 1110 1111 switch (hex.ToLower()) 1112 { 1113 case ThemeColors.DeepSapphire: 1114 color = "1d293b"; 1115 break; 1116 case ThemeColors.Cornflower: 1117 color = "085077"; 1118 break; 1119 case ThemeColors.Surf: 1120 color = "555555"; 1121 break; 1122 case ThemeColors.BeautyBush: 1123 color = "555555"; 1124 break; 1125 case ThemeColors.Cerulean: 1126 color = "0079a8"; 1127 break; 1128 case ThemeColors.Cinnabar: 1129 color = "de3517"; 1130 break; 1131 } 1132 1133 return color; 1134 } 1135 1136 private struct ThemeColors 1137 { 1138 public const string DeepSapphire = "0a2e68"; 1139 public const string RegalBlue = "004069"; 1140 public const string DoveGray = "666666"; 1141 public const string Valencia = "d53f53"; 1142 public const string Cornflower = "88bfe8"; 1143 public const string Surf = "b1d8b9"; 1144 public const string BeautyBush = "edc3c4"; 1145 public const string Cerulean = "009bd9"; 1146 public const string Cinnabar = "eb573d"; 1147 } 1148 }