CINXE.COM

Closed for Maintenance

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> <!-- General tags --> <meta name="description" content="The general page where you learn everything about our &#039;Closed for Maintenance, Open for Voluntourism&#039; project" /> <!-- Open Graph tags --> <meta property="og:url" content="https://visitfaroeislands.com/en/closedformaintenance" /> <meta property="og:title" content="Closed for Maintenance" /> <meta property="og:description" content="The general page where you learn everything about our &#039;Closed for Maintenance, Open for Voluntourism&#039; project" /> <meta property="og:image" content="https://visitfaroeislands.com/download/closed-for-maintenance_large.jpg" /> <meta property="og:type" content="article" /> <!-- Twitter Card tags --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="" /> <meta name="twitter:title" content="Closed for Maintenance" /> <meta name="twitter:description" content="The general page where you learn everything about our &#039;Closed for Maintenance, Open for Voluntourism&#039; project" /> <meta name="twitter:image" content="/download/closed-for-maintenance_large.jpg" /> <!-- Facebook App id --> <meta property="fb:app_id" content="520595711890674" /> <!-- Facebook domain verification --> <meta name="facebook-domain-verification" content="o0nfx0q9a88c0wlwzp4w8l8snvyufl" /> <script async src="https://www.googletagmanager.com/gtag/js?id=" ></script> <link rel="icon" type="image/png" href="/assets/sheephead.png" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous" /> <link rel="stylesheet" href="/views/style/splide/splide.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-video@0.4.6/dist/css/splide-extension-video.min.css" /> <title> Closed for Maintenance </title> <meta name="Description" content="The general page where you learn everything about our &#039;Closed for Maintenance, Open for Voluntourism&#039; project" /> </p> <!-- Meta Pixel Code --> <script> !(function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments); }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = "2.0"; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); })( window, document, "script", "https://connect.facebook.net/en_US/fbevents.js" ); fbq("init", "831978218353233"); fbq("track", "PageView"); </script> <noscript ><img height="1" width="1" style="display: none" src="https://www.facebook.com/tr?id=831978218353233&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> </head> <body x-data="{}" :class="{'noscroll' : $store.app.noScroll}" style="display: none" onload="document.querySelector('body').style.display = 'block'" > <h1 class="visually-hidden"> Closed for Maintenance </h1> <p class="visually-hidden"> The general page where you learn everything about our &#039;Closed for Maintenance, Open for Voluntourism&#039; project </p> <div id="loading"> <div class="icon-spinner fa-3x"> <i class="fal fa-spinner fa-spin"></i> </div> </div> <div class="wrap-container-filter"> <div class="the-container"><link rel="stylesheet" href="/views/style/global.css?a=1" /> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://kit.fontawesome.com/893c6a8515.js" crossorigin="anonymous" ></script> <script src="https://api.mapbox.com/mapbox-gl-js/v3.1.2/mapbox-gl.js"></script> <link href="https://api.mapbox.com/mapbox-gl-js/v3.1.2/mapbox-gl.css" rel="stylesheet" /> <script src="https://player.vimeo.com/api/player.js"></script> <script src="https://cdn.jsdelivr.net/npm/smoothscroll-polyfill@0.4.4/dist/smoothscroll.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@ryangjchandler/spruce@1.x.x/dist/spruce.umd.js"></script> <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.2/dist/alpine.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.4.21/dist/js/splide.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-video@0.4.6/dist/js/splide-extension-video.min.js"></script> <script> window.fbAsyncInit = function () { FB.init({ appId: "520595711890674", xfbml: true, version: "v10.0", }); }; </script> <!-- facebook must load before main.js and socials.js --> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js" ></script> <!-- ! TOURSIM => index.html, header.html --> <!-- ! WHATSON => WHATSON_TYPE => index.html, base.html & TOURSIM header.html --> <!-- <script src="/views/main/js/Spliders.js"></script> --> <!-- <script src="/views/main/js/ReactPlayer.standalone.js"></script> --> <script src="/views/main/js/ifram.js"></script> <script src="/views/main/js/cookies.js"></script> <!-- <script src="/views/main/js/Menus.js"></script> --> <!-- <script type="module" src="/views/main/js/tourism_main.js"></script> --> <!-- * explore and form js for some reason can not be loaded here --> <!-- <script src="/views/main/js/explore.js"></script> --> <!-- <script src="/views/modules/form/form.js" formType=""></script> --> <link rel="stylesheet" href="/views/style/splide/splide.min.css" /> <script> Spruce.store("app", { list: [], demo: "demo", favourites: "close", favouritesList: localStorage.getItem('favouritesList') ? JSON.parse(localStorage.getItem('favouritesList')): [], favouritesListData: {article: [], eventTour: [], places: [], hiking: [], }, sites: false, startExplore: {menu: 'hiking', type:'hike', icon: 'fal fa-hiking'}, exploreMenu: [{ menu: 'See & Do', slug:'seedo',subMenu: [] }, { menu: 'Plan your stay', slug:'planyourstay', subMenu: [] }, { menu: 'What`s on', slug:'whatson', subMenu: [] } ], searchResult: { pages: [], events: [], tours: [], places: [], hikes: [], eventsToursHikes: [] }, showSearchResults: false, inspArticlesLength: 10, eventsToursHikesLength: 10, placeLength: 10, searchIsOpen: false, noScroll: false, fullSizeImage: [], site_id: '1', backend: 'https://vfibackend.com', domain: '', lang: "en", selectedExplore: null, hearted: localStorage.getItem("likedSitePage") ? JSON.parse("[" + localStorage.getItem("likedSitePage") + "]") : [], activeDisplay: 1, mapboxStyle: "mapbox://styles/visit-hald/clqf0t2dt00g301o9bk810w3z", }); </script> <div x-data="{}" class="wrap-content-sites"> <div class="wrap-content"> <div class="header backgroundColor backgroundColor" > <!-- ! TOURSIM => index.html, header.html --> <!-- ! WHATSON => WHATSON_TYPE => index.html, base.html & TOURSIM header.html --> <!-- Stylesheets --> <link rel="stylesheet" href="/views/style/global.css?a=1" /> <link rel="stylesheet" href="/views/style/splide/splide.min.css?a=1" /> <link rel="stylesheet" href="/views/style/headerStyles/whats-on-nav.css?a=1" /> <link rel="stylesheet" href="/views/style/likedSitePage/likedSitePage.css?a=1" /> <link rel="stylesheet" href="/views/style/tourismWhatsonStyles/tours-whatson.css?a=1" /> <link rel="stylesheet" href="/views/style/searchResults/search_results.css?v=1.4.20&a=1" /> <!-- JavaScript --> <script src="/views/main/js/Spliders.js"></script> <script src="/views/main/js/ReactPlayer.standalone.js"></script> <script src="/views/main/js/Menus.js"></script> <script type="module" src="/views/main/js/tourism_main.js"></script> <nav class="desktop-nav subpage"> <div class="top-nav" x-data="{searchIsOpen: $store.app.searchIsOpen, favourites: 'close', favList: localStorage.getItem('likedSitePage')}" > <div class="nav-logo"> <a href="https://visitfaroeislands.com/closedformaintenance" class="logo" > <div class="sheephead"><img src="/assets/head png.png" /></div> <div class="text">Visit Faroe Islands</div> </a> </div> <div class="menu-middle"> <div class="middle-option"> <a class="level-tag" href="/en/about-closed-for-maintenance"> ABOUT </a> <div class="pop-menu-wrap"> <div class="small-arrow-container"> <div class="small-arrow"></div> </div> <div class="pop-menu"> <div class="pop-menu-wrap"> <div class="pop-menu"> <script> var workingTemplate = []; </script> <div class="second-level-wrap"> <script> workingTemplate.push([]); </script> <script> workingTemplate.push([]); </script> <script> function compare(a, b) { if (a.template_indexing < b.template_indexing) { return -1; } if (a.template_indexing > b.template_indexing) { return 1; } return 0; }; workingTemplate[1].push({"shared":0,"id":1057,"type":"page","page_name":"New Page","site_id":1,"child_of":1059,"feature_media":2728,"infoskermar":0,"visibility":1,"template_indexing":"","order_value":1,"current_status":"published","rootPage":0,"date_to_publish":"2022-10-03 15:32:06","create_date":"2023-12-15 14:35:06","last_update_date":"2022-10-03 15:27:18","reg_date":"2023-12-15 14:35:06","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Frequently asked questions","pl_url_slug":"frequently-asked-questions0","pl_description":"","language_id":1,"dir":"\/about-closed-for-maintenance\/frequently-asked-questions0","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/skarvanes-closed-2019.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/skarvanes-closed-2019_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/skarvanes-closed-2019_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/skarvanes-closed-2019_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/skarvanes-closed-2019_full.jpg","info":{"id":2728,"name":"skarvanes-closed-2019.jpg","file_name":"skarvanes-closed-2019","alt":"","author":157,"sites_located":"[1]","file_size":827072,"file_extension":"jpg","file_dimensions_x":2112,"file_dimensions_y":1408,"comment":"","is_uploaded":1,"fo_upload_date":"2021-12-08 14:32:51","reg_date":"2023-01-06 13:47:37","languages":{"en":{"id":493,"media_id":2728,"lang_id":1,"alt":"Closed for Maintenance 2019 in Skarvanes, Sandoy. Photo: Tr\u00f3ndur Dalsgar\u00f0","reg_date":"2023-01-06 13:47:37","short":"en","order_by":1}}}},"hierarchy_level":2,"children":[]}); workingTemplate[1].sort(compare) </script> <script> workingTemplate.push([]); </script> <script> function compare(a, b) { if (a.template_indexing < b.template_indexing) { return -1; } if (a.template_indexing > b.template_indexing) { return 1; } return 0; }; workingTemplate[2].push({"shared":0,"id":1058,"type":"page","page_name":"New Page","site_id":1,"child_of":1059,"feature_media":2718,"infoskermar":0,"visibility":1,"template_indexing":"","order_value":2,"current_status":"published","rootPage":0,"date_to_publish":"2022-10-03 15:32:15","create_date":"2023-12-15 14:35:16","last_update_date":"2022-10-03 15:27:30","reg_date":"2023-12-15 14:35:16","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Newsletter","pl_url_slug":"closed-for-maintenance-newsletter","pl_description":"Be the first to know about our upcoming Closed for Maintenance projects by signing up for our newsletter.","language_id":1,"dir":"\/about-closed-for-maintenance\/closed-for-maintenance-newsletter","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/nlsoy.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/nlsoy_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/nlsoy_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/nlsoy_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/nlsoy_full.jpg","info":{"id":2718,"name":"nlsoy.jpg","file_name":"nlsoy","alt":"","author":157,"sites_located":"[1]","file_size":403195,"file_extension":"jpg","file_dimensions_x":1600,"file_dimensions_y":1067,"comment":"","is_uploaded":1,"fo_upload_date":"2021-12-08 14:20:10","reg_date":"2021-12-08 15:20:11","languages":{"en":{"id":483,"media_id":2718,"lang_id":1,"alt":"","reg_date":"2021-12-08 15:20:10","short":"en","order_by":1}}}},"hierarchy_level":2,"children":[]}); workingTemplate[2].sort(compare) </script> <script> workingTemplate.push([]); </script> <script> function compare(a, b) { if (a.template_indexing < b.template_indexing) { return -1; } if (a.template_indexing > b.template_indexing) { return 1; } return 0; }; workingTemplate[3].push({"shared":0,"id":1056,"type":"page","page_name":"New Page","site_id":1,"child_of":1059,"feature_media":5234,"infoskermar":0,"visibility":1,"template_indexing":"","order_value":3,"current_status":"published","rootPage":0,"date_to_publish":"2022-10-03 15:30:36","create_date":"2023-12-15 14:35:27","last_update_date":"2022-10-03 15:27:00","reg_date":"2023-12-15 14:35:27","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"The Faroe Islands","pl_url_slug":"the-faroe-islands0","pl_description":"","language_id":1,"dir":"\/about-closed-for-maintenance\/the-faroe-islands0","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/emilrahr-17.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/emilrahr-17_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/emilrahr-17_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/emilrahr-17_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/emilrahr-17_full.jpg","info":{"id":5234,"name":"emilrahr-17.jpg","file_name":"emilrahr-17","alt":"","author":189,"sites_located":"1","file_size":2614688,"file_extension":"jpg","file_dimensions_x":2500,"file_dimensions_y":1406,"comment":"","is_uploaded":1,"fo_upload_date":"2022-09-14 11:37:38","reg_date":"2022-09-14 12:37:38","languages":{"en":{"id":2950,"media_id":5234,"lang_id":1,"alt":"","reg_date":"2022-09-14 12:37:38","short":"en","order_by":1}}}},"hierarchy_level":2,"children":[]}); workingTemplate[3].sort(compare) </script> <script> workingTemplate.push([]); </script> <script> function compare(a, b) { if (a.template_indexing < b.template_indexing) { return -1; } if (a.template_indexing > b.template_indexing) { return 1; } return 0; }; workingTemplate[4].push({"shared":0,"id":1055,"type":"page","page_name":"New Page","site_id":1,"child_of":1059,"feature_media":5221,"infoskermar":0,"visibility":1,"template_indexing":"","order_value":4,"current_status":"published","rootPage":0,"date_to_publish":"2022-10-03 15:29:59","create_date":"2023-12-15 14:35:39","last_update_date":"2022-10-03 15:26:40","reg_date":"2023-12-15 14:35:39","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Facts & figures","pl_url_slug":"facts-figures0","pl_description":"","language_id":1,"dir":"\/about-closed-for-maintenance\/facts-figures0","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/closed-for-maintenance-joe-hall-21of84.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/closed-for-maintenance-joe-hall-21of84_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/closed-for-maintenance-joe-hall-21of84_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/closed-for-maintenance-joe-hall-21of84_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/closed-for-maintenance-joe-hall-21of84_full.jpg","info":{"id":5221,"name":"closed-for-maintenance-joe-hall-21of84.jpg","file_name":"closed-for-maintenance-joe-hall-21of84","alt":"","author":171,"sites_located":"1","file_size":2496742,"file_extension":"jpg","file_dimensions_x":2400,"file_dimensions_y":1600,"comment":"","is_uploaded":1,"fo_upload_date":"2022-09-14 11:18:28","reg_date":"2022-09-14 12:18:29","languages":{"en":{"id":2937,"media_id":5221,"lang_id":1,"alt":"","reg_date":"2022-09-14 12:18:28","short":"en","order_by":1}}}},"hierarchy_level":2,"children":[]}); workingTemplate[4].sort(compare) </script> <script> workingTemplate = workingTemplate.filter((x) => x.length > 0); Spruce.store("menu1", { workingTemplate, }); </script> <script> var currency = {"id":1,"type":"currency","rates":{"AED":3.985913,"AFN":77.583791,"ALL":99.159144,"AMD":424.482655,"ANG":1.942713,"AOA":995.118145,"ARS":1164.24999,"AUD":1.724017,"AWG":1.956052,"AZN":1.84996,"BAM":1.965515,"BBD":2.190426,"BDT":131.831587,"BGN":1.954952,"BHD":0.408994,"BIF":3175.261919,"BMD":1.085189,"BND":1.457805,"BOB":7.49605,"BRL":6.176569,"BSD":1.084862,"BTC":1.2582802e-5,"BTN":92.728317,"BWP":15.015214,"BYN":3.550247,"BYR":21269.697064,"BZD":2.17907,"CAD":1.554267,"CDF":3115.576333,"CHF":0.957777,"CLF":0.02703,"CLP":1037.266871,"CNY":7.88726,"CNH":7.898101,"COP":4510.315226,"CRC":544.993672,"CUC":1.085189,"CUP":28.757499,"CVE":110.743202,"CZK":24.943055,"DJF":192.859426,"DKK":7.461319,"DOP":68.719544,"DZD":145.094044,"EGP":54.879183,"ERN":16.277829,"ETB":140.911695,"EUR":1,"FJD":2.520349,"FKP":0.839757,"GBP":0.835948,"GEL":2.995176,"GGP":0.839757,"GHS":16.831059,"GIP":0.839757,"GMD":77.589448,"GNF":9392.307976,"GTQ":8.369366,"GYD":227.645153,"HKD":8.445318,"HNL":27.949049,"HRK":7.53305,"HTG":142.172699,"HUF":400.134542,"IDR":18145.113454,"ILS":4.015512,"IMP":0.839757,"INR":92.720145,"IQD":1421.5971,"IRR":45700.019216,"ISK":143.90712,"JEP":0.839757,"JMD":171.306696,"JOD":0.769396,"JPY":162.723489,"KES":140.498153,"KGS":94.162365,"KHR":4297.347109,"KMF":492.099634,"KPW":976.691267,"KRW":1589.39443,"KWD":0.334562,"KYD":0.904068,"KZT":545.96849,"LAK":23510.611841,"LBP":97232.900933,"LKR":321.056847,"LRD":216.874438,"LSL":20.054425,"LTL":3.20428,"LVL":0.65642,"LYD":5.241618,"MAD":10.403159,"MDL":19.456164,"MGA":5062.405227,"MKD":61.534072,"MMK":2278.36438,"MNT":3777.958169,"MOP":8.697086,"MRU":43.244894,"MUR":49.64734,"MVR":16.722912,"MWK":1883.887494,"MXN":22.180604,"MYR":4.833466,"MZN":69.345511,"NAD":20.05432,"NGN":1669.367136,"NIO":39.880435,"NOK":11.291089,"NPR":148.365307,"NZD":1.891614,"OMR":0.417774,"PAB":1.084862,"PEN":3.990206,"PGK":4.382537,"PHP":61.893194,"PKR":304.070954,"PLN":4.168614,"PYG":8684.925894,"QAR":3.9509,"RON":4.978085,"RSD":117.184232,"RUB":91.426723,"RWF":1535.541905,"SAR":4.070925,"SBD":9.03611,"SCR":15.838761,"SDG":651.65911,"SEK":10.755353,"SGD":1.457132,"SHP":0.852788,"SLE":24.775158,"SLL":22755.864061,"SOS":620.180772,"SRD":39.717362,"STD":22461.213565,"SVC":9.491914,"SYP":14110.131125,"SZL":20.054461,"THB":37.019064,"TJS":11.840925,"TMT":3.809012,"TND":3.361372,"TOP":2.541627,"TRY":41.154719,"TTD":7.360379,"TWD":35.975634,"TZS":2864.852372,"UAH":44.863441,"UGX":3956.555571,"USD":1.085189,"UYU":45.715955,"UZS":14036.914667,"VES":75.883562,"VND":27813.384477,"VUV":133.885808,"WST":3.078756,"XAF":659.21522,"XAG":0.032132,"XAU":0.000348,"XCD":2.932777,"XDR":0.819837,"XOF":658.165497,"XPF":119.331742,"YER":266.57647,"ZAR":20.442021,"ZMK":9767.991781,"ZMW":30.239461,"ZWL":349.430295},"base":"EUR","currentDate":"2025-04-02 09:48:28","reg_date":"2025-04-02 21:48:28"}; var symbols = null; function slugify(text) { // return text.toString().toLowerCase() // .replace(/\s+/g, '-') // Replace spaces with - // .replace(/[^\w\-]+/g, '') // Remove all non-word chars // .replace(/\-\-+/g, '-') // Replace multiple - with single - // .replace(/^-+/, '') // Trim - from start of text // .replace(/-+$/, ''); // Trim - from end of text text = ![undefined,null].includes(text) ? text.toString() : ""; text = text.replace(/^\s+|\s+$/g, ""); // trim text = text.toLowerCase(); // remove accents, swap ñ for n, etc var from = "àáäâæåðèéëêìíïîòóöôùúüûñçýø·/_,:;"; var to = "aaaaaadeeeeiiiioooouuuuncyo------"; for (var i = 0, l = from.length; i < l; i++) { text = text.replace(new RegExp(from.charAt(i), "g"), to.charAt(i)); } text = text .replace(/[^a-z0-9 -]/g, "") // remove invalid chars .replace(/\s+/g, "-") // collapse whitespace and replace by - .replace(/-+/g, "-"); // collapse dashes return text; } document.addEventListener("DOMContentLoaded", (event) => { document.querySelectorAll(".menu1 .currency").forEach((element, index) => { var attr = JSON.parse(element.getAttribute('attr')); if(attr) { element.querySelectorAll('h2').forEach((e,i)=>{ var symbol = symbols ? symbols.find(x=>x.abbreviation === attr[i].rate.label) : {}; var space = " "; if(i === 1){ attr[i].value = ((attr[0].value / currency.rates[attr[0].rate.value]) * currency.rates[attr[1].rate.value]).toFixed(2) attr[i].rate.value = symbol.symbol; space = ""; } e.innerHTML = attr[i].rate.label +space +attr[i].value; }) } }); document.querySelectorAll(".menu1 .module .weather-today").forEach((e) => { fetch("/weather/" + slugify(e.getAttribute("attr"))) .then((response) => { return response.json(); }) .then((json) => { if(typeof json.today !== 'undefined'){ const html = "<img src=" + json.today.icon + " /><div><h2>" + json.today.temp + "°C</h2>" + "<i class='fal fa-long-arrow-up' style='transform: rotate(" + (json.today.windDeg + 180) + "deg)'></i></span>" + "<span>" + "<span> &nbsp; </span> " + json.today.windSpeed + "<span> m/s </span> " + "</div>"; e.innerHTML = html; } }) }) }); </script> <div class="wrap-table menu1" x-data="{workingTemplate: $store.menu1.workingTemplate, weather: $store.menu1.weather }" > <table cellspacing="0" cellpadding="0"> <tbody> <tr> <template x-for="template in workingTemplate"> <td :class="(template.some(x=>x.menu_module) ? 'module_td' : '') +' '+ (template.some(x=>x.palette === 'image') ? 'palette_td' : '')" > <template x-for="(element, index) in template"> <div :class="element.palette + (element.menu_module ? ' module' : '') + (element.palette == '' || element.palette == 'default' && !element.menu_module ? ' standard' : '') + (element.a_label === 'static_palette' ? ' static_palette' : '')" > <!-- <div x-text="JSON.stringify(element)"></div> --> <template x-if="element.menu_module"> <div :class="'wrap-slider length'+element.splide.length.length" > <template x-for="i in element.splide.length"> <div class="module splide"> <div class="splide__track"> <ul class="splide__list"> <template x-for="el in element.menu_module.filter(x=>x.slider_index.splideIndex === i)" > <li :class="'splide__slide ' + (['static_palette','custom_level_3_link'].includes(el.a_label) ? 'no-padding' : '')" > <template x-if="el.a_label == 'weather'"> <div class="weather"> <div class="weather-today weather-box" :attr="el.selectedCity?.label" ></div> <p x-text="el.selectedCity?.label" ></p> </div> </template> <template x-if="el.a_label == 'currency'"> <span class="currency" :attr="JSON.stringify(el.currency)" x-html="el.a_value" ></span> </template> <template x-if="el.a_label == 'static_palette'" > <div class="image"> <a :href="el.a_value.href['en']" > <img :src="el.a_value.image" /> <span class="title" x-text="el.a_value.title['en']" ></span> </a> </div> </template> <template x-if="el.a_label == 'custom_level_3_link'" > <div class="custom_level_3_link" x-html="el.a_value.text" ></div> </template> <template x-if="el.a_label !== 'weather' && el.a_label !== 'currency' && el.a_label !== 'static_palette' && el.a_label !== 'custom_level_3_link'" > <span x-html="el.a_value"></span> </template> </li> </template> </ul> </div> </div> </template> </div> </template> <template x-if="element.palette === 'image'"> <a :href="`${'/'+'en'+element.dir}`"> <img :src="element.feature_image_dir.large" /> <span class="title" x-text="element.pl_title"></span> </a> </template> <template x-if="element.palette === 'list'"> <a :href="element.dir"> <span class="title" x-text="element.pl_title"></span> <i class="fal fa-arrow-right"></i> </a> </template> <template x-if="element.palette == '' || element.palette == 'default' && !element.menu_module" > <div> <a :href="'/'+'en'+element.dir" class="second-level level-tag" > <span class="title" x-text="element.pl_title" ></span> <i x-show="element.type === 'redirect'" class="fa-light fa-arrow-up-right-from-square" ></i> </a> <template x-for="elm in element.children"> <div class="third-level"> <a class="level-tag" :href="'/'+'en'+elm.dir" > <i class="fal fa-arrow-right blue-arrow"></i> <span x-text="elm.pl_title"></span> <i x-show="elm.type === 'redirect'" class="fa-light fa-arrow-up-right-from-square" ></i> </a> </div> </template> </div> </template> </div> </template> </td> </template> </tr> </tbody> </table> </div> <!-- const find = pageChild( response.data.hierarchy.children[0].children, "id", subPageId ); workingTemplate = []; find.children.forEach((element, i) => { if (pageChild(workingTemplate, "id", element.id)) { // workingTemplate.push([ // { pl_title: "", children: [], current_status: "published" }, // ]); } else { let secondLevel = element.template_indexing[0]; if (element.template_indexing === "") { secondLevel = i; } let arrayLenght = workingTemplate.length; for (let i = 0; i <= secondLevel - arrayLenght; i++) { workingTemplate.push([]); } workingTemplate[secondLevel].push(element); workingTemplate[secondLevel].sort(compare); // insert(workingTemplate[element.template_indexing[0]], element.template_indexing[1], element); } }); workingTemplate = workingTemplate.filter((x) => x.length > 0); --> </div> </div> <div class="small-arrow-container"> <div class="small-arrow"></div> </div> </div> </div> <div class="small-arrow-container"></div> </div> </div> <div class="middle-option"> <a class="level-tag" href="/en/what-how-where"> WHAT, HOW &amp; WHERE </a> <div class="pop-menu-wrap"> <div class="small-arrow-container"> <div class="small-arrow"></div> </div> <div class="pop-menu"> <div class="pop-menu-wrap"> <div class="pop-menu"> <script> var workingTemplate = []; </script> <div class="second-level-wrap"> <script> workingTemplate.push([]); </script> <script> workingTemplate.push([]); </script> <script> function compare(a, b) { if (a.template_indexing < b.template_indexing) { return -1; } if (a.template_indexing > b.template_indexing) { return 1; } return 0; }; workingTemplate[1].push({"shared":0,"id":1892,"type":"page","page_name":"New Page","site_id":1,"child_of":1893,"feature_media":9180,"infoskermar":0,"visibility":1,"template_indexing":"","order_value":1,"current_status":"published","rootPage":0,"date_to_publish":"2023-12-08 12:20:26","create_date":"2023-12-19 14:21:54","last_update_date":"2023-12-08 11:27:56","reg_date":"2023-12-19 14:21:54","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Projects","pl_url_slug":"projects","pl_description":"An overview of the Closed for Maintenance projects since 2019","language_id":1,"dir":"\/what-how-where\/projects","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/closed-nolsoy.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/closed-nolsoy_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/closed-nolsoy_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/closed-nolsoy_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/closed-nolsoy_full.jpg","info":{"id":9180,"name":"Closed_N\u00f3lsoy.jpg","file_name":"closed-nolsoy","alt":"","author":161,"sites_located":"1","file_size":3009306,"file_extension":"jpg","file_dimensions_x":3200,"file_dimensions_y":1800,"comment":"","is_uploaded":1,"fo_upload_date":"2023-12-19 12:54:13","reg_date":"2023-12-19 13:54:37","languages":{"en":{"id":6891,"media_id":9180,"lang_id":1,"alt":"","reg_date":"2023-12-19 13:54:13","short":"en","order_by":1}}}},"hierarchy_level":2,"children":[{"shared":0,"id":2104,"type":"page","page_name":"New Page","site_id":1,"child_of":1892,"feature_media":10966,"infoskermar":0,"visibility":1,"template_indexing":"","order_value":0,"current_status":"published","rootPage":0,"date_to_publish":"2025-01-10 16:27:55","create_date":"2025-03-18 16:42:42","last_update_date":"2024-10-23 11:23:25","reg_date":"2025-03-18 16:42:42","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Projects 2025","pl_url_slug":"projects-2025","pl_description":"A brief description of the projects that are Closed for Maintenance in the year 2025.","language_id":1,"dir":"\/what-how-where\/projects\/projects-2025","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/sundshagi-cfm-2924-klara-johannesen-22.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/sundshagi-cfm-2924-klara-johannesen-22_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/sundshagi-cfm-2924-klara-johannesen-22_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/sundshagi-cfm-2924-klara-johannesen-22_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/sundshagi-cfm-2924-klara-johannesen-22_full.jpg","info":{"id":10966,"name":"sundshagi-cfm-2924-klara-johannesen-22.jpg","file_name":"sundshagi-cfm-2924-klara-johannesen-22","alt":"","author":161,"sites_located":"1","file_size":20932969,"file_extension":"jpg","file_dimensions_x":5065,"file_dimensions_y":7597,"comment":"","is_uploaded":1,"fo_upload_date":"2024-07-16 15:38:09","reg_date":"2024-07-16 16:38:12","languages":{"en":{"id":8640,"media_id":10966,"lang_id":1,"alt":"","reg_date":"2024-07-16 16:38:09","short":"en","order_by":1}}}},"hierarchy_level":3},{"shared":0,"id":1888,"type":"page","page_name":"New Page","site_id":1,"child_of":1892,"feature_media":9076,"infoskermar":0,"visibility":1,"template_indexing":"","order_value":1,"current_status":"published","rootPage":0,"date_to_publish":"2023-12-07 11:49:45","create_date":"2025-01-10 17:32:13","last_update_date":"2023-12-06 15:07:41","reg_date":"2025-01-10 17:32:13","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Projects 2024","pl_url_slug":"projects-2024","pl_description":"A brief description of the projects that are Closed for Maintenance in the year 2024.","language_id":1,"dir":"\/what-how-where\/projects\/projects-2024","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/klara-johannesen-klarajohannesen-bordan-closed.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/klara-johannesen-klarajohannesen-bordan-closed_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/klara-johannesen-klarajohannesen-bordan-closed_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/klara-johannesen-klarajohannesen-bordan-closed_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/klara-johannesen-klarajohannesen-bordan-closed_full.jpg","info":{"id":9076,"name":"klara-johannesen-klarajohannesen-bordan-closed.jpg","file_name":"klara-johannesen-klarajohannesen-bordan-closed","alt":"","author":161,"sites_located":"1","file_size":17416029,"file_extension":"jpg","file_dimensions_x":8256,"file_dimensions_y":5504,"comment":"","is_uploaded":1,"fo_upload_date":"2023-12-06 14:48:42","reg_date":"2023-12-06 15:48:48","languages":{"en":{"id":6787,"media_id":9076,"lang_id":1,"alt":"","reg_date":"2023-12-06 15:48:42","short":"en","order_by":1}}}},"hierarchy_level":3},{"shared":0,"id":1345,"type":"page","page_name":"New Page","site_id":1,"child_of":1892,"feature_media":2605,"infoskermar":0,"visibility":1,"template_indexing":"","order_value":2,"current_status":"published","rootPage":0,"date_to_publish":"2022-12-15 12:57:57","create_date":"2025-01-10 17:32:13","last_update_date":"2022-12-15 11:55:12","reg_date":"2025-01-10 17:32:13","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Projects 2023","pl_url_slug":"projects-20230","pl_description":"","language_id":1,"dir":"\/what-how-where\/projects\/projects-20230","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/kunoychriseyrewalker02copy1920x852.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/kunoychriseyrewalker02copy1920x852_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/kunoychriseyrewalker02copy1920x852_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/kunoychriseyrewalker02copy1920x852_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/kunoychriseyrewalker02copy1920x852_full.jpg","info":{"id":2605,"name":"kunoychriseyrewalker02copy1920x852.jpg","file_name":"kunoychriseyrewalker02copy1920x852","alt":"","author":157,"sites_located":"[1]","file_size":492792,"file_extension":"jpg","file_dimensions_x":2048,"file_dimensions_y":908,"comment":"","is_uploaded":1,"fo_upload_date":"2021-12-06 14:04:37","reg_date":"2021-12-06 15:04:40","languages":{"en":{"id":370,"media_id":2605,"lang_id":1,"alt":"","reg_date":"2021-12-06 15:04:40","short":"en","order_by":1}}}},"hierarchy_level":3},{"shared":0,"id":811,"type":"page","page_name":"New Page","site_id":1,"child_of":1892,"feature_media":5712,"infoskermar":0,"visibility":1,"template_indexing":[0,1],"order_value":3,"current_status":"published","rootPage":0,"date_to_publish":"2022-05-02 17:05:49","create_date":"2025-01-10 17:32:13","last_update_date":"2022-05-02 16:42:02","reg_date":"2025-01-10 17:32:13","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Projects 2022","pl_url_slug":"projects-2022","pl_description":"","language_id":1,"dir":"\/what-how-where\/projects\/projects-2022","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/dsc-7692.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/dsc-7692_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/dsc-7692_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/dsc-7692_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/dsc-7692_full.jpg","info":{"id":5712,"name":"dsc-7692.jpg","file_name":"dsc-7692","alt":"","author":171,"sites_located":"1","file_size":2954106,"file_extension":"jpg","file_dimensions_x":2400,"file_dimensions_y":1600,"comment":"","is_uploaded":1,"fo_upload_date":"2022-10-04 13:11:20","reg_date":"2022-10-04 14:11:23","languages":{"en":{"id":3427,"media_id":5712,"lang_id":1,"alt":"","reg_date":"2022-10-04 14:11:23","short":"en","order_by":1}}}},"hierarchy_level":3},{"shared":0,"id":197,"type":"page","page_name":"New Page","site_id":1,"child_of":1892,"feature_media":2769,"infoskermar":0,"visibility":1,"template_indexing":[0,2],"order_value":4,"current_status":"published","rootPage":0,"date_to_publish":"2022-05-02 16:20:46","create_date":"2025-01-10 17:32:13","last_update_date":"2021-12-10 14:26:32","reg_date":"2025-01-10 17:32:13","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Projects 2021","pl_url_slug":"projects-2021","pl_description":"","language_id":1,"dir":"\/what-how-where\/projects\/projects-2021","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/dsc-3974.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/dsc-3974_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/dsc-3974_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/dsc-3974_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/dsc-3974_full.jpg","info":{"id":2769,"name":"dsc-3974.jpg","file_name":"dsc-3974","alt":"","author":157,"sites_located":"[1]","file_size":1891374,"file_extension":"jpg","file_dimensions_x":4000,"file_dimensions_y":2666,"comment":"","is_uploaded":1,"fo_upload_date":"2021-12-10 14:08:56","reg_date":"2021-12-10 15:08:57","languages":{"en":{"id":533,"media_id":2769,"lang_id":1,"alt":"","reg_date":"2021-12-10 15:08:56","short":"en","order_by":1}}}},"hierarchy_level":3},{"shared":0,"id":196,"type":"page","page_name":"New Page","site_id":1,"child_of":1892,"feature_media":5443,"infoskermar":0,"visibility":1,"template_indexing":[0,3],"order_value":5,"current_status":"published","rootPage":0,"date_to_publish":"2022-05-02 16:20:22","create_date":"2025-01-10 17:32:13","last_update_date":"2021-12-10 14:26:32","reg_date":"2025-01-10 17:32:13","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Projects 2020","pl_url_slug":"projects-2020","pl_description":"","language_id":1,"dir":"\/what-how-where\/projects\/projects-2020","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/funningur6_0.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/funningur6_0_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/funningur6_0_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/funningur6_0_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/funningur6_0_full.jpg","info":{"id":5443,"name":"funningur6.jpg","file_name":"funningur6_0","alt":"","author":171,"sites_located":"1","file_size":1760373,"file_extension":"jpg","file_dimensions_x":2400,"file_dimensions_y":1600,"comment":"","is_uploaded":1,"fo_upload_date":"2022-09-26 14:40:22","reg_date":"2022-09-26 15:40:22","languages":{"en":{"id":3159,"media_id":5443,"lang_id":1,"alt":"","reg_date":"2022-09-26 15:40:22","short":"en","order_by":1}}}},"hierarchy_level":3},{"shared":0,"id":195,"type":"page","page_name":"New Page","site_id":1,"child_of":1892,"feature_media":2770,"infoskermar":0,"visibility":1,"template_indexing":[0,4],"order_value":6,"current_status":"published","rootPage":0,"date_to_publish":"2022-05-02 16:20:09","create_date":"2025-01-10 17:32:13","last_update_date":"2021-12-10 14:26:31","reg_date":"2025-01-10 17:32:13","menu_module_id":null,"article_id":null,"splide":"","palette":"","pl_title":"Projects 2019","pl_url_slug":"projects-2019","pl_description":"","language_id":1,"dir":"\/what-how-where\/projects\/projects-2019","feature_image_dir":{"actual":"https:\/\/vfibackend.com\/uploads\/dsc-9831-1.jpg","thumbnail":"https:\/\/vfibackend.com\/uploads\/dsc-9831-1_thumbnail.jpg","medium":"https:\/\/vfibackend.com\/uploads\/dsc-9831-1_medium.jpg","large":"https:\/\/vfibackend.com\/uploads\/dsc-9831-1_large.jpg","full":"https:\/\/vfibackend.com\/uploads\/dsc-9831-1_full.jpg","info":{"id":2770,"name":"dsc-9831-1.jpg","file_name":"dsc-9831-1","alt":"","author":157,"sites_located":"[1]","file_size":1172023,"file_extension":"jpg","file_dimensions_x":2004,"file_dimensions_y":1336,"comment":"","is_uploaded":1,"fo_upload_date":"2021-12-10 14:30:56","reg_date":"2021-12-10 15:30:56","languages":{"en":{"id":534,"media_id":2770,"lang_id":1,"alt":"","reg_date":"2021-12-10 15:30:56","short":"en","order_by":1}}}},"hierarchy_level":3}]}); workingTemplate[1].sort(compare) </script> <script> workingTemplate = workingTemplate.filter((x) => x.length > 0); Spruce.store("menu2", { workingTemplate, }); </script> <script> var currency = {"id":1,"type":"currency","rates":{"AED":3.985913,"AFN":77.583791,"ALL":99.159144,"AMD":424.482655,"ANG":1.942713,"AOA":995.118145,"ARS":1164.24999,"AUD":1.724017,"AWG":1.956052,"AZN":1.84996,"BAM":1.965515,"BBD":2.190426,"BDT":131.831587,"BGN":1.954952,"BHD":0.408994,"BIF":3175.261919,"BMD":1.085189,"BND":1.457805,"BOB":7.49605,"BRL":6.176569,"BSD":1.084862,"BTC":1.2582802e-5,"BTN":92.728317,"BWP":15.015214,"BYN":3.550247,"BYR":21269.697064,"BZD":2.17907,"CAD":1.554267,"CDF":3115.576333,"CHF":0.957777,"CLF":0.02703,"CLP":1037.266871,"CNY":7.88726,"CNH":7.898101,"COP":4510.315226,"CRC":544.993672,"CUC":1.085189,"CUP":28.757499,"CVE":110.743202,"CZK":24.943055,"DJF":192.859426,"DKK":7.461319,"DOP":68.719544,"DZD":145.094044,"EGP":54.879183,"ERN":16.277829,"ETB":140.911695,"EUR":1,"FJD":2.520349,"FKP":0.839757,"GBP":0.835948,"GEL":2.995176,"GGP":0.839757,"GHS":16.831059,"GIP":0.839757,"GMD":77.589448,"GNF":9392.307976,"GTQ":8.369366,"GYD":227.645153,"HKD":8.445318,"HNL":27.949049,"HRK":7.53305,"HTG":142.172699,"HUF":400.134542,"IDR":18145.113454,"ILS":4.015512,"IMP":0.839757,"INR":92.720145,"IQD":1421.5971,"IRR":45700.019216,"ISK":143.90712,"JEP":0.839757,"JMD":171.306696,"JOD":0.769396,"JPY":162.723489,"KES":140.498153,"KGS":94.162365,"KHR":4297.347109,"KMF":492.099634,"KPW":976.691267,"KRW":1589.39443,"KWD":0.334562,"KYD":0.904068,"KZT":545.96849,"LAK":23510.611841,"LBP":97232.900933,"LKR":321.056847,"LRD":216.874438,"LSL":20.054425,"LTL":3.20428,"LVL":0.65642,"LYD":5.241618,"MAD":10.403159,"MDL":19.456164,"MGA":5062.405227,"MKD":61.534072,"MMK":2278.36438,"MNT":3777.958169,"MOP":8.697086,"MRU":43.244894,"MUR":49.64734,"MVR":16.722912,"MWK":1883.887494,"MXN":22.180604,"MYR":4.833466,"MZN":69.345511,"NAD":20.05432,"NGN":1669.367136,"NIO":39.880435,"NOK":11.291089,"NPR":148.365307,"NZD":1.891614,"OMR":0.417774,"PAB":1.084862,"PEN":3.990206,"PGK":4.382537,"PHP":61.893194,"PKR":304.070954,"PLN":4.168614,"PYG":8684.925894,"QAR":3.9509,"RON":4.978085,"RSD":117.184232,"RUB":91.426723,"RWF":1535.541905,"SAR":4.070925,"SBD":9.03611,"SCR":15.838761,"SDG":651.65911,"SEK":10.755353,"SGD":1.457132,"SHP":0.852788,"SLE":24.775158,"SLL":22755.864061,"SOS":620.180772,"SRD":39.717362,"STD":22461.213565,"SVC":9.491914,"SYP":14110.131125,"SZL":20.054461,"THB":37.019064,"TJS":11.840925,"TMT":3.809012,"TND":3.361372,"TOP":2.541627,"TRY":41.154719,"TTD":7.360379,"TWD":35.975634,"TZS":2864.852372,"UAH":44.863441,"UGX":3956.555571,"USD":1.085189,"UYU":45.715955,"UZS":14036.914667,"VES":75.883562,"VND":27813.384477,"VUV":133.885808,"WST":3.078756,"XAF":659.21522,"XAG":0.032132,"XAU":0.000348,"XCD":2.932777,"XDR":0.819837,"XOF":658.165497,"XPF":119.331742,"YER":266.57647,"ZAR":20.442021,"ZMK":9767.991781,"ZMW":30.239461,"ZWL":349.430295},"base":"EUR","currentDate":"2025-04-02 09:48:28","reg_date":"2025-04-02 21:48:28"}; var symbols = null; function slugify(text) { // return text.toString().toLowerCase() // .replace(/\s+/g, '-') // Replace spaces with - // .replace(/[^\w\-]+/g, '') // Remove all non-word chars // .replace(/\-\-+/g, '-') // Replace multiple - with single - // .replace(/^-+/, '') // Trim - from start of text // .replace(/-+$/, ''); // Trim - from end of text text = ![undefined,null].includes(text) ? text.toString() : ""; text = text.replace(/^\s+|\s+$/g, ""); // trim text = text.toLowerCase(); // remove accents, swap ñ for n, etc var from = "àáäâæåðèéëêìíïîòóöôùúüûñçýø·/_,:;"; var to = "aaaaaadeeeeiiiioooouuuuncyo------"; for (var i = 0, l = from.length; i < l; i++) { text = text.replace(new RegExp(from.charAt(i), "g"), to.charAt(i)); } text = text .replace(/[^a-z0-9 -]/g, "") // remove invalid chars .replace(/\s+/g, "-") // collapse whitespace and replace by - .replace(/-+/g, "-"); // collapse dashes return text; } document.addEventListener("DOMContentLoaded", (event) => { document.querySelectorAll(".menu2 .currency").forEach((element, index) => { var attr = JSON.parse(element.getAttribute('attr')); if(attr) { element.querySelectorAll('h2').forEach((e,i)=>{ var symbol = symbols ? symbols.find(x=>x.abbreviation === attr[i].rate.label) : {}; var space = " "; if(i === 1){ attr[i].value = ((attr[0].value / currency.rates[attr[0].rate.value]) * currency.rates[attr[1].rate.value]).toFixed(2) attr[i].rate.value = symbol.symbol; space = ""; } e.innerHTML = attr[i].rate.label +space +attr[i].value; }) } }); document.querySelectorAll(".menu2 .module .weather-today").forEach((e) => { fetch("/weather/" + slugify(e.getAttribute("attr"))) .then((response) => { return response.json(); }) .then((json) => { if(typeof json.today !== 'undefined'){ const html = "<img src=" + json.today.icon + " /><div><h2>" + json.today.temp + "°C</h2>" + "<i class='fal fa-long-arrow-up' style='transform: rotate(" + (json.today.windDeg + 180) + "deg)'></i></span>" + "<span>" + "<span> &nbsp; </span> " + json.today.windSpeed + "<span> m/s </span> " + "</div>"; e.innerHTML = html; } }) }) }); </script> <div class="wrap-table menu2" x-data="{workingTemplate: $store.menu2.workingTemplate, weather: $store.menu2.weather }" > <table cellspacing="0" cellpadding="0"> <tbody> <tr> <template x-for="template in workingTemplate"> <td :class="(template.some(x=>x.menu_module) ? 'module_td' : '') +' '+ (template.some(x=>x.palette === 'image') ? 'palette_td' : '')" > <template x-for="(element, index) in template"> <div :class="element.palette + (element.menu_module ? ' module' : '') + (element.palette == '' || element.palette == 'default' && !element.menu_module ? ' standard' : '') + (element.a_label === 'static_palette' ? ' static_palette' : '')" > <!-- <div x-text="JSON.stringify(element)"></div> --> <template x-if="element.menu_module"> <div :class="'wrap-slider length'+element.splide.length.length" > <template x-for="i in element.splide.length"> <div class="module splide"> <div class="splide__track"> <ul class="splide__list"> <template x-for="el in element.menu_module.filter(x=>x.slider_index.splideIndex === i)" > <li :class="'splide__slide ' + (['static_palette','custom_level_3_link'].includes(el.a_label) ? 'no-padding' : '')" > <template x-if="el.a_label == 'weather'"> <div class="weather"> <div class="weather-today weather-box" :attr="el.selectedCity?.label" ></div> <p x-text="el.selectedCity?.label" ></p> </div> </template> <template x-if="el.a_label == 'currency'"> <span class="currency" :attr="JSON.stringify(el.currency)" x-html="el.a_value" ></span> </template> <template x-if="el.a_label == 'static_palette'" > <div class="image"> <a :href="el.a_value.href['en']" > <img :src="el.a_value.image" /> <span class="title" x-text="el.a_value.title['en']" ></span> </a> </div> </template> <template x-if="el.a_label == 'custom_level_3_link'" > <div class="custom_level_3_link" x-html="el.a_value.text" ></div> </template> <template x-if="el.a_label !== 'weather' && el.a_label !== 'currency' && el.a_label !== 'static_palette' && el.a_label !== 'custom_level_3_link'" > <span x-html="el.a_value"></span> </template> </li> </template> </ul> </div> </div> </template> </div> </template> <template x-if="element.palette === 'image'"> <a :href="`${'/'+'en'+element.dir}`"> <img :src="element.feature_image_dir.large" /> <span class="title" x-text="element.pl_title"></span> </a> </template> <template x-if="element.palette === 'list'"> <a :href="element.dir"> <span class="title" x-text="element.pl_title"></span> <i class="fal fa-arrow-right"></i> </a> </template> <template x-if="element.palette == '' || element.palette == 'default' && !element.menu_module" > <div> <a :href="'/'+'en'+element.dir" class="second-level level-tag" > <span class="title" x-text="element.pl_title" ></span> <i x-show="element.type === 'redirect'" class="fa-light fa-arrow-up-right-from-square" ></i> </a> <template x-for="elm in element.children"> <div class="third-level"> <a class="level-tag" :href="'/'+'en'+elm.dir" > <i class="fal fa-arrow-right blue-arrow"></i> <span x-text="elm.pl_title"></span> <i x-show="elm.type === 'redirect'" class="fa-light fa-arrow-up-right-from-square" ></i> </a> </div> </template> </div> </template> </div> </template> </td> </template> </tr> </tbody> </table> </div> <!-- const find = pageChild( response.data.hierarchy.children[0].children, "id", subPageId ); workingTemplate = []; find.children.forEach((element, i) => { if (pageChild(workingTemplate, "id", element.id)) { // workingTemplate.push([ // { pl_title: "", children: [], current_status: "published" }, // ]); } else { let secondLevel = element.template_indexing[0]; if (element.template_indexing === "") { secondLevel = i; } let arrayLenght = workingTemplate.length; for (let i = 0; i <= secondLevel - arrayLenght; i++) { workingTemplate.push([]); } workingTemplate[secondLevel].push(element); workingTemplate[secondLevel].sort(compare); // insert(workingTemplate[element.template_indexing[0]], element.template_indexing[1], element); } }); workingTemplate = workingTemplate.filter((x) => x.length > 0); --> </div> </div> <div class="small-arrow-container"> <div class="small-arrow"></div> </div> </div> </div> <div class="small-arrow-container"></div> </div> </div> <div class="middle-option middle-option-whatson feature-enabled" onmouseover="openPopup(this)" onmouseout="closePopup(this)" > <a href="/en/whatson">WHAT'S ON</a> <div class="pop-menu-wrap"> <div class="small-arrow-container"> <div class="small-arrow"></div> </div> <div class="pop-menu" id="whatsOn"> <div class="whatson-link-cont desktop"> <!-- <div class="pop-menu-wrap"> <div class="small-arrow-container"> <div class="small-arrow"></div> </div> <div class="pop-menu"> <div class="whatson-link-cont"> --> <a class="whatson-links whatson-events-link" href="/en/whatson/events" > <div class="whatson-categories whatson-events"> <div class="background"> <img src="/assets/whatson_background.jpg" alt="events background, abstract, colorfull" /> </div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/ikon_whatson-events.svg" alt="What's On calendar icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Events</h2> <h3 class="sub-text">Overview: What, Where, When</h3> </div> </div> </div> </a> <!-- <a class="whatson-links whatson-tours-link" href="/en/whatson/tours" > <div class="whatson-categories whatson-tours"> <div class="background"> <img src="/assets/delete/tours.jpg" alt="Image of a man in a orange jacket kayaking in the boat harbor revine in the village Gjógv" /> </div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/ikon_whatson-tours.svg" alt="What's On flag icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Tours</h2> <h3 class="sub-text">Find your guided tour</h3> </div> </div> </div> </a> --> <a class="whatson-links whatson-places-link" href="/en/whatson/places" > <div class="whatson-categories whatson-places"> <div class="background"> <img src="/assets/delete/places.jpg" alt="Scandinavian style chairs and tables with a view of the cith of Tórshavn in the Faroe Islands Nordic House" /> </div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/ikon_whatson-places.svg" alt="What's On map marker icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Places</h2> <h3 class="sub-text">Discover sights, local restaurants, galleries and more</h3> </div> </div> </div> </a> <a class="whatson-links whatson-hiking-link" href="/en/whatson/hiking" > <div class="whatson-categories whatson-hiking"> <div class="background"> <img src="/assets/delete/hiking.jpg" alt="Man in a orange jacket hiking, with a low angle showing a small lake" /> </div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/ikon_whatson-hiking.svg" alt="What's On man walking to the right icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Hiking</h2> <h3 class="sub-text">Find the perfect hike for you</h3> </div> </div> </div> </a> <a class="whatson-links whatson-submit-link" href="/en/whatson/submit" > <div class="whatson-categories whatson-submit"> <div class="background"></div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/whatson-submit.svg" alt="What's On submit icon, plus icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Submit</h2> <h3 class="sub-text"></h3> </div> </div> </div> </a> <!-- </div> </div> <div class="small-arrow-container"></div> </div> --> </div> </div> <div class="small-arrow-container"></div> </div> </div> <div class="middle-option"> <a class="level-tag" href="/en/sign-up-for-closed-for-maintenance"> SIGN UP FOR CLOSED FOR MAINTENANCE </a> </div> <script> document.addEventListener("DOMContentLoaded", function () { const menuDelayTimer = 300; // Delay of hovering over menu item let menuTimer; function openSubNav(element) { clearTimeout(menuTimer); element.classList.add("active"); } function closeSubNav(element) { menuTimer = setTimeout(() => { element.classList.remove("active"); }, menuDelayTimer); } document .querySelectorAll( ".middle-option, middle-option-whatson, .pop-menu" ) .forEach((element) => { element.onmouseenter = () => { openSubNav(element.closest(".middle-option")); }; element.onmouseleave = () => { closeSubNav(element.closest(".middle-option")); }; }); function mountModules() { let splides = []; document.querySelectorAll(".module.splide").forEach((element) => { element.querySelectorAll(".splide__pagination").forEach((elm) => { elm.remove(); }); splides.push( new Splide(element, { destroy: true, autoplay: true, }).mount() ); }); return splides; } document.querySelectorAll(".middle-option").forEach((element) => { let splides = []; element.onmouseenter = () => { splides = mountModules(); }; element.onmouseleave = () => { for (const splide of splides) { splide.destroy(false); } splides = []; }; }); }); </script> <div @click="window.location.href = '/en/explore'" class="navMapIcon feature-disabled" > <img class="map" src="/assets/map_white.svg" /> Explore Map </div> </div> <div class="other-icons"> <div class="heart-icon"> <i x-show="$store.app.favourites == 'close'" class="fal fa-heart heart-empty hide-initially" @click="$store.app.favourites = $store.app.favourites == 'open' ? 'close' : 'open', fetchfavouritesList('en'), $store.app.searchIsOpen = false" ></i> <i x-show="$store.app.favourites == 'open'" class="fa fa-heart heart-blue hide-initially" @click="$store.app.favourites = $store.app.favourites == 'open' ? 'close' : 'open', fetchfavouritesList('en'), $store.app.searchIsOpen = false" ></i> <div x-show="$store.app.favourites == 'open'" class="small-arrow-container" > <div class="small-arrow"></div> </div> </div> <div @click="toggleSearch(!$store.app.searchIsOpen), closeMenu(), $store.app.favourites = 'close'" class="search-icon" > <i class="fal fa-search"></i> <div x-show.transition="$store.app.searchIsOpen" class="small-arrow-container" :class="$store.app.showSearchResults ? 'searched' : ''" > <div class="small-arrow"></div> </div> </div> <div @click="$store.app.sites = true, $store.app.searchIsOpen = false, $store.app.favourites = 'close'" class="site-select-wrap" > <p>Sites</p> <label class="icon-down" for="site-select"> <i class="fas fa-caret-down"></i> </label> </div> </div> </div> </nav> <nav class="tablet-nav"> <div class="top-nav" x-data="{favourites: 'close'}"> <a href="/" class="logo"> <div class="sheephead"><img src="/assets/head png.png" /></div> <div class="text">Visit Faroe Islands</div> </a> <div class="other-icons"> <div class="heart-icon" @click="$store.app.favourites = $store.app.favourites == 'open' ? 'close' : 'open', fetchfavouritesList('en'), $store.app.searchIsOpen = false" > <i x-show="$store.app.favourites == 'close'" class="fal fa-heart heart-empty" ></i> <i x-show="$store.app.favourites == 'open'" class="fa fa-heart heart-blue" ></i> </div> <div @click="$store.app.searchIsOpen = !$store.app.searchIsOpen, closeMenu(), $store.app.favourites = 'close'" class="search-icon" > <i class="fal fa-search"></i> </div> <div id="menuToggle" @click="toggleMenu(); favourites = 'close'"> <input type="checkbox" /> <span></span> <span></span> <span></span> </div> </div> </div> </nav> <div class="drop-down-menu" x-data="{active: '-1', langActive: 'false', otherActive: 'false'}"> <div id="VFI-mobile-menu"> <div class="accordion"> <div class="accordion-item" :class="{'active': active === '1'}"> <div class="wrap-title-arrow"> <div class="accordion-title-container" @click="active = active !== '1' ? '1' : '-1'"> <div class="accordion-title"> <a class="level-tag" href="/en/about-closed-for-maintenance">ABOUT </a> </div> <div class="accordion-divider"></div> <div class="accordion-title-arrow-icon"> <img src="/assets/sideMenu/accordionArrowDown.svg"/> </div> </div> </div> <div class="accordion-content"> <div class="second-level"> <ul> <li class="second-level-title"> <span> <a class="sec-level-tag level-tag" href="/en/about-closed-for-maintenance/frequently-asked-questions0">FREQUENTLY ASKED QUESTIONS </a> </span> </li> </ul> </div> <div class="second-level"> <ul> <li class="second-level-title"> <span> <a class="sec-level-tag level-tag" href="/en/about-closed-for-maintenance/closed-for-maintenance-newsletter">NEWSLETTER </a> </span> </li> </ul> </div> <div class="second-level"> <ul> <li class="second-level-title"> <span> <a class="sec-level-tag level-tag" href="/en/about-closed-for-maintenance/the-faroe-islands0">THE FAROE ISLANDS </a> </span> </li> </ul> </div> <div class="second-level"> <ul> <li class="second-level-title"> <span> <a class="sec-level-tag level-tag" href="/en/about-closed-for-maintenance/facts-figures0">FACTS &amp; FIGURES </a> </span> </li> </ul> </div> </div> </div> <div class="accordion-item" :class="{'active': active === '2'}"> <div class="wrap-title-arrow"> <div class="accordion-title-container" @click="active = active !== '2' ? '2' : '-1'"> <div class="accordion-title"> <a class="level-tag" href="/en/what-how-where">WHAT, HOW &amp; WHERE </a> </div> <div class="accordion-divider"></div> <div class="accordion-title-arrow-icon"> <img src="/assets/sideMenu/accordionArrowDown.svg"/> </div> </div> </div> <div class="accordion-content"> <div class="second-level"> <ul> <li class="second-level-title"> <span> <a class="sec-level-tag level-tag" href="/en/what-how-where/projects">PROJECTS </a> </span> </li> <li class="third-level"> <span class="third-text"> <a class="third-level-tag level-tag" href="/en/what-how-where/projects/projects-2025">Projects 2025 </a> </span> </li> <li class="third-level"> <span class="third-text"> <a class="third-level-tag level-tag" href="/en/what-how-where/projects/projects-2024">Projects 2024 </a> </span> </li> <li class="third-level"> <span class="third-text"> <a class="third-level-tag level-tag" href="/en/what-how-where/projects/projects-20230">Projects 2023 </a> </span> </li> <li class="third-level"> <span class="third-text"> <a class="third-level-tag level-tag" href="/en/what-how-where/projects/projects-2022">Projects 2022 </a> </span> </li> <li class="third-level"> <span class="third-text"> <a class="third-level-tag level-tag" href="/en/what-how-where/projects/projects-2021">Projects 2021 </a> </span> </li> <li class="third-level"> <span class="third-text"> <a class="third-level-tag level-tag" href="/en/what-how-where/projects/projects-2020">Projects 2020 </a> </span> </li> <li class="third-level"> <span class="third-text"> <a class="third-level-tag level-tag" href="/en/what-how-where/projects/projects-2019">Projects 2019 </a> </span> </li> </ul> </div> </div> </div> <div class="accordion-item" :class="{'active': active === '3'}"> <div class="wrap-title-arrow"> <div class="accordion-title-container" @click="active = active !== '3' ? '3' : '-1'"> <div class="accordion-title"> <a class="level-tag" href="/en/sign-up-for-closed-for-maintenance">SIGN UP FOR CLOSED FOR MAINTENANCE </a> </div> <div class="accordion-divider"></div> <div class="accordion-title-arrow-icon"> <img src="/assets/sideMenu/accordionArrowDown.svg"/> </div> </div> </div> <div class="accordion-content"> </div> </div> <div class="accordion-item accordion-item-whatson" :class="{'active': active === 'whatsOn-site'}"> <div class="wrap-title-arrow"> <div class="accordion-title-container" @click="active = active === 'whatsOn-site' ? '-1': 'whatsOn-site'"> <div class="accordion-title">WHAT'S ON</div> <div class="accordion-divider"></div> <div class="accordion-title-arrow-icon"> <img src="/assets/sideMenu/accordionArrowDown.svg"/> </div> </div> </div> <div class="accordion-content whatsonDropDownInSideMenu"> <div class="whatson-link-cont tablet"> <!-- <div class="pop-menu-wrap"> <div class="small-arrow-container"> <div class="small-arrow"></div> </div> <div class="pop-menu"> <div class="whatson-link-cont"> --> <a class="whatson-links whatson-events-link" href="/en/whatson/events" > <div class="whatson-categories whatson-events"> <div class="background"> <img src="/assets/whatson_background.jpg" alt="events background, abstract, colorfull" /> </div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/ikon_whatson-events.svg" alt="What's On calendar icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Events</h2> <h3 class="sub-text">Overview: What, Where, When</h3> </div> </div> </div> </a> <!-- <a class="whatson-links whatson-tours-link" href="/en/whatson/tours" > <div class="whatson-categories whatson-tours"> <div class="background"> <img src="/assets/delete/tours.jpg" alt="Image of a man in a orange jacket kayaking in the boat harbor revine in the village Gjógv" /> </div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/ikon_whatson-tours.svg" alt="What's On flag icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Tours</h2> <h3 class="sub-text">Find your guided tour</h3> </div> </div> </div> </a> --> <a class="whatson-links whatson-places-link" href="/en/whatson/places" > <div class="whatson-categories whatson-places"> <div class="background"> <img src="/assets/delete/places.jpg" alt="Scandinavian style chairs and tables with a view of the cith of Tórshavn in the Faroe Islands Nordic House" /> </div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/ikon_whatson-places.svg" alt="What's On map marker icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Places</h2> <h3 class="sub-text">Discover sights, local restaurants, galleries and more</h3> </div> </div> </div> </a> <a class="whatson-links whatson-hiking-link" href="/en/whatson/hiking" > <div class="whatson-categories whatson-hiking"> <div class="background"> <img src="/assets/delete/hiking.jpg" alt="Man in a orange jacket hiking, with a low angle showing a small lake" /> </div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/ikon_whatson-hiking.svg" alt="What's On man walking to the right icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Hiking</h2> <h3 class="sub-text">Find the perfect hike for you</h3> </div> </div> </div> </a> <a class="whatson-links whatson-submit-link" href="/en/whatson/submit" > <div class="whatson-categories whatson-submit"> <div class="background"></div> <div class="shadow-grad"></div> <div class="content"> <div class="whatson-icon"> <img src="/assets/whatson-submit.svg" alt="What's On submit icon, plus icon in a circle" /> </div> <div class="whatson-text"> <h2 class="main-text">Submit</h2> <h3 class="sub-text"></h3> </div> </div> </div> </a> <!-- </div> </div> <div class="small-arrow-container"></div> </div> --> </div> </div> </div> <div class="accordion-item gray-background" :class="{'active': langActive === 'true'}"> <div class="wrap-title-arrow"> <div class="accordion-title-container" @click="langActive = langActive === 'true' ? 'false': 'true'"> <div class="accordion-title"> Language: <div class="current-language"> english </div> </div> <div class="accordion-divider"></div> <div class="accordion-title-arrow-icon"> <img src="/assets/sideMenu/accordionArrowDown.svg"/> </div> </div> </div> <div class="accordion-content language-list" :class="{'active': langActive === 'true'}"> <ul> <li> <a class="active" href="/en">english</a> </li> </ul> </div> </div> <div class="accordion-item gray-background" :class="{'active': otherActive === 'true'}"> <div class="wrap-title-arrow"> <div class="accordion-title-container" @click="otherActive = otherActive === 'true' ? 'false': 'true'"> <div class="accordion-title fontweight-normal">Sites</div> <div class="accordion-divider"></div> <div class="accordion-title-arrow-icon"> <img src="/assets/sideMenu/accordionArrowDown.svg"/> </div> </div> </div> <div class="accordion-content other-sites-side-menu"> <div class="languages lang"> <h3>TOURISM SITES</h3> <h4 class="paragraph_libre"><a href='/en'><span style='color:#009FFF;'><i>English</i></span></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/dk/'><span style='color:#373737;'><i>Dansk</i></span></a></h4> <h4 class="paragraph_libre"><a href=''><span style='color:#A2A2A2;'><i>Deutsch</i></span></a></h4> <h4 class="paragraph_libre"><a href='/ferdavinna'><i>Føroyskt</i></a></h4> <p></p> <h3>PROFESSIONAL SITES</h3> <h4 class="paragraph_libre"><a href='/press-professionals'><i>Press & professionals</i></a></h4> <h4 class="paragraph_libre"><a href='/en/closed'><i>Closed for Maintenance, Open for Voluntourism</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/meetings/'><i>Meetings</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/famshop/'><i>Faroe Islands Fam-shop</i></a></h4> <h3></h3> <h3>FØROYAR</h3> <h4 class="paragraph_libre"><a href='/ferdavinna'><i>Ferðavinna</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.fo/fo/tidindi'><i>Tíðindi</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/fo/ferdavinna/closed-for-maintenance0'><i>Closed for maintenance Føroyar</i></a></h4> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="/views/menus/sideMenus/mobileTabletSideMenu/style/sideMenu.css?1"/> <div id="favourites" class="hearted-pages-container" x-data="{}" :class="$store.app.favourites == 'open' ? 'show' : ''" > <div class="load-spinner"> <i class="fal fa-spinner"></i> </div> <div @click.prevent="$store.app.favourites = 'close'" class="close-favourites" > <img src="/assets/caret-close.svg" alt="" /> </div> <div x-show="$store.app.favouritesList.length <= 0" id="noFavourites" class="noFavourites" > <div class="noFavourites__heartContainer"> <i class="fas fa-heart noFavourites__bigHeart"></i> <i class="fas fa-heart noFavourites__topHeart"></i> <i class="fas fa-heart noFavourites__rightHeart"></i> </div> <h2> You haven’t got any favourites yet </h2> <p> This is where you can collect inspiration, articles, events and places that interest you. </p> <p> Click the <span><i class="fal fa-heart"></i></span> icon on pages and they’ll appear here. </p> </div> <div x-show="$store.app.favouritesList.length > 0" id="favHeader" class="header" > <div class="headline"> <h1> Your favourites </h1> </div> </div> <div x-show="$store.app.favouritesList.length > 0" id="favouritesList" class="favouritesContainer" > <div class="favouritesList fav-inspArticles"> <div class="header-box"> <h2 class="text"> Inspiration &amp; Articles <span x-text="favLikedCount('articles', $store.app.favouritesListData)" ></span> </h2> <div class="header-border"></div> </div> <div class="favouritesList__inspArticles"> <template x-for="article in $store.app.favouritesListData.article" :key="article" > <div> <template x-if="article.type == 'article' || article.type == 'inspiration'" > <div class="favouritesList-item-wrapper"> <a class="favouritesList-item" :href="'/en/' + article.page.pl_url_slug" > <div class="favList-item-img" style="background-color: #009fff" > <template x-if="article.page.feature_media"> <img :src="article.page.feature_image_dir.large" alt="article.page.feature_image_dir.info.alt" /> </template> <div class="bottom-shadow"></div> </div> <div class="favList-item-text"> <h3 class="headline" x-text="article.page.pl_title"></h3> <p class="favourites-excerpt" x-text="article.page.pl_description" ></p> </div> </a> <div class="remove-heart" @click=" $store.app.favouritesListData.article = $store.app.favouritesListData.article.filter(x => x.id !== article.id); localStorage.setItem('favouritesList',JSON.stringify(JSON.parse(localStorage.getItem('favouritesList')).filter(x =>x.id !== article.id))) fetchfavouritesList() " > <i class="fal fa-trash-alt"></i> </div> </div> </template> </div> </template> </div> </div> <div class="favouritesList fav-eventTours"> <div class="header-box"> <h2 class="text"> Events &amp; Tours <span x-text="favLikedCount('eventTours', $store.app.favouritesListData)" ></span> </h2> <div class="header-border"></div> </div> <div class="favouritesList__eventTours"> <template x-for="eventTour in $store.app.favouritesListData.eventTour" :key="eventTour" > <div> <template x-if="eventTour.type == 'event' || eventTour.type == 'tour'" > <div class="favouritesList-item-wrapper"> <a class="favouritesList-item" :href="(eventTour.type == 'event' ? '/en/whatson/events/event/' : '/en/whatson/tours/tour/') + eventTour.page.url_slug" > <div class="favList-item-img" style="background-color: #c12759" > <template x-if="eventTour.page.id_media"> <img :src="eventTour.page.image.medium" alt="" /> </template> <div class="bottom-shadow"></div> </div> <div class="favList-item-text"> <h3 class="headline" x-text="eventTour.page.headline"></h3> <p class="favourites-excerpt" x-text="eventTour.page.excerpt" ></p> </div> </a> <div class="remove-heart" @click=" $store.app.favouritesListData.eventTour = $store.app.favouritesListData.eventTour.filter(x => x.id !== eventTour.id); localStorage.setItem('favouritesList',JSON.stringify(JSON.parse(localStorage.getItem('favouritesList')).filter(x =>x.id !== eventTour.id))) " > <i class="fal fa-trash-alt"></i> </div> </div> </template> </div> </template> </div> </div> <div class="favouritesList fav-places"> <div class="header-box"> <h2 class="text"> Places <span x-text="favLikedCount('places', $store.app.favouritesListData)" ></span> </h2> <div class="header-border"></div> </div> <div class="favouritesList__places"> <template x-for="place in $store.app.favouritesListData.places" :key="new Date().valueOf()" > <div> <template x-if="place.type == 'place'"> <div class="favouritesList-item-wrapper"> <a class="favouritesList-item" :href="'/en/whatson/places/place/' + place.page.url_slug" > <div class="favList-item-img" style="background-color: #ae2c64" > <template x-if="place.page.id_media"> <img :src="place.page.image.medium" alt="" /> </template> <div class="bottom-shadow"></div> </div> <div class="favList-item-text"> <h3 class="headline" x-text="place.page.headline"></h3> <p class="favourites-excerpt" x-text="place.page.excerpt" ></p> </div> </a> <div class="remove-heart" @click=" $store.app.favouritesListData.places = $store.app.favouritesListData.places.filter(x => x.id !== place.id); localStorage.setItem('favouritesList',JSON.stringify(JSON.parse(localStorage.getItem('favouritesList')).filter(x =>x.id !== place.id)))" > <i class="fal fa-trash-alt"></i> </div> </div> </template> </div> </template> </div> </div> <div class="favouritesList fav-hiking"> <div class="header-box"> <h2 class="text"> Hiking <span x-text="favLikedCount('hikes', $store.app.favouritesListData)" ></span> </h2> <div class="header-border"></div> </div> <div class="favouritesList__hiking"> <template x-for="hike in $store.app.favouritesListData.hiking" :key="hike" > <div> <template x-if="hike.type == 'hike'"> <div class="favouritesList-item-wrapper"> <a class="favouritesList-item" :href="'/en/whatson/hiking/hike/' + hike.page.url_slug" > <div class="favList-item-img" style="background-color: #ae2c64" > <template x-if="hike.page.id_media"> <img :src="hike.page.image.medium" alt="" /> </template> <div class="bottom-shadow"></div> </div> <div class="favList-item-text"> <h3 class="headline" x-text="hike.page.headline"></h3> <p class="favourites-excerpt" x-text="hike.page.excerpt" ></p> </div> </a> <div class="remove-heart" @click=" $store.app.favouritesListData.hiking = $store.app.favouritesListData.hiking.filter(x => x.id !== hike.id); localStorage.setItem('favouritesList',JSON.stringify(JSON.parse(localStorage.getItem('favouritesList')).filter(x =>x.id !== hike.id)))" > <i class="fal fa-trash-alt"></i> </div> </div> </template> </div> </template> </div> </div> </div> </div> <div x-data="{inspArticlesLength: $store.app.inspArticlesLength, eventsToursHikesLength: $store.app.eventsToursHikesLength, placeLength: $store.app.placeLength}" x-show.transition="$store.app.searchIsOpen === true" class="search-result-container" :class="$store.app.showSearchResults ? 'searched' : ''" > <div class="small-arrow-container"> <div class="small-arrow"></div> </div> <div class="search-result-header" @click.away="if(!$store.app.showSearchResults) { $store.app.searchIsOpen = false }" > <div class="search-result-header-title"> <span class="search-initial"> Search </span> <span class="search-searched"> Search results </span> </div> <div class="search-input-container"> <div class="search search-inputs"> <div class="search-icon"> <i class="fal fa-search" aria-hidden="true"></i> </div> <input type="search" placeholder="Enter a search term" id="search-field" class="searchField" value="" /> <!--* The 'X' is set as an image in the .scss class --> <!-- If the search bar is empty when pressing the clear button - the search menu will close --> <input id="clear-search-btn" type="reset" class="clear-search-btn" value="" alt="Clear the search form" @click="if(document.getElementById('search-field').value === '') { toggleSearch(false); } if (document.getElementById('search-field').value !== '') { document.getElementById('search-field').value = ''; document.getElementById('search-field').focus(); }" /> </div> </div> </div> <div id="mobile-top-header-search-options" class="mobile-top-header-options"> <div class="mobile-search-options-wrapper"> <div class="mobile-search-header-option selected"> <button value="inspiration_and_articles"> INSPIRATION &amp; ARTICLES </button> </div> <div class="mobile-search-header-option"> <button value="events_tours_and_hikes"> EVENTS &amp; HIKES </button> </div> <div class="mobile-search-header-option"> <button value="places">PLACES</button> </div> </div> </div> <div id="search-result-content-container" class="search-result-content-container" > <div class="searchList search-inspArticles selected" list-value="inspiration_and_articles" > <div class="header-box"> <h2 class="section-title"> INSPIRATION &amp; ARTICLES <span x-text="`(${$store.app.searchResult.pages.length})`"></span> </h2> <div class="header-border"></div> </div> <div class="searchList-all searchList__inspArticles"> <template x-for="i in inspArticlesLength >= $store.app.searchResult.pages.length ? $store.app.searchResult.pages.length : $store.app.inspArticlesLength" > <div class="searchList-item-wrapper"> <a :href="$store.app.searchResult.pages[i -1] && ($store.app.searchResult.pages[i -1].url_slug != null ? ('/en/' + $store.app.searchResult.pages[i -1].url_slug) : '')" class="searchList-item" > <div class="searchList-item-img" :class="`searchList-item-img${Math.floor(Math.random() * 5) + 1}`" > <img :src="$store.app.searchResult.pages[i -1] && ($store.app.searchResult.pages[i -1].feature_media != null ? $store.app.searchResult.pages[i -1].image.medium : '')" alt="" /> <div class="bottom-shadow"></div> </div> <div class="searchList-item-text"> <h3 class="searchList-item-headline" x-text="$store.app.searchResult.pages[i -1] && $store.app.searchResult.pages[i -1].title" ></h3> <p class="searchList-item-excerpt" x-text="$store.app.searchResult.pages[i -1] && $store.app.searchResult.pages[i -1].description" ></p> </div> </a> </div> </template> <template x-if="$store.app.searchResult.pages.length > $store.app.inspArticlesLength " > <div class="read_more" @click="$store.app.inspArticlesLength = $store.app.inspArticlesLength + 10" > Read More </div> </template> </div> </div> <div class="searchList search-eventsToursHikes" list-value="events_tours_and_hikes" > <div class="header-box"> <h2 class="section-title"> EVENTS &amp; HIKES <span x-text="`(${$store.app.searchResult.eventsToursHikes.length})`" ></span> </h2> <div class="header-border"></div> </div> <div class="searchList-all searchList__eventsToursHikes"> <template x-for="i in eventsToursHikesLength >= $store.app.searchResult.eventsToursHikes.length ? $store.app.searchResult.eventsToursHikes.length : $store.app.eventsToursHikesLength" > <div class="searchList-item-wrapper"> <!-- <div x-text="JSON.stringify($store.app.searchResult.eventsToursHikes[i - 1])"></div> --> <a :href="$store.app.searchResult.eventsToursHikes[i -1] && ($store.app.searchResult.eventsToursHikes[i -1].url_slug !== null ? ('/en/whatson/' + ($store.app.searchResult.eventsToursHikes[i-1].type === 'hike' ? 'hiking/hike/' : ($store.app.searchResult.eventsToursHikes[i-1].type === 'tour' ? 'tours/tour/': ($store.app.searchResult.eventsToursHikes[i-1].type === 'event' ? 'events/event/': 'problem/'))) + $store.app.searchResult.eventsToursHikes[i -1].url_slug) : '')" class="searchList-item" > <div class="searchList-item-img" :class="`searchList-item-img${($store.app.searchResult.eventsToursHikes[i-1].id % 5) + 1}`" > <img :src="$store.app.searchResult.eventsToursHikes[i -1] && ($store.app.searchResult.eventsToursHikes[i -1].id_media != null ? $store.app.searchResult.eventsToursHikes[i -1].image.medium : '')" alt="" /> <div class="bottom-shadow"></div> </div> <div class="searchList-item-text"> <h3 class="searchList-item-headline" x-text="$store.app.searchResult.eventsToursHikes[i -1] && $store.app.searchResult.eventsToursHikes[i -1].headline" ></h3> <p class="searchList-item-excerpt" x-text="$store.app.searchResult.eventsToursHikes[i -1] && $store.app.searchResult.eventsToursHikes[i -1].excerpt" ></p> </div> </a> </div> </template> <template x-if="$store.app.searchResult.eventsToursHikes.length > $store.app.eventsToursHikesLength " > <div class="read_more" @click="$store.app.eventsToursHikesLength = $store.app.eventsToursHikesLength + 10" > Read More </div> </template> </div> </div> <div class="searchList search-places" list-value="places"> <div class="header-box"> <h2 class="section-title"> Places <span x-text="`(${$store.app.searchResult.places.length})`"></span> </h2> <div class="header-border"></div> </div> <div class="searchList-all searchList__places"> <template x-for=" i in placeLength >= $store.app.searchResult.places.length ? $store.app.searchResult.places.length : $store.app.placeLength" > <div class="searchList-item-wrapper"> <a :href="$store.app.searchResult.places[i -1] && ($store.app.searchResult.places[i -1].url_slug !== null ? ('/en/whatson/places/place/' + $store.app.searchResult.places[i -1].url_slug) : '')" class="searchList-item" > <div class="searchList-item-img" :class="`searchList-item-img${($store.app.searchResult.places[i-1].id % 5) + 1}`" > <img :src="$store.app.searchResult.places[i -1] && ($store.app.searchResult.places[i -1].id_media !== null ? $store.app.searchResult.places[i -1].image.medium: '/assets/default-placeholder.png' )" alt="" /> <div class="bottom-shadow"></div> </div> <div class="searchList-item-text"> <h3 class="searchList-item-headline" x-text="$store.app.searchResult.places[i -1] && $store.app.searchResult.places[i -1].headline" ></h3> <p class="searchList-item-excerpt" x-text="$store.app.searchResult.places[i -1] && $store.app.searchResult.places[i -1].excerpt" ></p> </div> </a> </div> </template> <template x-if="$store.app.searchResult.places.length > $store.app.placeLength " > <div class="read_more" @click="$store.app.placeLength = $store.app.placeLength + 10" > Read More </div> </template> </div> </div> </div> </div> </div> <div class="fullSizeImages" x-data="{ open: true, mobileOpen: false }"> <div class="image-wrapper"> <div id="splide-expand-main" class="splide-expand-main splide-expand-carousel queryAllSplide" > <div class="splide__arrows"> <button class="splide__arrow splide__arrow--prev left-arrow" :class="!open && 'text-box-closed'" > <img src="/assets/slider-left.svg" /> </button> <button class="splide__arrow splide__arrow--next right-arrow" :class="!open && 'text-box-closed'" > <img src="/assets/slider-right.svg" /> </button> </div> <div class="splide__track"> <ul class="splide__list under_images_text"> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/skarvanes-closed-2019_full.jpg" alt="Closed for Maintenance 2019 in Skarvanes, Sandoy. Photo: Tróndur Dalsgarð" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/klaksvk-270419-highres-008_full.jpeg" alt="" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/closed-for-maintenance-joe-hall-21of84_full.jpg" alt="" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/closed-bour_full.jpg" alt="" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/hunterlawrence-visitfaroeislands11copyorgbutsmaller_full.jpg" alt="" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/tysdagur-vidareidi_full.jpg" alt="" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/romempix26_full.jpg" alt="" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/dominicbreitbarthdominiclarsresized_full.jpeg" alt="" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/781_full.jpg" alt="Array" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/polarfilmspolarfilms-fotjoernuvkclosedformaintenance_0_full.jpg" alt="" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/dsc-6722_0_full.jpg" alt="CLOSED FOR MAINTENANCE The Faroe Islands is putting measures in place to ensure its natural environment and local heritage remains protected and preserved by temporarily “closing for maintenance” to tourists, for a few days, except for 100 volunteer visitors from all over the world who are willing to work on projects towards the archipelago’s preservation." /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/polarfilms-polarfilms-fo-tjornuvik-closed-for-maintenance-3_full.jpg" alt="" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/closed-for-maintenance-sandoy_full.jpg" alt="Closed for Maintenance, voluntourism, cfm, closed, sandoy, visit sandoy, working, work, volunteering" /> </div> </li> <li class="splide__slide"> <div class="splide__slide__container"> <img src="/download/dsc-7108_0_full.jpg" alt="CLOSED FOR MAINTENANCE The Faroe Islands is putting measures in place to ensure its natural environment and local heritage remains protected and preserved by temporarily “closing for maintenance” to tourists, for a few days, except for 100 volunteer visitors from all over the world who are willing to work on projects towards the archipelago’s preservation." /> </div> </li> </ul> </div> </div> <div class="thumb-wrapper"> <div class="thumb-spacer-left"></div> <div id="splide-expand-thumbs-" class="splide-expand-thumbs splide-expand-carousel queryAllSplide" > <div class="splide__track"> <ul class="splide__list thumb"> <li class="splide__slide"> <img src="/download/skarvanes-closed-2019_full.jpg" alt="Thumbnail of - Closed for Maintenance 2019 in Skarvanes, Sandoy. Photo: Tróndur Dalsgarð" /> </li> <li class="splide__slide"> <img src="/download/klaksvk-270419-highres-008_full.jpeg" alt="Thumbnail of - " /> </li> <li class="splide__slide"> <img src="/download/closed-for-maintenance-joe-hall-21of84_full.jpg" alt="Thumbnail of - " /> </li> <li class="splide__slide"> <img src="/download/closed-bour_full.jpg" alt="Thumbnail of - " /> </li> <li class="splide__slide"> <img src="/download/hunterlawrence-visitfaroeislands11copyorgbutsmaller_full.jpg" alt="Thumbnail of - " /> </li> <li class="splide__slide"> <img src="/download/tysdagur-vidareidi_full.jpg" alt="Thumbnail of - " /> </li> <li class="splide__slide"> <img src="/download/romempix26_full.jpg" alt="Thumbnail of - " /> </li> <li class="splide__slide"> <img src="/download/dominicbreitbarthdominiclarsresized_full.jpeg" alt="Thumbnail of - " /> </li> <li class="splide__slide"> <img src="/download/781_full.jpg" alt="Thumbnail of - Array" /> </li> <li class="splide__slide"> <img src="/download/polarfilmspolarfilms-fotjoernuvkclosedformaintenance_0_full.jpg" alt="Thumbnail of - " /> </li> <li class="splide__slide"> <img src="/download/dsc-6722_0_full.jpg" alt="Thumbnail of - CLOSED FOR MAINTENANCE The Faroe Islands is putting measures in place to ensure its natural environment and local heritage remains protected and preserved by temporarily “closing for maintenance” to tourists, for a few days, except for 100 volunteer visitors from all over the world who are willing to work on projects towards the archipelago’s preservation." /> </li> <li class="splide__slide"> <img src="/download/polarfilms-polarfilms-fo-tjornuvik-closed-for-maintenance-3_full.jpg" alt="Thumbnail of - " /> </li> <li class="splide__slide"> <img src="/download/closed-for-maintenance-sandoy_full.jpg" alt="Thumbnail of - Closed for Maintenance, voluntourism, cfm, closed, sandoy, visit sandoy, working, work, volunteering" /> </li> <li class="splide__slide"> <img src="/download/dsc-7108_0_full.jpg" alt="Thumbnail of - CLOSED FOR MAINTENANCE The Faroe Islands is putting measures in place to ensure its natural environment and local heritage remains protected and preserved by temporarily “closing for maintenance” to tourists, for a few days, except for 100 volunteer visitors from all over the world who are willing to work on projects towards the archipelago’s preservation." /> </li> </ul> </div> </div> <div class="thumb-spacer" x-show="open"></div> <div class="thumb-spacer-right"></div> </div> </div> <div class="fullSizeImages-imageNum"><span class="image-index"></span>/<span class="total-num-image"></span></div> <div class="fullSizeImages-close-btn"> <div id="close-fullSizeImages-btn" class="close-display-btn" @click="closeDisplay('fullSizeImages')" > <img src="/assets/caret-close.svg" /> </div> </div> </div> <link rel="stylesheet" href="/views/modules/visit_faroe_islands_top/visit_faroe_islands_top.css" /> <link rel="stylesheet" href="/views/modules/ckeditor_5/ckeditor_5.css" /> <link rel="stylesheet" href="/views/modules/ckeditor_5_excerpt/ckeditor_5_excerpt.css" /> <link rel="stylesheet" href="/views/modules/social_buttons/social_buttons.css" /> <link rel="stylesheet" href="/views/modules/text_and_expand/text_and_expand.css" /> <link rel="stylesheet" href="/views/modules/related_and_text/related_and_text.css" /> <link rel="stylesheet" href="/views/modules/first_letter_big/first_letter_big.css" /> <link rel="stylesheet" href="/views/modules/media_with_subtext_and_text/media_with_subtext_and_text.css" /> <link rel="stylesheet" href="/views/modules/media/media.css" /> <link rel="stylesheet" href="/views/modules/carousel/carousel.css" /> <link rel="stylesheet" href="/views/modules/read_also/read_also.css" /> <link rel="stylesheet" href="/views/modules/newsletter/newsletter.css" /> <link rel="stylesheet" href="/views/modules/download/download.css" /> <link rel="stylesheet" href="/views/modules/media_grid/media_grid.css" /> <link rel="stylesheet" href="/views/modules/whats_on/whats_on.css"> <link rel="stylesheet" href="/views/modules/whatson_module/whatson_module.css?a=123"> <link rel="stylesheet" href="/views/modules/form/form.css" /> <!-- <link rel="stylesheet" href="/views/style/likedSitePage/likedSitePage.css" /> --> <!-- <link rel="stylesheet" href="/views/style/searchResults/search_results.css" /> --> <!-- <link rel="stylesheet" href="/views/style/headerStyles/whats-on-nav.css" /> --> <link rel="stylesheet" href="/views/style/fullSizeImages/fullSizeImages.css" /> <link rel="stylesheet" href="/views/style/auto_related/auto_related.css" /> <link rel="stylesheet" href="/views/style/breadcrumbs/breadcrumbs.css" /> <div x-data=""> <div class="main-content"> <div class="backgroundColor backgroundColor spacerDiv92"> </div> <div style="margin-top: px; margin-bottom: px; padding-top: 25px; padding-bottom: 25px " class=" "> <div x-data="{}" class="media module row set-maxwidth large first-page-item "> <div class="mediaDiv large"> <video controls> <source src="https://vfibackend.com/uploads/closed-for-maintenance-no-grapics-2023-2160p.mp4#t=3" /> </video> </div> </div> </div> <div style="margin-top: px; margin-bottom: px; padding-top: px; padding-bottom: -12px " class=" "> <div class=" ckeditor_5 module row "> <div class="ckeditor-5 middle-content"> <h1 style="text-align:center;"><span style='color:#009FFF;font-size:66px;'>CLOSED FOR MAINTENANCE</span></h1> <p style="text-align:center;"><i>Come and experience what</i><br /><i>voluntourism  has to offer</i></p> </div> </div> </div> <div style="margin-top: px; margin-bottom: px; padding-top: px; padding-bottom: px " class=" "> <div class=" ckeditor_5 module row "> <div class="ckeditor-5 middle-content"> <h2 style="text-align:center;">START YOUR CLOSED FOR MAINTENANCE ADVENTURE HERE</h2> </div> </div> </div> <div style="margin-top: px; margin-bottom: px; padding-top: px; padding-bottom: px " class=" "> <div class="media-grid lastMediaGrid firstMediaGrid gallery-grid" x-data=""> <div id="grid-ID340042" class="grid-container grid-amount4 grid-pre1 swapped" > <a href="/closedformaintenance/about-closed-for-maintenance/frequently-asked-questions0" @click.prevent="tourismFetchAndDisplay('grid-ID340042','1','/closedformaintenance/about-closed-for-maintenance/frequently-asked-questions0', $refs, '1', 'en', '')" class="page-item item item1" > <div class="one-media clickable"> <img src="/download/skarvanes-closed-2019_large.jpg" alt="Closed for Maintenance 2019 in Skarvanes, Sandoy. Photo: Tróndur Dalsgarð" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > <p><strong>Frequently asked questions</strong></p> </div> </div> <div class="expand-arrow"> <i class="fal fa-chevron-down"></i> </div> </a> <a href="/closedformaintenance/what-how-where" @click.prevent="tourismFetchAndDisplay('grid-ID340042','2','/closedformaintenance/what-how-where', $refs, '1', 'en', '')" class="page-item item item2" > <div class="one-media clickable"> <img src="/download/klaksvk-270419-highres-008_large.jpeg" alt="" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > <p>How, what &amp; where</p> </div> </div> <div class="expand-arrow"> <i class="fal fa-chevron-down"></i> </div> </a> <a href="/closedformaintenance/about-closed-for-maintenance/facts-figures0" @click.prevent="tourismFetchAndDisplay('grid-ID340042','3','/closedformaintenance/about-closed-for-maintenance/facts-figures0', $refs, '1', 'en', '')" class="page-item item item3" > <div class="one-media clickable"> <img src="/download/closed-for-maintenance-joe-hall-21of84_large.jpg" alt="" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > <p>Facts &amp; Figures</p> </div> </div> <div class="expand-arrow"> <i class="fal fa-chevron-down"></i> </div> </a> <a href="/closedformaintenance/about-closed-for-maintenance" @click.prevent="tourismFetchAndDisplay('grid-ID340042','4','/closedformaintenance/about-closed-for-maintenance', $refs, '1', 'en', '')" class="page-item item item4" > <div class="one-media clickable"> <img src="/download/closed-bour_large.jpg" alt="" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > <p>Why close the Faroe Islands?</p> </div> </div> <div class="expand-arrow"> <i class="fal fa-chevron-down"></i> </div> </a> </div> <div class="wrap-display"> <div class="sticky-container-close-btn"> <div id="close-display-btn1" class="close-display-btn" @click="closeDisplay('1')"><img src="/assets/caret-close.svg"></div> </div> <div id="display1" class="display"></div> </div> </div> </div> <div style="margin-top: px; margin-bottom: px; padding-top: px; padding-bottom: px " class=" "> <div class=" ckeditor_5 module row "> <div class="ckeditor-5 middle-content"> <blockquote><p><i>I just lived one of the most amazing experience of my life… i'm telling you magic is real" – Isabelle Poliquin, 2022 volunteer from Canada</i></p></blockquote> </div> </div> </div> <div style="margin-top: px; margin-bottom: px; padding-top: px; padding-bottom: px " class=" "> <div class=" ckeditor_5 module row "> <div class="ckeditor-5 middle-content"> <h1 style="text-align:center;"><span style='color:#009FFF;'>sign up for newsletter</span></h1> </div> </div> </div> <div class=" "> <div style="margin-top: px; margin-bottom: px; padding-top: 75px; padding-bottom: 65px " x-data="{open: false}" class=" newsletter " > <div class="headline"> <h2>SUBSCRIBE TO RECIEVE A NOTIFICATION WHEN REGISTRATION OPENS</h2> </div> <div class="form-container"> <span class="confirmation-text" id="newsletter-confirm"></span> <form id="form-newsletter" onsubmit="event.preventDefault(); postNewsletter('https://vfibackend.com');" > <div class="email-container"> <input name="email" id="newsletter-email-input" class="email-input" type="email" placeholder="Email address" required /> <label for="email" class="hidden-tag">email</label> <button type="submit" class="add-email"> <span >Add email</span > <i class="fal fa-arrow-right"></i> </button> </div> <div class="tag-container"> <div @click="open = ! open" x-text="open ? 'Hide' : 'Show more'" class="edit-sub" > View </div> <div class="selected-tags"> <div x-show="open" class="email-tags"> <div class="tag"> <label class="check-container auto-checked"> Closed for Maintenance Newsletter <input name="tags[]" value="14" type="checkbox" checked="checked" onclick="return false;" /> <span class="checkmark"></span> </label> </div> <div class="tag"> <label class="check-container"> Newsletter <input name="tags[]" value="11" type="checkbox" /> <span class="checkmark"></span> </label> </div> </div> </div> </div> </form> </div> <!-- <div class="email-tags"> <div class="tag"> <input name="email-tag" type="checkbox" /> <label for="email-tag">Christmas</label> </div> <div class="tag"> <input name="email-tag" type="checkbox" /> <label for="email-tag">Festivals</label> </div> <div class="tag"> <input name="email-tag" type="checkbox" /> <label for="email-tag">Christmas</label> </div> <div class="tag"> <input name="email-tag" type="checkbox" /> <label for="email-tag">Christmas</label> </div> <div class="tag"> <input name="email-tag" type="checkbox" /> <label for="email-tag">Updates</label> </div> </div> --> </div> </div> <div style="margin-top: 0px; margin-bottom: px; padding-top: 30px; padding-bottom: px " class=" "> <div class=" ckeditor_5 module row paragraph-space"> <div class="ckeditor-5 middle-content"> <h4 style="text-align:center;" class="paragraph_libre">Want to know more?</h4> <h2 style="text-align:center;"><strong>ABOUT THE FAROE ISLANDS</strong></h2> </div> </div> </div> <div style="margin-top: px; margin-bottom: px; padding-top: px; padding-bottom: px " class=" "> <div class="media-grid gallery-grid" x-data=""> <div id="grid-ID340047" class="grid-container grid-amount4 grid-pre1 swapped" > <a href="/plan-your-stay/getting-here" @click.prevent="tourismFetchAndDisplay('grid-ID340047','1','/plan-your-stay/getting-here', $refs, '2', 'en', '')" class="page-item item item1" > <div class="one-media clickable"> <img src="/download/hunterlawrence-visitfaroeislands11copyorgbutsmaller_large.jpg" alt="" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > <p>Getting here</p> </div> </div> <div class="expand-arrow"> <i class="fal fa-chevron-down"></i> </div> </a> <a href="/about-vfi/about-visit-faroe-islands/sustainability0" @click.prevent="tourismFetchAndDisplay('grid-ID340047','2','/about-vfi/about-visit-faroe-islands/sustainability0', $refs, '2', 'en', '')" class="page-item item item2" > <div class="one-media clickable"> <img src="/download/tysdagur-vidareidi_large.jpg" alt="" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > <p>Sustainability</p> </div> </div> <div class="expand-arrow"> <i class="fal fa-chevron-down"></i> </div> </a> <a href="/about-vfi/history-governance-and-economy/quick-facts/the-faroe-islands-in-a-seashell" @click.prevent="tourismFetchAndDisplay('grid-ID340047','3','/about-vfi/history-governance-and-economy/quick-facts/the-faroe-islands-in-a-seashell', $refs, '2', 'en', '')" class="page-item item item3" > <div class="one-media clickable"> <img src="/download/romempix26_large.jpg" alt="" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > <p>In a seashell</p> </div> </div> <div class="expand-arrow"> <i class="fal fa-chevron-down"></i> </div> </a> <a href="/closedformaintenance/about-closed-for-maintenance/the-faroe-islands0" @click.prevent="tourismFetchAndDisplay('grid-ID340047','4','/closedformaintenance/about-closed-for-maintenance/the-faroe-islands0', $refs, '2', 'en', '')" class="page-item item item4" > <div class="one-media clickable"> <img src="/download/dominicbreitbarthdominiclarsresized_large.jpeg" alt="" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > <p>About</p> </div> </div> <div class="expand-arrow"> <i class="fal fa-chevron-down"></i> </div> </a> </div> <div class="wrap-display"> <div class="sticky-container-close-btn"> <div id="close-display-btn2" class="close-display-btn" @click="closeDisplay('2')"><img src="/assets/caret-close.svg"></div> </div> <div id="display2" class="display"></div> </div> </div> </div> <div style="margin-top: px; margin-bottom: px; padding-top: 20px; padding-bottom: px " class=" "> <div class="media-grid lastMediaGrid instagram-grid" x-data=""> <div class="instagram-header"> <i class="fab fa-instagram"></i> <div class="instagram-headline"> <h2 class="instagram-text"> #closedformaintenance </h2> </div> </div> <div id="grid-ID340048" class="grid-container grid-amount6 grid-pre1 " > <div class="media-item item item1" > <div class="one-media clickable"> <img src="/download/781_large.jpg" alt="" @click.prevent="openFullSizeImages(8)" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > </div> </div> </div> <div class="media-item item item2" > <div class="one-media clickable"> <img src="/download/polarfilmspolarfilms-fotjoernuvkclosedformaintenance_0_large.jpg" alt="" @click.prevent="openFullSizeImages(9)" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > </div> </div> </div> <div class="media-item item item3" > <div class="one-media clickable"> <img src="/download/dsc-6722_0_large.jpg" alt="CLOSED FOR MAINTENANCE The Faroe Islands is putting measures in place to ensure its natural environment and local heritage remains protected and preserved by temporarily “closing for maintenance” to tourists, for a few days, except for 100 volunteer visitors from all over the world who are willing to work on projects towards the archipelago’s preservation." @click.prevent="openFullSizeImages(10)" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > </div> </div> </div> <div class="media-item item item4" > <div class="one-media clickable"> <img src="/download/polarfilms-polarfilms-fo-tjornuvik-closed-for-maintenance-3_large.jpg" alt="" @click.prevent="openFullSizeImages(11)" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > </div> </div> </div> <div class="media-item item item5" > <div class="one-media clickable"> <img src="/download/closed-for-maintenance-sandoy_large.jpg" alt="Closed for Maintenance, voluntourism, cfm, closed, sandoy, visit sandoy, working, work, volunteering" @click.prevent="openFullSizeImages(12)" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > </div> </div> </div> <div class="media-item item item6" > <div class="one-media clickable"> <img src="/download/dsc-7108_0_large.jpg" alt="CLOSED FOR MAINTENANCE The Faroe Islands is putting measures in place to ensure its natural environment and local heritage remains protected and preserved by temporarily “closing for maintenance” to tourists, for a few days, except for 100 volunteer visitors from all over the world who are willing to work on projects towards the archipelago’s preservation." @click.prevent="openFullSizeImages(13)" /> </div> <div class="bottom-shadow"> <div class="vfi-text-area title" > </div> </div> </div> </div> <div class="wrap-display"> <div class="sticky-container-close-btn"> <div id="close-display-btn3" class="close-display-btn" @click="closeDisplay('3')"><img src="/assets/caret-close.svg"></div> </div> <div id="display3" class="display"></div> </div> </div> </div> <div class="backgroundColor related-articles"> <div class="media module auto-related-module row"> <section class="auto-related"> <div class="auto-related-title"> <h2>Related articles to Closed for Maintenance</h2> </div> <div class="auto-related-content"> <a href="./press-professionals"> <div class="auto-related-item"> <h3>Press &amp; Professionals</h3> <img src="/download/copy-of-day-2-photo-4_medium.jpg" alt="" /> <div class="bottom-shadow"></div> </div> </a> <a href="./famshop"> <div class="auto-related-item"> <h3>Famshop</h3> <img src="/download/dsc00500_medium.jpg" alt="" /> <div class="bottom-shadow"></div> </div> </a> <a href="./"> <div class="auto-related-item"> <h3></h3> <img src="/download/faroeislands-ohdarling-03_medium.jpg" alt="" /> <div class="bottom-shadow"></div> </div> </a> <a href="./course-pages-1"> <div class="auto-related-item"> <h3>Course pages</h3> <img src="/download/vfi-test_medium.jpg" alt="" /> <div class="bottom-shadow"></div> </div> </a> <a href="./plan-your-stay"> <div class="auto-related-item"> <h3>Plan your stay</h3> <div class="bottom-shadow"></div> </div> </a> <a href="./about"> <div class="auto-related-item"> <h3>About</h3> <div class="bottom-shadow"></div> </div> </a> </div> </section> </div> <div class="breadcrumbs-container"> <a href="/en" class="breadcrumbs-logo"> <img src="/assets/white_head.png" alt="" /> </a> <a href="/en/closedformaintenance" class="breadcrumb-link"> <div class="breadcrumbs-arrow-container"> <img src="/assets/arrow-right-b.svg" alt="" /> </div> <div class="breadcrumb-text"> Closed for Maintenance </div> </a> <!-- <a href="" class="breadcrumb-link"> <div class="breadcrumbs-arrow-container"> <img src="/assets/arrow-right-b.svg" alt=""> </div> <div class="breadcrumb-text"> Before you arrive </div> </a> --> <!-- <a href="" class="breadcrumb-link"> <div class="breadcrumbs-arrow-container"> <img src="/assets/arrow-right-b.svg" alt=""> </div> <div class="breadcrumb-text"> Clothing </div> </a> --> </div> </div> </div> <!-- Cookies --> <div class="cookies"> <!-- Initial Cookie Popup--> <div class="init-cookie-card"> <div class="cookie-card-icon"> <i class="fa-regular fa-cookie"></i> </div> <h1>We use cookies</h1> <p>You can read more about our use of cookies and turn them of in the <a href="#" class="cookie-settings-btn link-to-settings">settings</a></p> <button class="accept-cookies cookie-btn">Accept all</button> <button class="accept-necessary-cookies cookie-btn">accept necessary</button> </div> <!-- Floating Button To Open Cookie Settings --> <button class="cookie-settings-btn cookie-btn"> <i class="fa-regular fa-cookie"></i> <div class="text">Settings</div> </button> <!-- Cookie Settings and Information Popup --> <div class="cookie-settings-overlay"> <div class="cookie-card"> <button class="cookie-settings-exit-btn"><i class="fal fa-times fa-sm"></i></button> <div class="navigation-container"> <h1 class="title">Visit Faroe Islands</h1> <!--<p class="text">Personalize cookies</p>--> <div class="cookie-about-panel-mobile"> <div class="about-panel-text">We use cookies for Google Analytics</div> </div> <ul class="navigation"> <li class="about-panel-btn nav-btn about-cookies selected"> <div class="text">About Cookies</div> </li> <li class="settings-panel-btn nav-btn"> <div class="text">Cookie Settings</div> </li> <!--Mobile Container--> <div class="mobile-container cookie-settings-panel"></div> <!--Mobile Container end--> <li class="privacy-panel-btn nav-btn"> <div class="text">Privacy & Policy</div> </li> <!--Mobile Container--> <div class="mobile-container cookie-policy-panel"></div> <!--Mobile Container end--> </ul> </div> <div class="container"> <div class="cookie-about-panel-desktop active"> <h1 class="title"> About Cookies <hr> </h1> <div class="about-panel-text"> We use cookies for Google Analytics. <br> To read more about our policies, visit the links in the <span class="nav-tab">Privacy & Policy</span> tab. </div> </div> <div class="cookie-settings-panel"> </div> <div class="cookie-policy-panel"> <h1 class="title"> Privacy and Policy <hr> </h1> </div> </div> </div> </div> </div> </div> <div class="backgroundColor foot" > <footer class="footer"> <div class="footer-container"> <div class="upper-foot-wrap"> <div class="footer-logo"> <a href="/" class="logo"> <div class="sheephead"> <img src="/assets/head png.png" /> </div> <div class="text">Visit Faroe Islands</div> </a> </div> <div class="social-media"> <div class="follow-us"> Follow Us </div> <a href='https://www.instagram.com/visitfaroeislands/'><i class='brand fab fa-instagram'></i></a> <a href='https://www.facebook.com/VisitFaroeIslands'><i class='brand fab fa-facebook-f'></i></a> <a href='https://twitter.com/home?lang=da'><i class='brand fab fa-twitter'></i></a> <a href='https://www.linkedin.com/company/3589749/admin/'><i class='brand fab fa-linkedin-in'></i></a> <a href='https://www.pinterest.com/visitfaroeislands/_created/'><i class='brand fab fa-pinterest'></i></a> </div> <div class="other-sites"> <div class="text">Other sites</div> <h4 class="paragraph_libre"><a href='https://www.visitfaroeislands.com/closed/'><i>Closed for maintenance</i></a><i>  </i><a href='https://www.visitfaroeislands.com/vinna/'><i>Ferðavinna  </i></a><a href='https://www.visitfaroeislands.com/meetings/'><i>Meetings</i></a></h4> <p> </p> </div> </div> </div> <div class="lower-foot"> <div class="footer-info"> <div class="top-lang">Language</div> <div x-data="{ open: false }" class="lang-option-wrapper" > <button @click="open = ! open"> english <i class="fas fa-caret-down fa-xs"></i> </button> <div class="lang-list" x-show="open" @click.away="open = false" @click.outside="open = false" > <div class="lang-option"> <a class="active" href="/en">english</a> </div> </div> </div> </div> <div class="footer-info"> <div><p><strong>INFO</strong></p> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/about1/about0/contact-us'><i>Contact information</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/press-professionals/about3/visit-faroe-islands/newsletter2'><i>Press & Professionals newsletter</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/plan-your-stay/practical-information/regional-information-centres'><i>Regional Information Centres</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/plan-your-stay/practical-information/faroese-tourism-providers/full-service-dmcs'><i>Full-service DMCs</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/plan-your-stay/practical-information/faroese-tourism-providers/on-location-tourism-providers'><i>Local Coordinators</i></a></h4> </div> </div> <div class="footer-info"> <div><p><strong>INSPIRATION</strong></p> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/see-do'><i>See & Do</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/plan-your-stay'><i>Plan your Stay</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/whatson/events'><i>What´s On</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/about1'><i>About the Faroe Islands</i></a></h4> </div> </div> <div class="footer-info"> <div><p><strong>SHORT LINKS</strong></p> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/whatson/submit'><i>What´s On Submissions</i></a></h4> <h4 class="paragraph_libre"><i>Sitemap</i></h4> <p> </p> <p><strong>LEGAL</strong></p> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/en/about1/about0/privacy-policy'><i>Privacy Policy</i></a></h4> </div> </div> <div class="footer-info"> <div><p><strong>IN FAROESE</strong></p> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/fo/ferdavinna'><i>Um Visit Faroe Islands</i></a></h4> <h4 class="paragraph_libre"><a href='https://www.visitfaroeislands.com/vinna/menning/'><i>Menning</i></a></h4> <h4 class="paragraph_libre"><a href='https://www.visitfaroeislands.com/vinna/ferdavinnufakta/'><i>Hagtøl</i></a></h4> </div> </div> </div> </footer> </div> </div> <template x-if="$store.app.sites"> <div class="other-sites-side-menu"> <div class="top"> <div @click="$store.app.sites = false"> <p>LAT AFTUR</p> <i class="fal fa-times" aria-hidden="true"></i> </div> </div> <div class="lang"> <h3>TOURISM SITES</h3> <h4 class="paragraph_libre"><a href='/en'><span style='color:#009FFF;'><i>English</i></span></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/dk/'><span style='color:#373737;'><i>Dansk</i></span></a></h4> <h4 class="paragraph_libre"><a href=''><span style='color:#A2A2A2;'><i>Deutsch</i></span></a></h4> <h4 class="paragraph_libre"><a href='/ferdavinna'><i>Føroyskt</i></a></h4> <p></p> <h3>PROFESSIONAL SITES</h3> <h4 class="paragraph_libre"><a href='/press-professionals'><i>Press & professionals</i></a></h4> <h4 class="paragraph_libre"><a href='/en/closed'><i>Closed for Maintenance, Open for Voluntourism</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/meetings/'><i>Meetings</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/famshop/'><i>Faroe Islands Fam-shop</i></a></h4> <h3></h3> <h3>FØROYAR</h3> <h4 class="paragraph_libre"><a href='/ferdavinna'><i>Ferðavinna</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.fo/fo/tidindi'><i>Tíðindi</i></a></h4> <h4 class="paragraph_libre"><a href='https://visitfaroeislands.com/fo/ferdavinna/closed-for-maintenance0'><i>Closed for maintenance Føroyar</i></a></h4> </div> <div class="follow"> <div class="follow_content"> <p class="text">Follow Us</p> <div class="socialIcons"> <div class="socialIconItem"><a href='https://www.instagram.com/visitfaroeislands/'><i class='brand fab fa-instagram'></i></a></div> <div class="socialIconItem"><a href='https://www.facebook.com/VisitFaroeIslands'><i class='brand fab fa-facebook-f'></i></a></div> <div class="socialIconItem"><a href='https://twitter.com/home?lang=da'><i class='brand fab fa-twitter'></i></a></div> <div class="socialIconItem"><a href='https://www.linkedin.com/company/3589749/admin/'><i class='brand fab fa-linkedin-in'></i></a></div> <div class="socialIconItem"><a href='https://www.pinterest.com/visitfaroeislands/_created/'><i class='brand fab fa-pinterest'></i></a></div> </div> </div> </div> </div> </template> </div> </div> </div> <script></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10