API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 14th, 2019
100
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.09 KB | None | 0 0
raw download clone embed print report
  1. <div class="content">
  2. <div class="header">
  3. <header class="c-siteheader">
  4. <div class="c-topbar">
  5. <div>
  6. <a href="https://www.argenta.be">
  7. <h1 class="c-logo">
  8. <span class="sr-only">Argenta Homepage</span>
  9. <svg class="c-logo__svg" focusable="false" viewBox="0 0 241 114" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  10. <title>Argenta</title>
  11. <defs></defs>
  12. <g id="argenta-logo-name" fill="currentColor">
  13. <path d="M58.9750499,95.7711048 L62.5326689,95.7711048 C64.6481134,95.7711048 72.3404399,95.6760163 72.3404399,88.7515016 C72.3404399,85.7480186 70.3211769,82.0685333 64.4557506,82.0685333 L58.9750499,82.0685333 L58.9750499,95.7711048 Z M70.8026304,113.108896 L59.0712313,96.5006626 L58.9750499,96.5006626 L58.9750499,113.108896 L53.782183,113.108896 L53.782183,77.2742181 L64.791839,77.2742181 C69.7921791,77.2742181 72.3885306,78.48359 74.2629751,80.2744222 C76.5232381,82.4548984 77.5325964,85.7480186 77.5325964,88.7515016 C77.5325964,98.2444971 69.647907,99.7424132 67.3400998,99.7424132 L77.2926893,113.108896 L70.8026304,113.108896 Z" id="Fill-1"></path>
  14. <path d="M106.233456,86.2796395 C104.743737,84.6336259 101.762113,81.3891429 96.5218662,81.3891429 C89.1186304,81.3891429 83.349932,87.7819274 83.349932,95.288449 C83.349932,103.182429 89.8399909,108.993753 96.5710499,108.993753 C97.5804082,108.993753 105.417553,108.898118 108.8309,100.082764 L92.2439796,100.082764 L92.2439796,95.288449 L114.743871,95.288449 C114.551508,107.299102 105.032281,113.786975 96.3786871,113.786975 C85.9943741,113.786975 78.157229,105.312628 78.157229,95.288449 C78.157229,84.9724467 86.0905556,76.5975601 96.3305964,76.5975601 C102.387293,76.5975601 108.8309,79.8420431 112.292338,86.2796395 L106.233456,86.2796395 Z" id="Fill-2"></path>
  15. <polygon id="Fill-3" points="116.52268 113.108678 116.52268 77.2739995 135.700488 77.2739995 135.700488 82.0683147 121.712104 82.0683147 121.712104 92.624224 135.700488 92.624224 135.700488 97.4201787 121.712104 97.4201787 121.712104 108.314909 135.700488 108.314909 135.700488 113.108678">
  16. </polygon>
  17. <polygon id="Fill-4" points="161.999544 113.108678 144.404905 85.4078862 144.307084 85.4078862 144.307084 113.108678 139.114381 113.108678 139.114381 77.2739995 144.789084 77.2739995 162.097365 104.538149 162.191907 104.538149 162.191907 77.2739995 167.38461 77.2739995 167.38461 113.108678">
  18. </polygon>
  19. <polygon id="Fill-5" points="175.269846 113.108678 175.269846 82.0683147 168.441512 82.0683147 168.441512 77.2739995 187.288696 77.2739995 187.288696 82.0683147 180.462002 82.0683147 180.462002 113.108678">
  20. </polygon>
  21. <path d="M194.726907,97.4292503 L194.726907,84.1879125 L211.73954,97.3620327 L194.726907,97.4292503 Z M194.720349,77.2142141 L189.101388,77.2142141 L189.101388,113.400829 L194.726907,113.400829 L194.726907,102.483146 L218.3848,102.507738 L232.449692,113.400829 L240.479746,113.400829 L194.720349,77.2142141 Z" id="Fill-6"></path>
  22. <path d="M45.7511995,97.4292503 L28.7418458,97.3620327 L45.7511995,84.1879125 L45.7511995,97.4292503 Z M45.7588503,77.2142141 L0,113.400829 L8.02896145,113.400829 L22.0949456,102.507738 L45.7511995,102.483146 L45.7511995,113.400829 L51.3778118,113.400829 L51.3778118,77.2142141 L45.7588503,77.2142141 Z" id="Fill-7"></path>
  23. </g>
  24.  
  25. <g id="argenta-apple" fill="currentColor">
  26. <polygon id="Fill-8" points="109.62385 20.3450998 121.476569 20.3450998 95.4048503 41.0027891 95.4064898 31.6098005">
  27. </polygon>
  28. <polygon id="Fill-9" points="139.130229 66.3372447 127.278603 66.3372447 153.349776 45.6812494 153.348683 55.0715057">
  29. </polygon>
  30. <polygon id="Fill-10" points="139.131868 20.3450998 145.478202 25.3716712 101.700907 60.058293 95.4064898 55.0709592 95.4064898 43.4996803 124.629243 20.3450998">
  31. </polygon>
  32. <polygon id="Fill-11" points="147.054265 26.6209365 153.349776 31.6098005 153.349776 43.1810794 124.12429 66.337354 109.62385 66.337354 103.276971 61.3080501">
  33. </polygon>
  34. <polygon id="Fill-12" points="128.469941 17.3022698 143.00317 5.78563946 170.196823 5.78563946 155.66578 17.3022698">
  35. </polygon>
  36. <polygon id="Fill-13" points="125.316721 2.32310884 128.249707 0 128.249707 14.9786145 125.316721 17.3022698">
  37. </polygon>
  38. </g>
  39. </svg>
  40. </h1>
  41. </a>
  42. </div>
  43. <div class="c-topbar__actions">
  44. <div class="c-langNav c-langNav--dropdown">
  45. <button class="c-langNav__trigger" aria-label="Kies uw taal" aria-controls="lang-nav-dropdown" aria-expanded="false" data-scroll-ignore="">
  46. <span>NL</span>
  47. <svg viewBox="0 0 32 32" focusable="false" aria-hidden="true" width="16" height="16" class="o-icon c-langNav__trigger__icon">
  48. <path d="M19.979 16.366l-5.282 5.282c-0.202 0.202-0.529 0.202-0.731 0l-0.972-0.972c-0.202-0.202-0.202-0.529 0-0.731l3.944-3.944-3.944-3.944c-0.202-0.202-0.202-0.529 0-0.731l0.972-0.972c0.202-0.202 0.529-0.202 0.731 0l5.282 5.282c0.202 0.202 0.202 0.529 0 0.731z"></path>
  49. </svg>
  50. </button>
  51. <div class="c-langNav__submenu" id="lang-nav-dropdown" aria-hidden="true" tabindex="-1">
  52. <a data-analytics-type="Language Switch" href="javascript:" rel="alternate" hreflang="nl" class="is-active" aria-hidden="true" lang="nl">NL<span> - Nederlands</span></a>
  53. <a data-analytics-type="Language Switch" href="javascript:" rel="alternate" hreflang="fr" lang="fr">FR<span> - Français</span></a>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </header>
  59. </div> <div class="content-body">
  60. <h1 class="pageTitle">Title</h1>
  61.  
  62. <p>
  63. Wenst u zich uit te schrijven?
  64. </p>
  65.  
  66.  
  67.  
  68. <script>
  69. function init(e) {
  70. var content = document.querySelector('.content');
  71.  
  72. // Move the existing button
  73. var button = document.getElementById('buttonNextInput');
  74. if (button) {
  75. content.appendChild(button);
  76. button.classList.add('c-btn');
  77. var event = new Event('page-rerender');
  78. button.addEventListener('click', function(e) {
  79. document.dispatchEvent(event);
  80. });
  81. }
  82.  
  83. // Move the homepage link
  84. var homepageLink = document.querySelector('.homepagelink');
  85. content.appendChild(homepageLink);
  86.  
  87. // Move the existing title
  88. var title = document.querySelector('#header-page h1').textContent;
  89. document.querySelector('.pageTitle').textContent = title;
  90.  
  91. // Initialise language dropdown
  92. var clickHandler = 'ontouchstart' in document.documentElement ? 'touchstart' : 'click',
  93. languageSelector = document.querySelector('button.c-langNav__trigger'),
  94. languageDropdown = document.querySelector('.c-langNav--dropdown'),
  95. languages = document.querySelectorAll('.c-langNav__submenu > a');
  96.  
  97. languageSelector.addEventListener('click', function (e) {
  98. e.preventDefault();
  99. handleLanguageSelector();
  100. });
  101.  
  102. [].forEach.call(languages, function (elem) {
  103. elem.addEventListener('click', function (e) {
  104. e.preventDefault();
  105. languageHandler(elem.getAttribute('hreflang'));
  106. });
  107. });
  108.  
  109. // Language settings!
  110. var language = getUrlParameter(location.href, 'lang');
  111. if (language === 'fr_be') {
  112. setFrenchLabels();
  113. } else {
  114. // Main button
  115. var button = document.querySelector('.c-btn');
  116. button.value = "Ja, ik wil mij uitschrijven";
  117. }
  118.  
  119. function languageHandler(lang) {
  120. if (lang === "fr") {
  121. location.href = setUrlParameter(location.href, 'lang', 'fr_be');
  122. } else {
  123. location.href = setUrlParameter(location.href, 'lang', 'nl_be');
  124. }
  125. }
  126.  
  127. function handleLanguageSelector() {
  128. var state = languageSelector.getAttribute('aria-expanded'),
  129. target = document.getElementById(languageSelector.getAttribute('aria-controls'));
  130. if (state === 'false') {
  131. openLanguageDropdown(target);
  132. } else {
  133. closeLanguageDropdown(target);
  134. };
  135. }
  136.  
  137. function openLanguageDropdown(target) {
  138. languageSelector.setAttribute('aria-expanded', 'true');
  139. target.setAttribute('aria-hidden', 'false');
  140. document.addEventListener(clickHandler, documentClick, false);
  141. }
  142.  
  143. function closeLanguageDropdown(target) {
  144. languageSelector.setAttribute('aria-expanded', 'false');
  145. target.setAttribute('aria-hidden', 'true');
  146. document.removeEventListener(clickHandler, documentClick, false);
  147. }
  148.  
  149. function documentClick(e) {
  150. var target = document.getElementById(languageSelector.getAttribute('aria-controls'));
  151. if (!languageDropdown.contains(e.target)) {
  152. closeLanguageDropdown(target);
  153. } else {
  154. return false;
  155. }
  156. }
  157.  
  158. function setFrenchLabels() {
  159. // Language selector header
  160. languageSelector.children[0].textContent = "FR";
  161. var nl = languageDropdown.children[1].children[0];
  162. var fr = languageDropdown.children[1].children[1];
  163. nl.classList.remove('is-active');
  164. fr.classList.add('is-active');
  165.  
  166. // Main button
  167. var button = document.querySelector('.c-btn');
  168. if (button) {
  169. button.value = "Oui, je veux me désinscrire";
  170. }
  171.  
  172. // Main text
  173. var title = document.querySelector('.pageTitle');
  174. title.textContent = "Désinscription";
  175. var subtitle = document.querySelector('.pageTitle + p');
  176. subtitle.textContent = "Souhaitez-vous vous désinscrire?";
  177.  
  178. // Homepage link
  179. var homepageLink = document.querySelector('.homepagelink');
  180. var homepageLinkIcon = homepageLink.querySelector('svg');
  181. homepageLink.textContent = "Vers www.argenta.be";
  182. homepageLink.appendChild(homepageLinkIcon);
  183.  
  184. // Footer links
  185. var links = document.querySelector('footer .links ul');
  186. var linkIcon = links.querySelector('.o-icon');
  187. var link1 = links.children[0].children[0];
  188. var linkIcon1 = link1.querySelector('.o-icon');
  189. link1.textContent = "Informations juridiques";
  190. link1.appendChild(linkIcon1);
  191. link1.href = 'https://www.argenta.be/fr/informations-juridiques.html';
  192. var link2 = links.children[1].children[0];
  193. var linkIcon2 = link2.querySelector('.o-icon');
  194. link2.textContent = "Vie privée";
  195. link2.appendChild(linkIcon2);
  196. link2.href = 'https://www.argenta.be/fr/confidentialite.html';
  197. var link3 = links.children[2].children[0];
  198. var linkIcon3 = link3.querySelector('.o-icon');
  199. link3.textContent = "Tarifs";
  200. link3.appendChild(linkIcon3);
  201. link3.href = 'https://www.argenta.be/fr/tarifs.html';
  202. var link4 = links.children[3].children[0];
  203. link4.href = 'https://www.argenta.be/fr/a-propos-d-argenta/la-directive-psd2.html';
  204. }
  205.  
  206. function getUrlParameter(url, parameter) {
  207. parameter = parameter.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
  208. var regex = new RegExp('[\\?|&]' + parameter.toLowerCase() + '=([^&#]*)');
  209. var results = regex.exec('?' + url.toLowerCase().split('?')[1]);
  210. return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
  211. }
  212.  
  213. function setUrlParameter(url, key, value) {
  214. var key = encodeURIComponent(key),
  215. value = encodeURIComponent(value);
  216.  
  217. var baseUrl = url.split('?')[0],
  218. newParam = key + '=' + value,
  219. params = '?' + newParam;
  220.  
  221. if (url.split('?')[1] == undefined) { // if there are no query strings, make urlQueryString empty
  222. urlQueryString = '';
  223. } else {
  224. urlQueryString = '?' + url.split('?')[1];
  225. }
  226.  
  227. // If the "search" string exists, then build params from it
  228. if (urlQueryString) {
  229. var updateRegex = new RegExp('([\?&])' + key + '[^&]*');
  230. var removeRegex = new RegExp('([\?&])' + key + '=[^&;]+[&;]?');
  231.  
  232. if (typeof value === 'undefined' || value === null || value === '') { // Remove param if value is empty
  233. params = urlQueryString.replace(removeRegex, "$1");
  234. params = params.replace(/[&;]$/, "");
  235.  
  236. } else if (urlQueryString.match(updateRegex) !== null) { // If param exists already, update it
  237. params = urlQueryString.replace(updateRegex, "$1" + newParam);
  238.  
  239. } else if (urlQueryString == '') { // If there are no query strings
  240. params = '?' + newParam;
  241. } else { // Otherwise, add it to end of query string
  242. params = urlQueryString + '&' + newParam;
  243. }
  244. }
  245.  
  246. // no parameter was set so we don't need the question mark
  247. params = params === '?' ? '' : params;
  248.  
  249. return baseUrl + params;
  250. }
  251. }
  252. document.addEventListener("DOMContentLoaded", init);
  253. document.addEventListener('page-rerender', init);
  254. </script> </div>
  255. <footer>
  256. <div class="wrapper">
  257. <span class="copyright">© 2018 - 2019 Argenta</span>
  258. <div class="links">
  259. <ul>
  260. <li>
  261. <a href="https://www.argenta.be/nl/juridische-informatie.html" target="_self">
  262. Juridische informatie
  263. <svg viewBox="0 0 32 32" focusable="false" aria-hidden="true" width="16" height="16" class="o-icon">
  264. <path d="M19.979 16.366l-5.282 5.282c-0.202 0.202-0.529 0.202-0.731 0l-0.972-0.972c-0.202-0.202-0.202-0.529 0-0.731l3.944-3.944-3.944-3.944c-0.202-0.202-0.202-0.529 0-0.731l0.972-0.972c0.202-0.202 0.529-0.202 0.731 0l5.282 5.282c0.202 0.202 0.202 0.529 0 0.731z">
  265. </path>
  266. </svg>
  267. </a>
  268. </li>
  269.  
  270. <li>
  271. <a href="https://www.argenta.be/nl/privacy.html" target="_self">
  272. Privacy
  273. <svg viewBox="0 0 32 32" focusable="false" aria-hidden="true" width="16" height="16" class="o-icon">
  274. <path d="M19.979 16.366l-5.282 5.282c-0.202 0.202-0.529 0.202-0.731 0l-0.972-0.972c-0.202-0.202-0.202-0.529 0-0.731l3.944-3.944-3.944-3.944c-0.202-0.202-0.202-0.529 0-0.731l0.972-0.972c0.202-0.202 0.529-0.202 0.731 0l5.282 5.282c0.202 0.202 0.202 0.529 0 0.731z">
  275. </path>
  276. </svg>
  277. </a>
  278. </li>
  279.  
  280. <li>
  281. <a href="https://www.argenta.be/nl/tarieven.html" target="_self">
  282. Tarieven
  283. <svg viewBox="0 0 32 32" focusable="false" aria-hidden="true" width="16" height="16" class="o-icon">
  284. <path d="M19.979 16.366l-5.282 5.282c-0.202 0.202-0.529 0.202-0.731 0l-0.972-0.972c-0.202-0.202-0.202-0.529 0-0.731l3.944-3.944-3.944-3.944c-0.202-0.202-0.202-0.529 0-0.731l0.972-0.972c0.202-0.202 0.529-0.202 0.731 0l5.282 5.282c0.202 0.202 0.202 0.529 0 0.731z">
  285. </path>
  286. </svg>
  287. </a>
  288. </li>
  289.  
  290. <li>
  291. <a href="https://www.argenta.be/nl/over-argenta/psd2.html" target="_self">
  292. PSD2
  293. <svg viewBox="0 0 32 32" focusable="false" aria-hidden="true" width="16" height="16" class="o-icon">
  294. <path d="M19.979 16.366l-5.282 5.282c-0.202 0.202-0.529 0.202-0.731 0l-0.972-0.972c-0.202-0.202-0.202-0.529 0-0.731l3.944-3.944-3.944-3.944c-0.202-0.202-0.202-0.529 0-0.731l0.972-0.972c0.202-0.202 0.529-0.202 0.731 0l5.282 5.282c0.202 0.202 0.202 0.529 0 0.731z">
  295. </path>
  296. </svg>
  297. </a>
  298. </li>
  299. </ul>
  300. </div>
  301. </div>
  302. </footer> <input id="buttonNextInput" type="button" value="Ja, ik wil mij uitschrijven" onclick="return document.controller.submit('next');" class="c-btn"><a href="https://www.argenta.be" class="c-link c-link--quicklink homepagelink">Naar Argenta website
  303. <svg viewBox="0 0 32 32" aria-hidden="true" width="16" height="16" class="o-icon c-link__icon c-link__icon--right" focusable="false">
  304. <path d="M5.333 16c0 5.892 4.774 10.667 10.667 10.667s10.667-4.774 10.667-10.667c0-5.892-4.774-10.667-10.667-10.667s-10.667 4.774-10.667 10.667zM24.602 16c0 4.753-3.849 8.602-8.602 8.602s-8.602-3.849-8.602-8.602c0-4.753 3.849-8.602 8.602-8.602s8.602 3.849 8.602 8.602zM19.979 16.366l-5.282 5.282c-0.202 0.202-0.529 0.202-0.731 0l-0.972-0.972c-0.202-0.202-0.202-0.529 0-0.731l3.944-3.944-3.944-3.944c-0.202-0.202-0.202-0.529 0-0.731l0.972-0.972c0.202-0.202 0.529-0.202 0.731 0l5.282 5.282c0.202 0.202 0.202 0.529 0 0.731z">
  305. </path>
  306. </svg>
  307. </a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!