{"id":69,"date":"2026-02-22T02:27:45","date_gmt":"2026-02-22T02:27:45","guid":{"rendered":"https:\/\/selectoman.com\/?page_id=69"},"modified":"2026-04-05T08:58:03","modified_gmt":"2026-04-05T08:58:03","slug":"selectoman-tips-the-future-vision","status":"publish","type":"page","link":"https:\/\/selectoman.com\/?page_id=69","title":{"rendered":"SelectOman Tips: The Future Vision”"},"content":{"rendered":"\n

\n<\/iframe>\n<\/blockquote>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <style>\n .wp-full-wrapper {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #050505;\n margin: 0 auto;\n padding: 0;\n overflow: hidden;\n }\n\n .storm-container { \n position: relative; \n width: 100vw; \n height: 100vh; \n min-height: 850px; \n background: #050505; \n overflow: hidden; \n font-family: 'Courier New', monospace; \n perspective: 1500px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n .vision-header { \n position: absolute; \n top: 40px; \n width: 95%; \n text-align: center; \n z-index: 300; \n }\n \n .brand-title { \n display: block; \n color: #ffd700; \n font-size: clamp(2.5rem, 8vw, 4rem); \n font-weight: 900; \n letter-spacing: 8px; \n margin-bottom: 20px; \n text-shadow: 0 0 30px rgba(255, 215, 0, 0.9); \n text-transform: uppercase; \n text-decoration: none;\n }\n \n .vision-text { \n font-size: clamp(1.4rem, 3.5vw, 1.8rem); \n font-weight: bold; \n color: #fff; \n text-shadow: 2px 2px 8px #000; \n background: rgba(0, 0, 0, 0.85); \n display: inline-block; \n padding: 20px 45px; \n border-radius: 10px; \n border-top: 5px solid #ffd700; \n max-width: 1000px; \n line-height: 1.8;\n word-wrap: break-word;\n }\n \n \/* \u0627\u0644\u0632\u0631 \u0627\u0644\u0645\u0637\u0648\u0631: \u0633\u0637\u0631 \u0648\u0627\u062d\u062f\u060c \u0644\u0648\u0646 \u0645\u0648\u062d\u062f\u060c \u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u064a\u0629 *\/\n #youtube-link-btn { \n position: absolute; \n bottom: 110px; \n left: 50%; \n transform: translateX(-50%); \n padding: 12px 40px; \n background: #ff0000; \n color: #ffffff; \n border: 1px solid #ffd700; \n border-radius: 4px; \n text-decoration: none; \n font-weight: bold; \n font-size: 16px; \n z-index: 500; \n opacity: 0; \n visibility: hidden; \n transition: opacity 0.8s, visibility 0.8s; \n text-transform: uppercase;\n letter-spacing: 1px;\n white-space: nowrap; \/* \u064a\u0636\u0645\u0646 \u0628\u0642\u0627\u0621 \u0627\u0644\u0646\u0635 \u0641\u064a \u0633\u0637\u0631 \u0648\u0627\u062d\u062f \u062f\u0627\u0626\u0645\u0627\u064b *\/\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 0 15px rgba(255, 0, 0, 0.3);\n }\n \n .signature {\n position: absolute;\n bottom: 35px;\n left: 50%;\n transform: translateX(-50%);\n color: #ffd700;\n font-size: clamp(1.5rem, 4vw, 2.2rem); \n font-weight: 900;\n text-shadow: 0 0 20px rgba(255, 215, 0, 0.7);\n z-index: 501;\n letter-spacing: 2px;\n text-transform: uppercase;\n white-space: nowrap;\n }\n\n .ocean { height: 18%; width: 100%; position: absolute; bottom: 0; z-index: 10; opacity: 0.3; pointer-events: none; }\n .wave { background: url('https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/85486\/wave.svg') repeat-x; position: absolute; bottom: -5px; width: 6400px; height: 100%; animation: wave 12s linear infinite; }\n \n .portal-vessel { \n width: min(90%, 650px); \n aspect-ratio: 16\/9; \n position: relative; \n transform-style: preserve-3d; \n margin-top: 50px;\n }\n \n .auto-rotate { animation: orbitalRotate 20s infinite linear; }\n .video-surface { width: 100%; height: 100%; border: 4px solid #ffd700; box-shadow: 0 0 80px rgba(255, 215, 0, 0.6); border-radius: 15px; overflow: hidden; background: #000; }\n iframe { width: 100%; height: 100%; border: none; transform: scale(1.5); }\n\n .btn-activate { \n position: absolute; bottom: 30%; left: 50%; transform: translateX(-50%); \n padding: 15px 50px; background: #f00; color: #fff; border: 2px solid #ffd700; \n border-radius: 8px; cursor: pointer; font-weight: bold; z-index: 600; font-size: 1.2rem;\n }\n\n @keyframes orbitalRotate { 0% { transform: rotateY(0deg) rotateX(5deg); } 100% { transform: rotateY(360deg) rotateX(5deg); } }\n @keyframes fall { to { transform: translateY(100vh); } }\n @keyframes wave { 0% { margin-left: 0; } 100% { margin-left: -1600px; } }\n \n .rain-layer { position: absolute; top: 0; width: 100%; height: 100%; z-index: 5; pointer-events: none; }\n .drop { position: absolute; background: rgba(255,255,255,0.2); width: 1px; height: 50px; animation: fall linear infinite; }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"wp-full-wrapper\">\n <div class=\"storm-container\">\n <div class=\"vision-header\">\n <a href=\"https:\/\/selectoman.com\" class=\"brand-title\">SelectOman.com<\/a>\n <div class=\"vision-text\">\n “Our future vision emerges to paint aesthetic masterpieces that captivate the eyes and echo through the voices of fine art connoisseurs.”\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/www.youtube.com\/watch?v=LvCcGt712jk\" target=\"_blank\" id=\"youtube-link-btn\">WATCH ON YOUTUBE<\/a>\n \n <div class=\"signature\">Produced by Khalifa Al-Sawafi<\/div>\n\n <div class=\"ocean\"><div class=\"wave\"><\/div><\/div>\n <div class=\"rain-layer\" id=\"rain\"><\/div>\n\n <audio id=\"thunder-audio\" loop><source src=\"https:\/\/www.soundjay.com\/nature\/thunder-storm-01.mp3\" type=\"audio\/mpeg\"><\/audio>\n\n <div class=\"portal-scene\">\n <div class=\"portal-vessel auto-rotate\" id=\"vessel\">\n <div class=\"video-surface\">\n <iframe id=\"main-player\" \n src=\"https:\/\/www.youtube.com\/embed\/LvCcGt712jk?enablejsapi=1&autoplay=1&mute=1&controls=0&loop=1&playlist=LvCcGt712jk\" \n allow=\"autoplay; encrypted-media\"><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <button class=\"btn-activate\" onclick=\"startStorm()\">ACTIVATE DIGITAL MOTION \u26c8\ufe0f<\/button>\n <\/div>\n<\/div>\n\n<script src=\"https:\/\/www.youtube.com\/iframe_api\"><\/script>\n<script>\n var player;\n var ytBtn = document.getElementById('youtube-link-btn');\n\n function onYouTubeIframeAPIReady() { player = new YT.Player('main-player'); }\n\n function showBtn() { ytBtn.style.opacity = \"1\"; ytBtn.style.visibility = \"visible\"; }\n function hideBtn() { ytBtn.style.opacity = \"0\"; ytBtn.style.visibility = \"hidden\"; }\n\n function manageYoutubeButton() {\n \/\/ \u0627\u0644\u0627\u0646\u062a\u0638\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 15 \u062b\u0627\u0646\u064a\u0629\n setTimeout(() => {\n let isVisible = false;\n \/\/ \u062d\u0644\u0642\u0629 \u0627\u0644\u0640 5 \u062b\u0648\u0627\u0646\u064a \u0627\u0644\u0645\u062a\u0648\u0627\u0635\u0644\u0629\n setInterval(() => {\n if (isVisible) {\n hideBtn();\n isVisible = false;\n } else {\n showBtn();\n isVisible = true;\n }\n }, 5000);\n \n showBtn();\n isVisible = true;\n }, 15000); \n }\n\n function startStorm() {\n if(player) {\n player.unMute();\n document.getElementById('thunder-audio').play();\n document.querySelector('.btn-activate').style.display = 'none';\n \n const rainContainer = document.getElementById('rain');\n for (let i = 0; i < 100; i++) {\n const drop = document.createElement('div');\n drop.className = 'drop';\n drop.style.left = Math.random() * 100 + '%';\n drop.style.animationDuration = (Math.random() * 0.5 + 0.5) + 's';\n rainContainer.appendChild(drop);\n }\n\n manageYoutubeButton();\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>SelectOman.com “Our future vision emerges to paint aesthetic masterpieces that captivate the eyes and echo through the voices of fine art connoisseurs.” WATCH ON YOUTUBE Produced by Khalifa Al-Sawafi ACTIVATE DIGITAL MOTION \u26c8\ufe0f<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/selectoman.com\/index.php?rest_route=\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/selectoman.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/selectoman.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/selectoman.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/selectoman.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=69"}],"version-history":[{"count":8,"href":"https:\/\/selectoman.com\/index.php?rest_route=\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":312,"href":"https:\/\/selectoman.com\/index.php?rest_route=\/wp\/v2\/pages\/69\/revisions\/312"}],"wp:attachment":[{"href":"https:\/\/selectoman.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}