{"id":371,"date":"2024-07-23T17:28:16","date_gmt":"2024-07-23T17:28:16","guid":{"rendered":"https:\/\/framesfocus.com\/?page_id=371"},"modified":"2025-07-10T15:31:45","modified_gmt":"2025-07-10T15:31:45","slug":"a-million-days","status":"publish","type":"page","link":"https:\/\/framesfocus.com\/index.php\/a-million-days\/","title":{"rendered":"a million days"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-12243e0f wp-block-group-is-layout-constrained wp-container-1 is-position-sticky\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <style>\n        body {\n            margin: 0;\n            font-family: Arial, sans-serif;\n        }\n\n        .side-panel {\n            height: 100%;\n            width: 250px;\n            position: absolute;\n            top: 0;\n            left: -218px; \/* Adjusted to show 32px *\/\n            background-color: rgba(0, 0, 0, 0.5);\n            overflow-x: hidden;\n            transition: left 0.5s;\n            z-index: 7;border:none;outline:none;\n        }\n        .side-panel.open {\n            left: 0;\n        }\n        .side-panel a {\n            text-decoration: none;\n            font-size: 9px;\n            color: white;\n            transition: 0.3s;\n        }\n        .side-panel a:hover {\n            color: #f1f1f1;\n        }\n        .toggle-btn {\n            font-size: 20px;\n            cursor: pointer;\n            background-color: #111;\n            color: white;\n            padding: 10px 15px;\n            border: none;\n            position: fixed;\n            top: 50%;\n            left: 32px; \/* Initial position corresponding to the visible part of the panel *\/\n            transform: translateY(-50%);\n            transition: left 0.5s;\n            z-index: 7;\n            outline:none;border-radius: 30px;\n        }\n        .toggle-btn.move-right {border:none;outline:none;\n            left: 282px; \/* Adjusted to account for the panel width and visible portion *\/\n        }\n        .title-container-bg {\n            position: absolute; \/* Change to fixed positioning *\/\n            bottom: 0;\n            \n            width: 100%;\n            height: 130px;\n            background-color: rgba(0, 0, 0, 0.29);  \/*Black background with 29% opacity *\/\n            z-index: 6; \/* Ensure it's above other content but below the toggle button *\/\n            display: flex;\n        }\n        .title-container {\n            position: absolute; \/* Change to fixed positioning *\/\n            bottom: 0;\n            left: 28px; \/* Adjusted to match the panel *\/\n            \/*width: calc(100% + 218px);  Full width plus panel width *\/\n            height: 130px;\n            \/*background-color: rgba(0, 0, 0, 0.29);  Black background with 29% opacity *\/\n            z-index: 6; \/* Ensure it's above other content but below the toggle button *\/\n            display: flex;\n            align-items: center;\n            transition: left 0.5s; \/* Smooth transition *\/\n        }\n        .title-container.open {\n            left: 252px; \/* Adjusted to match the panel when open *\/\n        }\n        .title-text {\n            font-size:195px;\n            color: rgba(51, 145, 186, 0.1); \/* Color #3391ba with 30% opacity *\/\n            margin: 0;\nheight:100%;\nmargin-bottom:86px;\n\n        }\n        .main-content {\n            padding: 16px;\n        }\n\n        .social-icons {\n            margin: 10px;\n            font-size: 10px;\n        }\n        .social-icons a {\n            color: #7a7a7a;\n            text-decoration: none;\n        }\n        .social-icons a:hover {\n            color: #a9a9a9;\n        }\n        .description {\nfont-size: 10px;\nmargin: 0 10px;\n}\n    <\/style>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<\/head>\n<body>\n\n<div id=\"sidePanel\" class=\"side-panel\">\n    <!-- Add your side panel content here -->\n<div class=\"description\">\n<\/br>\nA Million Days\n<\/div><\/br>\n    <div class=\"description\">The year is 2041 and the next step in the future of humankind is imminent. After decades of training and research, the mission to create the first lunar colony is about to launch with Anderson as lead astronaut. Jay, an AI purpose built for the mission, has simulated every possible outcome for the expedition. <\/div>\n<\/br><\/br>\n<div class=\"description\">\nFeature \n\nStatus: Complete\n\nProducer: Plan Nine Pictures, Peardrop Productions\n\nDirector: Mitch Jenkins \n\nStarring: Simon Merrells, Kemi-Bo Jacobs, Hermione Corfield, Darrell D&#8217;Silva\n\nDistribution \/ Sales: Signature Entertainment\n\nRelease: Spring 2024\n<\/div>\n    <\/br>\n<p class=\"social-icons\">\n    <a href=\"https:\/\/www.imdb.com\/title\/tt9281138\/\" target=\"_blank\" title=\"IMDb\" rel=\"noopener\">\n        <i class=\"fab fa-imdb\"><\/i> IMDb\n    <\/a>\n    <a href=\"https:\/\/www.instagram.com\/planninepictures\/reel\/C3-xoluiWvg\/\" target=\"_blank\" title=\"Instagram\" rel=\"noopener\">\n        <i class=\"fab fa-instagram\"><\/i> Instagram\n    <\/a>\n    <a href=\"https:\/\/twitter.com\/intent\/tweet?text=Check%20this%20out!%20www.framesfocus.com\/index.php\/a-million-days\/\" target=\"_blank\" title=\"Share on Twitter\" rel=\"noopener\">\n        <i class=\"fab fa-twitter\"><\/i> Twitter\n    <\/a>\n    <a href=\"https:\/\/www.pinterest.com\/pin\/create\/button\/\" target=\"_blank\" title=\"Share on Pinterest\" rel=\"noopener\">\n        <i class=\"fab fa-pinterest\"><\/i> Pinterest\n    <\/a>\n<\/p>\n    <a class=\"social-icons\" href=\"mailto:hello@framesfocus.com\">hello@framesfocus.com<\/a>\n<\/div>\n\n<button id=\"toggleBtn\" class=\"toggle-btn\"><<\/button>\n\n<div class=\"title-container-bg\">\n<div id=\"titleContainer\" class=\"title-container\">\n    <h3 id=\"titleText\" class=\"title-text\">VFX<\/h3>\n<\/div>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const sidePanel = document.getElementById(\"sidePanel\");\n        const toggleBtn = document.getElementById(\"toggleBtn\");\n        const titleContainer = document.getElementById(\"titleContainer\");\n\n        toggleBtn.addEventListener('click', function () {\n            if (sidePanel.classList.contains(\"open\")) {\n                sidePanel.classList.remove(\"open\");\n                toggleBtn.innerHTML = \"<\";\n                toggleBtn.classList.remove(\"move-right\");\n                titleContainer.classList.remove(\"open\");\n            } else {\n                sidePanel.classList.add(\"open\");\n                toggleBtn.innerHTML = \"<\";\n                toggleBtn.classList.add(\"move-right\");\n                titleContainer.classList.add(\"open\");\n            }\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<figure class=\"wp-block-video fullvideo\"><video height=\"788\" style=\"aspect-ratio: 1920 \/ 788;\" width=\"1920\" controls loop preload=\"auto\" src=\"http:\/\/framesfocus.com\/wp-content\/uploads\/2024\/07\/a-million-days-cropped-frames-focus-ltd-visual-effects-v03.mp4\" playsinline><\/video><\/figure>\n\n\n\n<style> .fullvideo{z-index:5;\nborder:none;\noutline:none;\n}\n.wp-block-video video {\nborder:none;\noutline:none;\n}\n<\/style>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A Million Days The year is 2041 and the next step in the future of humankind is imminent. After decades of training and research, the mission to create the first lunar colony is about to launch with Anderson as lead astronaut. Jay, an AI purpose built for the mission, has simulated every possible outcome for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":748,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-371","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/framesfocus.com\/index.php\/wp-json\/wp\/v2\/pages\/371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/framesfocus.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/framesfocus.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/framesfocus.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/framesfocus.com\/index.php\/wp-json\/wp\/v2\/comments?post=371"}],"version-history":[{"count":153,"href":"https:\/\/framesfocus.com\/index.php\/wp-json\/wp\/v2\/pages\/371\/revisions"}],"predecessor-version":[{"id":856,"href":"https:\/\/framesfocus.com\/index.php\/wp-json\/wp\/v2\/pages\/371\/revisions\/856"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/framesfocus.com\/index.php\/wp-json\/wp\/v2\/media\/748"}],"wp:attachment":[{"href":"https:\/\/framesfocus.com\/index.php\/wp-json\/wp\/v2\/media?parent=371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}