{"id":54,"date":"2025-04-02T12:00:05","date_gmt":"2025-04-02T12:00:05","guid":{"rendered":"https:\/\/ys3.agency\/?page_id=54"},"modified":"2025-04-08T09:40:28","modified_gmt":"2025-04-08T09:40:28","slug":"ys3","status":"publish","type":"page","link":"https:\/\/ys3.agency\/","title":{"rendered":"YS3"},"content":{"rendered":"\n<!-- YS3 Artistic Intelligence Agency - Login Screen -->\n\n<div id=\"ys3-wrapper\">\n  <div class=\"logo-container\">\n    <div class=\"ys-container\">\n      <span class=\"logo-y\">Y<\/span><span class=\"logo-s\">S<\/span>\n    <\/div>\n    <span class=\"logo-3\">3<\/span>\n    <span class=\"logo-dot\"><\/span>\n  <\/div>\n  \n  <div class=\"agency-subtitle\">Artistic Intelligence Agency<\/div>\n  \n  <div class=\"password-container\">\n    <input type=\"password\" id=\"password-input\" class=\"password-field\" placeholder=\"PASSWORD\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\">\n    <button id=\"submit-button\" class=\"access-button\">CASE&nbsp;FILES<\/button>\n    <div class=\"error-message\" id=\"error-display\">PASSWORD INCORRECT<\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Global resets to remove white bars *\/\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n\n  html, body {\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    background-color: #0C0C65;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n  }\n\n  \/* Base container *\/\n  #ys3-wrapper {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    height: 100%;\n    width: 100%;\n    padding-top: 12vh;\n    box-sizing: border-box;\n    position: fixed;\n    z-index: 9999;\n    background-color: #0C0C65;\n    color: white;\n    font-family: Arial, sans-serif;\n    font-weight: normal;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    margin: 0;\n    overflow: hidden;\n    max-width: 100%;\n  }\n  \n  \/* Logo structure *\/\n  .logo-container {\n    position: relative;\n    display: inline-block;\n    text-align: center;\n    margin-bottom: 1rem;\n    height: 5.5rem;\n  }\n  \n  \/* YS container *\/\n  .ys-container {\n    display: inline-block;\n    font-size: 5rem;\n    letter-spacing: 0.32em;\n    text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);\n    font-weight: normal;\n    position: relative;\n  }\n  \n  \/* Letters styling *\/\n  .logo-y, .logo-s {\n    display: inline-block;\n  }\n  \n  .logo-s {\n    transform: scaleX(0.965) scale(1.06);\n    transform-origin: center;\n  }\n  \n  \/* 3 styling *\/\n  .logo-3 {\n    position: absolute;\n    display: inline-block;\n    font-size: 2.0rem;\n    text-shadow: 0 0 10px rgba(255, 255, 255, 0.9);\n    color: white;\n    top: 0.76em;\n    left: 88%; \n    line-height: 1;\n  }\n  \/* Dot styling *\/\n  .logo-dot {\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: white;\n    top: 26px;\n    right: -15px;\n    box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.5);\n    animation: dotPulse 2s infinite;\n    z-index: 20;\n  }\n\n \n  \n  @keyframes dotPulse {\n    0% { opacity: 0.7; transform: scale(1); }\n    50% { opacity: 1; transform: scale(1.5); }\n    100% { opacity: 0.7; transform: scale(1); }\n  }\n  \n  \/* Subtitle *\/\n  .agency-subtitle {\n    font-size: 0.506rem;\n    letter-spacing: 0.4em;\n    margin-top: 1rem;\n    margin-bottom: 2.5rem;\n    opacity: 0.7;\n    font-weight: normal;\n    text-transform: uppercase;\n    text-align: center;\n  }\n  \n  \/* Password container *\/\n  .password-container {\n    margin-top: 2rem;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n  }\n  \n  .password-field, .access-button {\n    padding: 0.8rem 1.5rem;\n    border: none;\n    border-radius: 0;\n    background: transparent;\n    color: white;\n    font-family: Arial, sans-serif;\n    font-weight: normal;\n    font-size: 1rem;\n    outline: none !important;\n    margin-bottom: 1rem;\n  }\n  \n  .password-field {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.5);\n    text-align: center;\n    -webkit-appearance: none;\n    background-color: transparent !important;\n    width: 210px;\n    max-width: 210px;\n    transition: border-bottom 0.3s ease;\n  }\n  \n  .password-field:focus {\n    border-bottom: 1px solid rgba(255, 255, 255, 0.9);\n  }\n  \n  .access-button {\n    width: auto;\n    white-space: nowrap;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    position: relative;\n    overflow: hidden;\n    border: none !important;\n    background-color: transparent !important;\n  }\n  \n  .access-button:hover {\n    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);\n    transform: translateY(-2px);\n  }\n  \n  .access-button:active {\n    transform: translateY(0);\n  }\n  \n  .password-field::placeholder {\n    color: rgba(255, 255, 255, 0.5);\n    opacity: 0.7;\n  }\n  \n  \/* Remove outlines *\/\n  .access-button,\n  .access-button:hover,\n  .access-button:active,\n  .access-button:focus,\n  .password-field,\n  .password-field:hover,\n  .password-field:active,\n  .password-field:focus {\n    outline: none !important;\n    box-shadow: none !important;\n    -webkit-box-shadow: none !important;\n    -moz-box-shadow: none !important;\n    border-color: rgba(255, 255, 255, 0.5);\n    border-width: 0;\n    border-bottom-width: 1px;\n    border-style: solid;\n  }\n  \n  .error-message {\n    color: #FF0033;\n    margin-top: 0.5rem;\n    font-size: 0.9rem;\n    display: none;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n  }\n  \n  \/* Animation *\/\n  @keyframes shake {\n    0%, 100% { transform: translateX(0); }\n    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }\n    20%, 40%, 60%, 80% { transform: translateX(5px); }\n  }\n  \n  .shake-animation {\n    animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;\n  }\n  \n  .error-visible {\n    display: block !important;\n    opacity: 1;\n  }\n  \n  \/* Responsive styles - keep mobile consistent with desktop *\/\n  @media (max-width: 768px) {\n    .ys-container {\n      font-size: 3.5rem;\n    }\n    \n    .logo-3 {\n      font-size: 1.75rem;\n      top: 0.81em;\n      left: 85%;\n    }\n    \n    .agency-subtitle {\n      font-size: 0.4rem;\n    }\n    \n    .logo-dot {\n      width: 4px;\n      height: 6px;\n      top: 30px;\n      right: -9px;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .ys-container {\n      font-size: 2.5rem;letter-spacing: 0.4em;\n    }\n    \n    .logo-3 {\n      font-size: 1.25rem;\n      top: 0.44em;\n      left: 83%;\n    }\n    \n    #ys3-wrapper {\n      padding-top: 12vh;\n    }\n    \n    .logo-dot {\n      width: 3px;\n      height: 3px;\n      top: 8px;\n      right: -5px;\n    }.agency-subtitle {\n  margin-top: 0.20rem;\n}\n  }\n<\/style>\n\n<script>\n(function() {\n  \/\/ Wait for DOM to be ready\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", initLoginSystem);\n  } else {\n    initLoginSystem();\n  }\n  \n  function initLoginSystem() {\n    try {\n      \/\/ Get elements\n      var passwordInput = document.getElementById('password-input');\n      var submitButton = document.getElementById('submit-button');\n      var errorMessage = document.getElementById('error-display');\n      \n      if (!passwordInput || !submitButton || !errorMessage) {\n        console.error('Required elements not found');\n        return;\n      }\n      \n      \/\/ Removed localStorage check to prevent auto-redirect\n      \n      \/\/ Handle clicks outside the input fields\n      document.addEventListener('click', function(e) {\n        if (e.target !== passwordInput && e.target !== submitButton) {\n          submitButton.blur();\n          passwordInput.blur();\n        }\n      });\n      \n      function validatePassword() {\n        var password = passwordInput.value;\n        console.log(\"Password entered:\", password);\n        \n        if (password === 'z001') {\n          document.body.style.opacity = '0';\n          document.body.style.transition = 'opacity 0.5s ease';\n\n          \/\/ Removed localStorage setting\n\n          setTimeout(function() {\n            window.location.href = 'https:\/\/studiozentral.org\/?page_id=124';\n          }, 500);\n        } else {\n          \/\/ Failed login attempt\n          errorMessage.classList.add('error-visible');\n          \n          \/\/ Hide error after delay\n          setTimeout(function() {\n            errorMessage.classList.remove('error-visible');\n          }, 3000);\n          \n          \/\/ Shake animation\n          passwordInput.classList.add('shake-animation');\n          setTimeout(function() {\n            passwordInput.classList.remove('shake-animation');\n          }, 500);\n        }\n      }\n      \n      \/\/ Event listeners\n      submitButton.addEventListener('click', validatePassword);\n      passwordInput.addEventListener('keypress', function(e) {\n        if (e.key === 'Enter') {\n          validatePassword();\n        }\n      });\n      \n      \/\/ Focus handling\n      passwordInput.addEventListener('focus', function() {\n        this.style.borderBottom = '1px solid rgba(255, 255, 255, 0.9)';\n      });\n      \n      passwordInput.addEventListener('blur', function() {\n        this.style.borderBottom = '1px solid rgba(255, 255, 255, 0.5)';\n      });\n      \n      \/\/ Focus on password field initially\n      setTimeout(function() {\n        passwordInput.focus();\n      }, 100);\n    } catch (e) {\n      console.error('Initialization error:', e);\n    }\n  }\n})();\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>YS 3 Artistic Intelligence Agency CASE&nbsp;FILES PASSWORD INCORRECT<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"disabled","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/ys3.agency\/index.php?rest_route=\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ys3.agency\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ys3.agency\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ys3.agency\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ys3.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=54"}],"version-history":[{"count":5,"href":"https:\/\/ys3.agency\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":245,"href":"https:\/\/ys3.agency\/index.php?rest_route=\/wp\/v2\/pages\/54\/revisions\/245"}],"wp:attachment":[{"href":"https:\/\/ys3.agency\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}