{"id":20,"date":"2025-02-05T11:21:57","date_gmt":"2025-02-05T11:21:57","guid":{"rendered":"https:\/\/demo.swap2gether.com\/login\/"},"modified":"2025-10-06T02:47:29","modified_gmt":"2025-10-05T19:47:29","slug":"login","status":"publish","type":"page","link":"https:\/\/www.universalbattery.org\/en\/login\/","title":{"rendered":"Login"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"20\" class=\"elementor elementor-20\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43274f0c e-con-full style-svg e-flex e-con e-parent\" data-id=\"43274f0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33f9929 elementor-widget elementor-widget-html\" data-id=\"33f9929\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"cw-hexagon-script-background\">\r\n  <svg width=\"1920\" height=\"1080\" x=\"0\" y=\"0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"background:#000\">\r\n    <defs>\r\n\r\n      <!-- Hexagon shape -->\r\n      <polygon id=\"hex\" points=\"-40,0 -20,-34.64 20,-34.64 40,0 20,34.64 -20,34.64\" \/>\r\n\r\n      <!-- Shining gradient -->\r\n      <radialgradient id=\"shine\" fx=\"50%\" fy=\"50%\" r=\"75%\">\r\n        <stop offset=\"0%\" stop-color=\"#ffffff88\" \/>\r\n        <stop offset=\"100%\" stop-color=\"transparent\" \/>\r\n      <\/radialgradient>\r\n\r\n      <filter id=\"cw-hexagontile-neon\">\r\n        <fedropshadow\r\n          dx=\"0\"\r\n          dy=\"0\"\r\n          stddeviation=\"5\"\r\n          flood-color=\"white\"\r\n        \/>\r\n      <\/filter>\r\n\r\n      <filter id=\"cw-hexagontile-scale\" transform=\"scale(20)\">\r\n        <fedropshadow\r\n          dx=\"0\"\r\n          dy=\"0\"\r\n          stddeviation=\"5\"\r\n          flood-color=\"white\"\r\n        \/>\r\n      <\/filter>\r\n\r\n      <!-- Reusable hexagon style -->\r\n      <g id=\"hexagonTile\">\r\n        <use href=\"#hex\" stroke-width=\"0.1\" stroke=\"none\" \/>\r\n      <\/g>\r\n    <\/defs>\r\n\r\n    <!-- Pattern grid generation -->\r\n    <g id=\"cw-hexagontile-pattern-bg\"><\/g>\r\n  <\/svg>\r\n<\/div>\r\n\r\n<script>\r\n  const infoArray = [\r\n    {\r\n      \"title\": `Li`,\r\n      \"description\": `Lithium is a chemical element; it has symbol Li and atomic number 3. It is a soft, silvery-white alkali metal.`\r\n    },\r\n    {\r\n      \"title\": `NEDC`,\r\n      \"description\": `The New European Driving Cycle (NEDC) was a driving cycle, last updated in 1997, designed to assess the emission levels of car engines and fuel economy in passenger cars (which excludes light trucks and commercial vehicles).`\r\n    },\r\n    {\r\n      \"title\": `BEV`,\r\n      \"description\": `A battery electric vehicle (BEV) is a type of electric vehicle (EV) that uses electrical energy exclusively from an on-board battery pack to power one or more electric traction motors, on which the vehicle solely relies for propulsion.`\r\n    },\r\n    {\r\n      \"title\": `kWh`,\r\n      \"description\": `A kilowatt-hour (unit symbol: kW\u22c5h or kW h; commonly written as kWh) is a non-SI unit of energy equal to 3.6 megajoules (MJ) in SI units, which is the energy delivered by one kilowatt of power for one hour.`\r\n    },\r\n    {\r\n      \"title\": `WLTP`,\r\n      \"description\": `The Worldwide Harmonised Light vehicles Test Procedure (WLTP) is a global driving cycle standard for determining the levels of pollutants, CO2 emission standards and fuel consumption of conventional internal combustion engine (ICE) and hybrid automobiles, as well as the all-electric range of plug-in electric vehicles.`\r\n    },\r\n    {\r\n      \"title\": `Ah`,\r\n      \"description\": `An ampere-hour or amp-hour (symbol: A\u22c5h or A h; often simplified as Ah) is a unit of electric charge, having dimensions of electric current multiplied by time, equal to the charge transferred by a steady current of one ampere flowing for one hour.`\r\n    },\r\n    {\r\n      \"title\": `EPA`,\r\n      \"description\": `The Environmental Protection Agency (EPA) is an independent agency of the United States government tasked with environmental protection matters. President Richard Nixon proposed the establishment of EPA on July 9, 1970.`\r\n    },\r\n    {\r\n      \"title\": `OBD2`,\r\n      \"description\": `OBD-II PIDs (On-board diagnostics Parameter IDs) are codes used to request data from a vehicle, used as a diagnostic tool.`\r\n    }\r\n  ];\r\n\r\n  let infoTileList = [];\r\n  let infoTileIntervalKeeper = [];\r\n  let infoTileTimeoutKeeper = [];\r\n  let blankedTileList = [];\r\n  console.log(`infoTileList: `, infoTileList);\r\n  console.log(`typeof infoTileList: `, typeof infoTileList);\r\n  let focusTileFlag = true;\r\n  const blankedTileFocusTime = 1000;\r\n  const blankedTileFocusConcurrent = 10;\r\n  const infoTileFocusTime = 5000;\r\n  const infoTileFocusConcurrent = 2;\r\n  \r\n  const startFocusInfoTile = () => {\r\n    focusTileFlag = true;\r\n    continueRandomFocusInfoTile();\r\n  };\r\n  \r\n  const clearFocusInfoTile = () => {\r\n    focusTileFlag = false;\r\n    while(infoTileTimeoutKeeper.length)\r\n      clearTimeout(infoTileTimeoutKeeper.pop());\r\n    while(infoTileIntervalKeeper.length)\r\n      clearInterval(infoTileIntervalKeeper.pop());\r\n    infoTileList.forEach(e => e.classList.remove(`focus`));\r\n  };\r\n\r\n  const randomFocusInfoTile = (\r\n    elem = infoTileList[Math.floor(Math.random() * infoTileList.length)],\r\n    displayTime = infoTileFocusTime\r\n  ) => {\r\n    elem.classList.add(`focus`);\r\n    setTimeout(() => { elem.classList.remove(`focus`) }, displayTime)\r\n  }\r\n  \r\n  const continueRandomFocusInfoTile = () => {\r\n    console.log(`on continueRandomFocusInfoTile()`);\r\n    if(!focusTileFlag)\r\n      return ;\r\n    \/\/ Random focus infomation tile.\r\n    while(infoTileTimeoutKeeper.length < infoTileFocusConcurrent)\r\n      infoTileTimeoutKeeper.push(\r\n        setTimeout(\r\n          () => {\r\n            infoTileIntervalKeeper.length < infoTileFocusConcurrent && infoTileIntervalKeeper.push(setInterval(randomFocusInfoTile, infoTileFocusTime));\r\n          },\r\n          infoTileTimeoutKeeper.length * infoTileFocusTime \/ infoTileFocusConcurrent\r\n        )\r\n      );\r\n  };\r\n\r\n  const randomFocusBlankedTile = (\r\n    elem = blankedTileList[Math.floor(Math.random() * blankedTileList.length)],\r\n    displayTime = blankedTileFocusTime\r\n  ) => {\r\n    elem.classList.add(`focus`);\r\n    setTimeout(() => { elem.classList.remove(`focus`) }, displayTime)\r\n  }\r\n\r\n  const continueRandomFocusBlankedTile = () => {\r\n    \/\/ Random focus blanked tile.\r\n    for(let i = 0; i < blankedTileFocusConcurrent; i++)\r\n      setTimeout(\r\n        () => { setInterval(randomFocusBlankedTile, blankedTileFocusTime); },\r\n        i * blankedTileFocusTime \/ blankedTileFocusConcurrent\r\n      );\r\n  };\r\n\r\n  const tileMouseEnter = () => {\r\n    console.log(`Mouse over`);\r\n    clearFocusInfoTile();\r\n  };\r\n\r\n  const tileMouseLeave = () => {\r\n    console.log(`Mouse out`);\r\n    startFocusInfoTile();\r\n  };\r\n\r\n  const svgNS = \"http:\/\/www.w3.org\/2000\/svg\";\r\n  const patternGroup = document.getElementById(\"cw-hexagontile-pattern-bg\");\r\n  const hexWidth = 48.54 * 2;\r\n  const hexHeight = 42.04 * 2;\r\n  const containerHeight = 1080;\r\n  const containerWidth = 1920;\r\n  let xMin = containerWidth, xMax = 0;\r\n  let yMin = containerHeight, yMax = 0;\r\n  let xOffset = 0;\r\n  let yOffset = 0;\r\n\r\n  for (let row = 1; (yOffset = hexHeight \/ 2 * row) < containerHeight - hexHeight\/2; row++) {\r\n    yMin = yOffset < yMin ? yOffset : yMin;\r\n    yMax = yOffset > yMax ? yOffset : yMax;\r\n    for (let col = (row + 1) % 2; (xOffset = 3 \/ 4 * hexWidth * (col * 2 + (row % 2))) < containerWidth - hexWidth\/2; col++) {\r\n      xMin = xOffset < xMin ? xOffset : xMin;\r\n      xMax = xOffset > xMax ? xOffset : xMax;\r\n      const rand = Math.floor(Math.random() * 10);\r\n\r\n      if (rand > 2) {\r\n        console.log(`x: ${xOffset}, y: ${yOffset}`);\r\n\r\n        const g = document.createElementNS(svgNS, \"g\");\r\n        g.classList.add(`cw-hexagontile-container`);\r\n        \r\n        const hex = document.createElementNS(svgNS, \"use\");\r\n        hex.setAttributeNS(null, \"href\", \"#hexagonTile\");\r\n        hex.setAttribute(\"x\", xOffset);\r\n        hex.setAttribute(\"y\", yOffset);\r\n        hex.setAttribute(\"fill\", \"#1e1e1e\");\r\n        hex.setAttribute(\"stroke\", \"#444\");\r\n        hex.classList.add(\"cw-hexagontile-element-bg\");\r\n        g.appendChild(hex);\r\n        \r\n        patternGroup.appendChild(g);\r\n      }\r\n    }\r\n  }\r\n\r\n  const arrayPop = (array, index) => {\r\n    const elem = array[index];\r\n    array.splice(index, 1);\r\n    return elem;\r\n  };\r\n\r\n  let hexagonTileGroupList = [...document.getElementsByClassName(`cw-hexagontile-container`)];\r\n  console.log(`x min\/max: `, xMin, ` \/ `, xMax);\r\n  console.log(`y min\/max: `, yMin, ` \/ `, yMax);\r\n  hexagonTileGroupListFiltered = hexagonTileGroupList.filter(\r\n    e => {\r\n      const elem = [...e.children].find(e => e.classList.contains(`cw-hexagontile-element-bg`));\r\n      const x = elem.getAttribute(`x`);\r\n      const y = elem.getAttribute(`y`);\r\n      console.log(`x,y: `, x, y);\r\n      return x > xMin && x < xMax && y > yMin && y < yMax;\r\n    }\r\n  );\r\n  console.log(`hexagonTileGroupListFiltered: `, hexagonTileGroupListFiltered);\r\n  infoArray.forEach(e => {\r\n    let group = arrayPop(hexagonTileGroupListFiltered, Math.floor(Math.random() * hexagonTileGroupListFiltered.length));\r\n    \/\/ group.children[0].classList.add(`cw-hexagontile-element-text`);\r\n    const hex = [...group.children].find(e => e.classList.contains(`cw-hexagontile-element-bg`));\r\n    if (!hex)\r\n      return ;\r\n\r\n    const word = document.createElementNS(svgNS, \"text\");\r\n    word.setAttribute(\"text-anchor\", \"middle\");\r\n    word.setAttribute(\"alignment-baseline\", \"middle\");\r\n    word.setAttribute(\"font-size\", \"20px\");\r\n    word.setAttribute(\"x\", hex.getAttribute(`x`));\r\n    word.setAttribute(\"y\", hex.getAttribute(`y`));\r\n    word.setAttribute(\"stroke\", \"#444444\");\r\n    group.children[0].addEventListener(\"mouseenter\", tileMouseEnter);\r\n    group.children[0].addEventListener(\"mouseleave\", tileMouseLeave);\r\n    word.addEventListener(\"mouseenter\", tileMouseEnter);\r\n    word.addEventListener(\"mouseleave\", tileMouseLeave);\r\n    word.classList.add(\"cw-hexagontile-element-text\");\r\n    word.innerHTML = e.title;\r\n\r\n    group.appendChild(word);\r\n  });\r\n\r\n  infoTileList = [...document.getElementsByClassName(`cw-hexagontile-element-text`)];\r\n  blankedTileList = [...document.getElementsByClassName(`cw-hexagontile-element-bg`)]\r\n    .filter(e => !(e.nextSibling && e.nextSibling.classList.contains(`cw-hexagontile-element-text`)));\r\n\r\n  continueRandomFocusInfoTile();\r\n  continueRandomFocusBlankedTile();\r\n  \r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91c8ca9 e-con-full e-flex e-con e-child\" data-id=\"91c8ca9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b66d39 elementor-widget elementor-widget-spacer\" data-id=\"6b66d39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eebee22 elementor-widget elementor-widget-image\" data-id=\"eebee22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/www.universalbattery.org\/wp-content\/uploads\/2025\/07\/BATT_SWAP_logo_colored_00-150x150.png\" class=\"attachment-thumbnail size-thumbnail wp-image-712\" alt=\"\" srcset=\"https:\/\/www.universalbattery.org\/wp-content\/uploads\/2025\/07\/BATT_SWAP_logo_colored_00-150x150.png 150w, https:\/\/www.universalbattery.org\/wp-content\/uploads\/2025\/07\/BATT_SWAP_logo_colored_00-300x300.png 300w, https:\/\/www.universalbattery.org\/wp-content\/uploads\/2025\/07\/BATT_SWAP_logo_colored_00-768x768.png 768w, https:\/\/www.universalbattery.org\/wp-content\/uploads\/2025\/07\/BATT_SWAP_logo_colored_00-12x12.png 12w, https:\/\/www.universalbattery.org\/wp-content\/uploads\/2025\/07\/BATT_SWAP_logo_colored_00.png 800w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d8c3028 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"7d8c3028\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"um um-login um-14\">\n\t<div class=\"um-form\">\n\t\t<form method=\"post\" action=\"\" autocomplete=\"off\" data-trp-original-action=\"\">\n\t\t\t<div class=\"um-row _um_row_1\" style=\"margin: 0 0 30px 0;\"><div class=\"um-col-1\"><div  id=\"um_field_14_username\" class=\"um-field um-field-text  um-field-username um-field-text um-field-type_text\" data-key=\"username\"><div class=\"um-field-label\"><label for=\"username-14\">Username or E-mail<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><input  autocomplete=\"off\" class=\"um-form-field valid\" type=\"text\" name=\"username-14\" id=\"username-14\" value=\"\" placeholder=\"\" data-validate=\"unique_username_or_email\" data-key=\"username\"  aria-invalid=\"false\" \/>\n\n\t\t\t\t\t\t<\/div><\/div><div  id=\"um_field_14_user_password\" class=\"um-field um-field-password  um-field-user_password um-field-password um-field-type_password\" data-key=\"user_password\"><div class=\"um-field-label\"><label for=\"user_password-14\">Password<\/label><div class=\"um-clear\"><\/div><\/div><div class=\"um-field-area\"><input class=\"um-form-field valid\" type=\"password\" name=\"user_password-14\" id=\"user_password-14\" value=\"\" placeholder=\"\" data-validate=\"\" data-key=\"user_password\"  aria-invalid=\"false\" \/>\n\n\t\t\t\t\t\t\t<\/div><\/div><\/div><\/div>\t<input type=\"hidden\" name=\"form_id\" id=\"form_id_14\" value=\"14\" \/>\n\t\t<p class=\"um_request_name\">\n\t\t<label for=\"um_request_14\">Only fill in if you are not human<\/label>\n\t\t<input type=\"hidden\" name=\"um_request\" id=\"um_request_14\" class=\"input\" value=\"\" size=\"25\" autocomplete=\"off\" \/>\n\t<\/p>\n\t<input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"23fd0a1864\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/20\" \/>\n\t<div class=\"um-col-alt\">\n\n\t\t\n\n\t\t\t<div class=\"um-field um-field-c\">\n\t\t\t\t<div class=\"um-field-area\">\n\t\t\t\t\t<label class=\"um-field-checkbox\">\n\t\t\t\t\t\t<input type=\"checkbox\" name=\"rememberme\" value=\"1\"  \/>\n\t\t\t\t\t\t<span class=\"um-field-checkbox-state\"><i class=\"um-icon-android-checkbox-outline-blank\"><\/i><\/span>\n\t\t\t\t\t\t<span class=\"um-field-checkbox-option\"> Keep me signed in<\/span>\n\t\t\t\t\t<\/label>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t\t\t\t<div class=\"um-clear\"><\/div>\n\t\t\n\t\t\t<div class=\"um-left um-half\">\n\t\t\t\t<input type=\"submit\" value=\"Login\" class=\"um-button\" id=\"um-submit-btn\" \/>\n\t\t\t<\/div>\n\t\t\t<div class=\"um-right um-half\">\n\t\t\t\t<a href=\"https:\/\/www.universalbattery.org\/en\/register\/\" class=\"um-button um-alt\">\n\t\t\t\t\tRegister\t\t\t\t<\/a>\n\t\t\t<\/div>\n\n\t\t\n\t\t<div class=\"um-clear\"><\/div>\n\n\t<\/div>\n\n\t\n\t<div class=\"um-col-alt-b\">\n\t\t<a href=\"https:\/\/www.universalbattery.org\/en\/password-reset\/\" class=\"um-link-alt\">\n\t\t\tForgot your password?\t\t<\/a>\n\t<\/div>\n\n\t\t\t<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\t<\/div>\n<\/div>\n<style>\n\t\t\t.um-14.um {\n\t\t\tmax-width: 450px;\n\t\t}\n\t\t<\/style>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"_eb_attr":"","inline_featured_image":false,"_uag_custom_page_level_css":"","neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"class_list":["post-20","page","type-page","status-publish","hentry"],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"neve-blog":false},"uagb_author_info":{"display_name":"lokios","author_link":"https:\/\/www.universalbattery.org\/en\/author\/lokios\/"},"uagb_comment_info":0,"uagb_excerpt":null,"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"lokios","author_link":"https:\/\/www.universalbattery.org\/en\/author\/lokios\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":null,"_links":{"self":[{"href":"https:\/\/www.universalbattery.org\/en\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.universalbattery.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.universalbattery.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.universalbattery.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.universalbattery.org\/en\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":240,"href":"https:\/\/www.universalbattery.org\/en\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":2675,"href":"https:\/\/www.universalbattery.org\/en\/wp-json\/wp\/v2\/pages\/20\/revisions\/2675"}],"wp:attachment":[{"href":"https:\/\/www.universalbattery.org\/en\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}