Archive Goodbye<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Courier New', monospace;\n background: linear-gradient(45deg, #FF6B6B, #4ECDC4, #45B7D1, #FFA07A, #98D8C8, #F7DC6F);\n background-size: 400% 400%;\n animation: gradientShift 15s ease infinite;\n padding: 40px 20px;\n position: relative;\n }\n \n @keyframes gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .stars {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1;\n }\n \n .star {\n position: absolute;\n background: white;\n border-radius: 50%;\n animation: twinkle 3s infinite;\n }\n \n @keyframes twinkle {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.2); }\n }\n \n .container {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n width: 100%;\n padding: 40px 30px;\n background: rgba(0, 0, 0, 0.85);\n border-radius: 20px;\n box-shadow: \n 0 0 60px rgba(255, 255, 255, 0.3),\n 0 0 100px rgba(255, 107, 107, 0.4),\n inset 0 0 80px rgba(255, 255, 255, 0.1);\n border: 3px solid rgba(255, 255, 255, 0.2);\n animation: containerGlow 3s ease-in-out infinite;\n margin: 0 auto;\n }\n \n @keyframes containerGlow {\n 0%, 100% { box-shadow: 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 107, 107, 0.4), inset 0 0 80px rgba(255, 255, 255, 0.1); }\n 50% { box-shadow: 0 0 80px rgba(255, 255, 255, 0.5), 0 0 120px rgba(78, 205, 196, 0.6), inset 0 0 100px rgba(255, 255, 255, 0.2); }\n }\n \n .main-message {\n font-size: 2.5em;\n font-weight: bold;\n line-height: 1.4;\n margin-bottom: 30px;\n background: linear-gradient(45deg, #FF6B6B, #4ECDC4, #45B7D1, #FFA07A, #98D8C8, #F7DC6F, #FF6B6B);\n background-size: 300% 300%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: textGradient 8s ease infinite, textFloat 3s ease-in-out infinite;\n text-shadow: \n 0 0 30px rgba(255, 107, 107, 0.8),\n 0 0 60px rgba(78, 205, 196, 0.6),\n 0 0 90px rgba(69, 183, 209, 0.4);\n filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5));\n }\n \n @keyframes textGradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes textFloat {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .time-display {\n font-size: 3em;\n font-weight: bold;\n color: #FFD700;\n text-shadow: \n 0 0 20px #FFD700,\n 0 0 40px #FFA500,\n 0 0 60px #FF6B6B,\n 0 0 80px #FF4500;\n animation: timePulse 2s ease-in-out infinite, timeGlow 3s ease-in-out infinite;\n letter-spacing: 6px;\n margin-bottom: 20px;\n }\n \n @keyframes timePulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n \n @keyframes timeGlow {\n 0%, 100% { \n text-shadow: \n 0 0 20px #FFD700,\n 0 0 40px #FFA500,\n 0 0 60px #FF6B6B,\n 0 0 80px #FF4500;\n }\n 50% { \n text-shadow: \n 0 0 30px #FFD700,\n 0 0 60px #FFA500,\n 0 0 90px #FF6B6B,\n 0 0 120px #FF4500,\n 0 0 150px #FF1493;\n }\n }\n \n .timezone {\n font-size: 1.8em;\n color: #4ECDC4;\n text-shadow: \n 0 0 15px #4ECDC4,\n 0 0 30px #45B7D1;\n animation: zoneBlink 4s ease-in-out infinite;\n letter-spacing: 4px;\n }\n \n @keyframes zoneBlink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.6; }\n }\n \n .decorative-line {\n width: 80%;\n height: 3px;\n margin: 20px auto;\n background: linear-gradient(90deg, \n transparent, \n #FF6B6B, \n #4ECDC4, \n #45B7D1, \n #FFA07A, \n #4ECDC4, \n #FF6B6B, \n transparent);\n background-size: 200% 100%;\n animation: lineFlow 3s linear infinite;\n box-shadow: 0 0 20px rgba(255, 107, 107, 0.6);\n }\n \n @keyframes lineFlow {\n 0% { background-position: 0% 50%; }\n 100% { background-position: 200% 50%; }\n }\n \n @media (max-width: 768px) {\n body {\n padding: 30px 15px;\n }\n \n .container {\n padding: 30px 20px;\n }\n \n .main-message {\n font-size: 1.8em;\n }\n \n .time-display {\n font-size: 2.5em;\n letter-spacing: 4px;\n }\n \n .timezone {\n font-size: 1.2em;\n letter-spacing: 2px;\n }\n }\n \n @media (max-width: 480px) {\n body {\n padding: 20px 10px;\n }\n \n .container {\n padding: 25px 15px;\n }\n \n .main-message {\n font-size: 1.3em;\n }\n \n .time-display {\n font-size: 2em;\n letter-spacing: 2px;\n }\n \n .timezone {\n font-size: 1em;\n }\n }\n \n .particle {\n position: fixed;\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n animation: particleFloat 10s infinite;\n }\n \n @keyframes particleFloat {\n 0% {\n transform: translateY(100vh) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100vh) rotate(720deg);\n opacity: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"stars\" id=\"stars\"><\/div>\n \n <div class=\"container\">\n <div class=\"decorative-line\"><\/div>\n \n <div class=\"main-message\">\n This Segment has said, Goodbye. To the Archive it will go. New Segment will appear.\n <\/div>\n \n <div class=\"decorative-line\"><\/div>\n \n <div class=\"time-display\">10:00 PM<\/div>\n \n <div class=\"timezone\">MST<\/div>\n \n <div class=\"decorative-line\"><\/div>\n <\/div>\n \n <script>\n const starsContainer = document.getElementById('stars');\n for (let i = 0; i < 100; i++) {\n const star = document.createElement('div');\n star.className = 'star';\n star.style.left = Math.random() * 100 + '%';\n star.style.top = Math.random() * 100 + '%';\n star.style.width = Math.random() * 3 + 1 + 'px';\n star.style.height = star.style.width;\n star.style.animationDelay = Math.random() * 3 + 's';\n starsContainer.appendChild(star);\n }\n \n function createParticle() {\n const particle = document.createElement('div');\n particle.className = 'particle';\n \n const colors = ['#FF6B6B', '#4ECDC4', '#45B7D1', '#FFA07A', '#98D8C8', '#F7DC6F'];\n particle.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];\n \n particle.style.width = Math.random() * 10 + 5 + 'px';\n particle.style.height = particle.style.width;\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDuration = Math.random() * 5 + 8 + 's';\n particle.style.animationDelay = Math.random() * 5 + 's';\n \n document.body.appendChild(particle);\n \n setTimeout(() => {\n particle.remove();\n }, 15000);\n }\n \n setInterval(createParticle, 300);\n \n for (let i = 0; i < 20; i++) {\n setTimeout(createParticle, i * 200);\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/pages\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":35,"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/pages\/145\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/media?parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":145,"date":"2025-09-12T23:07:16","date_gmt":"2025-09-12T23:07:16","guid":{"rendered":"https:\/\/trezor.quest\/?page_id=145"},"modified":"2025-11-13T03:17:04","modified_gmt":"2025-11-13T03:17:04","slug":"home","status":"publish","type":"page","link":"https:\/\/trezor.quest\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n \n \n Archive Goodbye<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Courier New', monospace;\n background: linear-gradient(45deg, #FF6B6B, #4ECDC4, #45B7D1, #FFA07A, #98D8C8, #F7DC6F);\n background-size: 400% 400%;\n animation: gradientShift 15s ease infinite;\n padding: 40px 20px;\n position: relative;\n }\n \n @keyframes gradientShift {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n .stars {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1;\n }\n \n .star {\n position: absolute;\n background: white;\n border-radius: 50%;\n animation: twinkle 3s infinite;\n }\n \n @keyframes twinkle {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.2); }\n }\n \n .container {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 900px;\n width: 100%;\n padding: 40px 30px;\n background: rgba(0, 0, 0, 0.85);\n border-radius: 20px;\n box-shadow: \n 0 0 60px rgba(255, 255, 255, 0.3),\n 0 0 100px rgba(255, 107, 107, 0.4),\n inset 0 0 80px rgba(255, 255, 255, 0.1);\n border: 3px solid rgba(255, 255, 255, 0.2);\n animation: containerGlow 3s ease-in-out infinite;\n margin: 0 auto;\n }\n \n @keyframes containerGlow {\n 0%, 100% { box-shadow: 0 0 60px rgba(255, 255, 255, 0.3), 0 0 100px rgba(255, 107, 107, 0.4), inset 0 0 80px rgba(255, 255, 255, 0.1); }\n 50% { box-shadow: 0 0 80px rgba(255, 255, 255, 0.5), 0 0 120px rgba(78, 205, 196, 0.6), inset 0 0 100px rgba(255, 255, 255, 0.2); }\n }\n \n .main-message {\n font-size: 2.5em;\n font-weight: bold;\n line-height: 1.4;\n margin-bottom: 30px;\n background: linear-gradient(45deg, #FF6B6B, #4ECDC4, #45B7D1, #FFA07A, #98D8C8, #F7DC6F, #FF6B6B);\n background-size: 300% 300%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: textGradient 8s ease infinite, textFloat 3s ease-in-out infinite;\n text-shadow: \n 0 0 30px rgba(255, 107, 107, 0.8),\n 0 0 60px rgba(78, 205, 196, 0.6),\n 0 0 90px rgba(69, 183, 209, 0.4);\n filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5));\n }\n \n @keyframes textGradient {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n \n @keyframes textFloat {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n \n .time-display {\n font-size: 3em;\n font-weight: bold;\n color: #FFD700;\n text-shadow: \n 0 0 20px #FFD700,\n 0 0 40px #FFA500,\n 0 0 60px #FF6B6B,\n 0 0 80px #FF4500;\n animation: timePulse 2s ease-in-out infinite, timeGlow 3s ease-in-out infinite;\n letter-spacing: 6px;\n margin-bottom: 20px;\n }\n \n @keyframes timePulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n \n @keyframes timeGlow {\n 0%, 100% { \n text-shadow: \n 0 0 20px #FFD700,\n 0 0 40px #FFA500,\n 0 0 60px #FF6B6B,\n 0 0 80px #FF4500;\n }\n 50% { \n text-shadow: \n 0 0 30px #FFD700,\n 0 0 60px #FFA500,\n 0 0 90px #FF6B6B,\n 0 0 120px #FF4500,\n 0 0 150px #FF1493;\n }\n }\n \n .timezone {\n font-size: 1.8em;\n color: #4ECDC4;\n text-shadow: \n 0 0 15px #4ECDC4,\n 0 0 30px #45B7D1;\n animation: zoneBlink 4s ease-in-out infinite;\n letter-spacing: 4px;\n }\n \n @keyframes zoneBlink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.6; }\n }\n \n .decorative-line {\n width: 80%;\n height: 3px;\n margin: 20px auto;\n background: linear-gradient(90deg, \n transparent, \n #FF6B6B, \n #4ECDC4, \n #45B7D1, \n #FFA07A, \n #4ECDC4, \n #FF6B6B, \n transparent);\n background-size: 200% 100%;\n animation: lineFlow 3s linear infinite;\n box-shadow: 0 0 20px rgba(255, 107, 107, 0.6);\n }\n \n @keyframes lineFlow {\n 0% { background-position: 0% 50%; }\n 100% { background-position: 200% 50%; }\n }\n \n @media (max-width: 768px) {\n body {\n padding: 30px 15px;\n }\n \n .container {\n padding: 30px 20px;\n }\n \n .main-message {\n font-size: 1.8em;\n }\n \n .time-display {\n font-size: 2.5em;\n letter-spacing: 4px;\n }\n \n .timezone {\n font-size: 1.2em;\n letter-spacing: 2px;\n }\n }\n \n @media (max-width: 480px) {\n body {\n padding: 20px 10px;\n }\n \n .container {\n padding: 25px 15px;\n }\n \n .main-message {\n font-size: 1.3em;\n }\n \n .time-display {\n font-size: 2em;\n letter-spacing: 2px;\n }\n \n .timezone {\n font-size: 1em;\n }\n }\n \n .particle {\n position: fixed;\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n animation: particleFloat 10s infinite;\n }\n \n @keyframes particleFloat {\n 0% {\n transform: translateY(100vh) rotate(0deg);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 90% {\n opacity: 1;\n }\n 100% {\n transform: translateY(-100vh) rotate(720deg);\n opacity: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"stars\" id=\"stars\"><\/div>\n \n <div class=\"container\">\n <div class=\"decorative-line\"><\/div>\n \n <div class=\"main-message\">\n This Segment has said, Goodbye. To the Archive it will go. New Segment will appear.\n <\/div>\n \n <div class=\"decorative-line\"><\/div>\n \n <div class=\"time-display\">10:00 PM<\/div>\n \n <div class=\"timezone\">MST<\/div>\n \n <div class=\"decorative-line\"><\/div>\n <\/div>\n \n <script>\n const starsContainer = document.getElementById('stars');\n for (let i = 0; i < 100; i++) {\n const star = document.createElement('div');\n star.className = 'star';\n star.style.left = Math.random() * 100 + '%';\n star.style.top = Math.random() * 100 + '%';\n star.style.width = Math.random() * 3 + 1 + 'px';\n star.style.height = star.style.width;\n star.style.animationDelay = Math.random() * 3 + 's';\n starsContainer.appendChild(star);\n }\n \n function createParticle() {\n const particle = document.createElement('div');\n particle.className = 'particle';\n \n const colors = ['#FF6B6B', '#4ECDC4', '#45B7D1', '#FFA07A', '#98D8C8', '#F7DC6F'];\n particle.style.backgroundColor = colors[Math.floor(Math.random() * colors.length)];\n \n particle.style.width = Math.random() * 10 + 5 + 'px';\n particle.style.height = particle.style.width;\n particle.style.left = Math.random() * 100 + '%';\n particle.style.animationDuration = Math.random() * 5 + 8 + 's';\n particle.style.animationDelay = Math.random() * 5 + 's';\n \n document.body.appendChild(particle);\n \n setTimeout(() => {\n particle.remove();\n }, 15000);\n }\n \n setInterval(createParticle, 300);\n \n for (let i = 0; i < 20; i++) {\n setTimeout(createParticle, i * 200);\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/pages\/145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/comments?post=145"}],"version-history":[{"count":35,"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/pages\/145\/revisions"}],"predecessor-version":[{"id":379,"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/pages\/145\/revisions\/379"}],"wp:attachment":[{"href":"https:\/\/trezor.quest\/wp-json\/wp\/v2\/media?parent=145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}