{"id":585,"date":"2025-09-02T04:42:51","date_gmt":"2025-09-02T04:42:51","guid":{"rendered":"https:\/\/arima-ederra.eus\/?p=585"},"modified":"2025-09-02T04:43:44","modified_gmt":"2025-09-02T04:43:44","slug":"clock","status":"publish","type":"post","link":"https:\/\/arima-ederra.eus\/en\/reloj\/","title":{"rendered":"WATCH"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"585\" class=\"elementor elementor-585\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ceb37 e-flex e-con-boxed e-con e-parent\" data-id=\"6ceb37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f6ba290 elementor-widget elementor-widget-text-editor\" data-id=\"7f6ba290\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b118468 e-flex e-con-boxed e-con e-parent\" data-id=\"b118468\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae600ab elementor-widget elementor-widget-html\" data-id=\"ae600ab\" 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\n\n\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n  <title>Athletic Club Digital Watch<\/title>\n  <style>\n    :root{\n      --ac-red:#c8102e;\n      --ac-white:#ffffff;\n      --ac-black:#111111;\n      --font-digital:'Orbitron', monospace;\n    }\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500;700&display=swap');\n\n    body{\n      margin:0;min-height:100vh;\n      display:flex;flex-direction:column;align-items:center;justify-content:center;\n      background:linear-gradient(120deg,var(--ac-red),var(--ac-white));\n      background-size:200% 200%;\n      animation:bgMove 12s infinite alternate;\n      font-family:var(--font-digital),sans-serif;\n      color:var(--ac-black);\n      transition:background .6s ease,color .6s ease;\n    }\n    @keyframes bgMove{\n      0%{background-position:0% 50%}\n      100%{background-position:100% 50%}\n    }\n\n    .card{\n      background:rgba(255,255,255,0.15);\n      border-radius:24px;\n      padding:clamp(16px,3vw,32px);\n      box-shadow:0 12px 40px rgba(0,0,0,.25);\n      text-align:center;\n      backdrop-filter:blur(10px);\n      max-width:600px;\n      width:90%;\n    }\n    .crest{\n      width:80px;height:80px;margin:0 auto 12px;display:block;\n    }\n\n    .time{\n      font-size:clamp(38px,10vw,84px);\n      font-weight:700;\n      color:var(--ac-black);\n      text-shadow:0 0 12px rgba(200,16,46,.8),0 0 24px rgba(200,16,46,.6);\n    }\n    .date{\n      font-size:clamp(14px,3vw,22px);\n      margin-top:8px;\n      color:#222;\n      opacity:.85;\n    }\n\n    .controls{\n      margin-top:18px;\n      display:flex;justify-content:center;flex-wrap:wrap;gap:10px;\n    }\n    .btn{\n      background:var(--ac-black);\n      color:#fff;\n      border:none;\n      border-radius:10px;\n      padding:8px 14px;\n      cursor:pointer;\n      font-size:14px;\n      font-weight:700;\n      transition:all .3s;\n    }\n    .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}\n    .btn.secondary{background:transparent;color:var(--ac-black);border:2px solid var(--ac-black)}\n\n    body.dark{\n      background:linear-gradient(120deg,#0b0b0b,#1a1a1a);\n      color:var(--ac-white);\n    }\n    body.dark .time{text-shadow:0 0 14px #fff,0 0 30px var(--ac-red)}\n    body.dark .date{color:#eee}\n    body.dark .btn.secondary{color:#eee;border-color:#eee}\n  <\/style>\n\n\n  <div class=\"card\" role=\"application\" aria-label=\"Athletic Club digital watch\">\n    <!-- Escudo placeholder -->\n    <svg class=\"crest\" viewbox=\"0 0 100 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n      <rect width=\"100\" height=\"100\" fill=\"#fff\"><\/rect>\n      <g transform=\"translate(0,6) scale(1,0.88)\">\n        <rect x=\"0\" y=\"0\" width=\"100\" height=\"18\" fill=\"#c8102e\"><\/rect>\n        <rect x=\"0\" y=\"20\" width=\"100\" height=\"18\" fill=\"#fff\"><\/rect>\n        <rect x=\"0\" y=\"40\" width=\"100\" height=\"18\" fill=\"#c8102e\"><\/rect>\n        <rect x=\"0\" y=\"60\" width=\"100\" height=\"18\" fill=\"#fff\"><\/rect>\n        <rect x=\"0\" y=\"80\" width=\"100\" height=\"18\" fill=\"#c8102e\"><\/rect>\n      <\/g>\n    <\/svg>\n\n    <div class=\"time\" id=\"time\">--:--:--<\/div>\n    <div class=\"date\" id=\"date\">--<\/div>\n\n    <div class=\"controls\">\n      <button class=\"btn\" id=\"toggleMode\">Dark mode<\/button>\n      <button class=\"btn secondary\" id=\"toggleFormat\">24h format<\/button>\n    <\/div>\n  <\/div>\n\n  <script>\n    const timeEl=document.getElementById('time');\n    const dateEl=document.getElementById('date');\n    const toggleMode=document.getElementById('toggleMode');\n    const toggleFormat=document.getElementById('toggleFormat');\n    let use24h=true;\n\n    function updateClock(){\n      const now=new Date();\n      let hrs=now.getHours();\n      const mins=String(now.getMinutes()).padStart(2,'0');\n      const secs=String(now.getSeconds()).padStart(2,'0');\n      let suffix='';\n      if(!use24h){\n        suffix=hrs>=12?' PM':' AM';\n        hrs=hrs%12||12;\n      }\n      hrs=String(hrs).padStart(2,'0');\n      timeEl.textContent=`${hrs}:${mins}:${secs}${suffix}`;\n      const options={weekday:'long',year:'numeric',month:'long',day:'numeric'};\n      dateEl.textContent=now.toLocaleDateString('es-ES',options);\n    }\n    setInterval(updateClock,1000);\n    updateClock();\n\n    toggleMode.addEventListener('click',()=>{\n      document.body.classList.toggle('dark');\n      toggleMode.textContent=document.body.classList.contains('dark')?'Modo claro':'Modo oscuro';\n    });\n    toggleFormat.addEventListener('click',()=>{\n      use24h=!use24h;\n      toggleFormat.textContent=use24h?'Formato 24h':'Formato 12h';\n      updateClock();\n    });\n  <\/script>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Athletic Club Digital Clock -:-:-:- - Dark mode 24h format<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-585","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>RELOJ - Mi blog: https:\/\/arima-ederra.eus<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arima-ederra.eus\/en\/clock\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RELOJ\" \/>\n<meta property=\"og:description\" content=\"Reloj Digital Athletic Club &ndash;:&ndash;:&ndash; &mdash; Modo oscuro Formato 24h\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arima-ederra.eus\/en\/clock\/\" \/>\n<meta property=\"og:site_name\" content=\"Mi blog: https:\/\/arima-ederra.eus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/enrique.cuellar.98284\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/enrique.cuellar.98284\" \/>\n<meta property=\"article:published_time\" content=\"2025-09-02T04:42:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-02T04:43:44+00:00\" \/>\n<meta name=\"author\" content=\"eenri\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"eenri\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/reloj\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/reloj\\\/\"},\"author\":{\"name\":\"eenri\",\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/#\\\/schema\\\/person\\\/163378e0e2a21ac5d0b0badca7b56e91\"},\"headline\":\"RELOJ\",\"datePublished\":\"2025-09-02T04:42:51+00:00\",\"dateModified\":\"2025-09-02T04:43:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/reloj\\\/\"},\"wordCount\":13,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/#\\\/schema\\\/person\\\/163378e0e2a21ac5d0b0badca7b56e91\"},\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/arima-ederra.eus\\\/reloj\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/reloj\\\/\",\"url\":\"https:\\\/\\\/arima-ederra.eus\\\/reloj\\\/\",\"name\":\"RELOJ - Mi blog: https:\\\/\\\/arima-ederra.eus\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/#website\"},\"datePublished\":\"2025-09-02T04:42:51+00:00\",\"dateModified\":\"2025-09-02T04:43:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/reloj\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arima-ederra.eus\\\/reloj\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/reloj\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/arima-ederra.eus\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"RELOJ\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/#website\",\"url\":\"https:\\\/\\\/arima-ederra.eus\\\/\",\"name\":\"arima-ederra.eus\",\"description\":\"Un Espacio Muy Personal En La RED\",\"publisher\":{\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/#\\\/schema\\\/person\\\/163378e0e2a21ac5d0b0badca7b56e91\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/arima-ederra.eus\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/#\\\/schema\\\/person\\\/163378e0e2a21ac5d0b0badca7b56e91\",\"name\":\"eenri\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/alas-para-fondo-web-1024x576.jpg\",\"url\":\"https:\\\/\\\/arima-ederra.eus\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/alas-para-fondo-web-1024x576.jpg\",\"contentUrl\":\"https:\\\/\\\/arima-ederra.eus\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/alas-para-fondo-web-1024x576.jpg\",\"width\":1024,\"height\":576,\"caption\":\"eenri\"},\"logo\":{\"@id\":\"https:\\\/\\\/arima-ederra.eus\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/alas-para-fondo-web-1024x576.jpg\"},\"description\":\". Music Lover .\",\"sameAs\":[\"https:\\\/\\\/arima-ederra.eus\",\"https:\\\/\\\/www.facebook.com\\\/enrique.cuellar.98284\",\"https:\\\/\\\/www.instagram.com\\\/eenrict2020\\\/\",\"https:\\\/\\\/youtube.com\\\/channel\\\/UCkfCcuOABGXWW6dPR9gqsdg?si=r9HGdhWntJ3JMicw\"],\"url\":\"https:\\\/\\\/arima-ederra.eus\\\/en\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"WATCH - My blog: https:\/\/arima-ederra.eus","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arima-ederra.eus\/en\/clock\/","og_locale":"en_GB","og_type":"article","og_title":"RELOJ","og_description":"Reloj Digital Athletic Club &ndash;:&ndash;:&ndash; &mdash; Modo oscuro Formato 24h","og_url":"https:\/\/arima-ederra.eus\/en\/clock\/","og_site_name":"Mi blog: https:\/\/arima-ederra.eus","article_publisher":"https:\/\/www.facebook.com\/enrique.cuellar.98284","article_author":"https:\/\/www.facebook.com\/enrique.cuellar.98284","article_published_time":"2025-09-02T04:42:51+00:00","article_modified_time":"2025-09-02T04:43:44+00:00","author":"eenri","twitter_card":"summary_large_image","twitter_misc":{"Written by":"eenri","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/arima-ederra.eus\/reloj\/#article","isPartOf":{"@id":"https:\/\/arima-ederra.eus\/reloj\/"},"author":{"name":"eenri","@id":"https:\/\/arima-ederra.eus\/#\/schema\/person\/163378e0e2a21ac5d0b0badca7b56e91"},"headline":"RELOJ","datePublished":"2025-09-02T04:42:51+00:00","dateModified":"2025-09-02T04:43:44+00:00","mainEntityOfPage":{"@id":"https:\/\/arima-ederra.eus\/reloj\/"},"wordCount":13,"commentCount":0,"publisher":{"@id":"https:\/\/arima-ederra.eus\/#\/schema\/person\/163378e0e2a21ac5d0b0badca7b56e91"},"articleSection":["Uncategorized"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/arima-ederra.eus\/reloj\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/arima-ederra.eus\/reloj\/","url":"https:\/\/arima-ederra.eus\/reloj\/","name":"WATCH - My blog: https:\/\/arima-ederra.eus","isPartOf":{"@id":"https:\/\/arima-ederra.eus\/#website"},"datePublished":"2025-09-02T04:42:51+00:00","dateModified":"2025-09-02T04:43:44+00:00","breadcrumb":{"@id":"https:\/\/arima-ederra.eus\/reloj\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arima-ederra.eus\/reloj\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/arima-ederra.eus\/reloj\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/arima-ederra.eus\/"},{"@type":"ListItem","position":2,"name":"RELOJ"}]},{"@type":"WebSite","@id":"https:\/\/arima-ederra.eus\/#website","url":"https:\/\/arima-ederra.eus\/","name":"arima-ederra.eus","description":"A Very Personal Space On The Web","publisher":{"@id":"https:\/\/arima-ederra.eus\/#\/schema\/person\/163378e0e2a21ac5d0b0badca7b56e91"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arima-ederra.eus\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":["Person","Organization"],"@id":"https:\/\/arima-ederra.eus\/#\/schema\/person\/163378e0e2a21ac5d0b0badca7b56e91","name":"eenri","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/arima-ederra.eus\/wp-content\/uploads\/2025\/02\/alas-para-fondo-web-1024x576.jpg","url":"https:\/\/arima-ederra.eus\/wp-content\/uploads\/2025\/02\/alas-para-fondo-web-1024x576.jpg","contentUrl":"https:\/\/arima-ederra.eus\/wp-content\/uploads\/2025\/02\/alas-para-fondo-web-1024x576.jpg","width":1024,"height":576,"caption":"eenri"},"logo":{"@id":"https:\/\/arima-ederra.eus\/wp-content\/uploads\/2025\/02\/alas-para-fondo-web-1024x576.jpg"},"description":". Music Lover .","sameAs":["https:\/\/arima-ederra.eus","https:\/\/www.facebook.com\/enrique.cuellar.98284","https:\/\/www.instagram.com\/eenrict2020\/","https:\/\/youtube.com\/channel\/UCkfCcuOABGXWW6dPR9gqsdg?si=r9HGdhWntJ3JMicw"],"url":"https:\/\/arima-ederra.eus\/en\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/posts\/585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/comments?post=585"}],"version-history":[{"count":4,"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/posts\/585\/revisions"}],"predecessor-version":[{"id":589,"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/posts\/585\/revisions\/589"}],"wp:attachment":[{"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/media?parent=585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/categories?post=585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arima-ederra.eus\/en\/wp-json\/wp\/v2\/tags?post=585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}