<!-- .                                            .
*   .                  .              .        .   *          .
.         .                     .       .           .      .        .
   o                             .                   .
    .              .                  .           .
     0     .
            .          .                 ,                ,    ,
.          \          .                         .
 .      \   ,
.          o     .                 .                   .            .
.         \                 ,             .                .
          #\##\#      .                              .        .
        #  #O##\###                .                        .
.        #*#  #\##\###                       .                     ,
   .   ##*#  #\##\##               .                     .
 .      ##*#  #o##\#         .                             ,       .
     .     *#  #\#     .                    .             .          ,
                 \          .                         .
____^/\___^--____/\____O______________/\/\---/\___________---______________
/\^   ^  ^    ^                  ^^ ^  '\ ^          ^       ---
    --           -            --  -      -         ---  __       ^
--  __                      ___--  ^  ^                         --  __ 


                         _______________________
                       //   __..--~~~~--..__    \\
                      ||___/  |  |   |  |   \ __/ |
                      ||  /   ___________    \    |
                      ||_/   /.......... \    |   |
                      | |   /..........   \   |   |
 _____________________| |  /...........    \  |   |________________
  ;   . . .   .       |_| |...........      | |   | .''."...  ... .
 ___   ..~.         _.' | |..........       | |   |         . ~
  .      '     .   / \_.| |..........       | |   |\ ~.   ._..---._
                  |. /| \ \............     / /   |/ .    /\      /\
    '""" ... ~~~  | \|| _\ \............   / /-.__|      // ~-._./ -\
  ..~             |  |_.~\\ \_____________/ /// '.|     /__       __.\
  ___   ..~.      |_.~   .\\_______________//   _ ~-.  ~~~~..  ~~~~~.
                 .~ -.     \__.---.________/   ______\.
 .''."...  ... ./\        _|      |---|  = |__ \__\===\   '""" ... ~~~
               /  '.  .  |_|=     |---|    | _| \======\ ___   ..~.
   ..~        / .   \      |=     |___|    ||       __. \
             /           _ |_______________|   _.        \
 .''."...  ./                /   \___    ~~  \            \  '" ..   ~~
           /          '' /   \      /         \           /\
 ___   .  /     -- .   /'   __\____/       ____\___.'   --  \ ___   ..~.
         /            /    / \\ --  _____//          ~ - .   \
  ..--  /_..-       ./.   /  _/   _|___  \\       .     -   _/)
       /   ___     ./|__  / _/   (_____ / \\  .          \ ~ /   .
   .  /___////_   /  |   / _/    (_____ \  \\       _./ ..__/
     /___/__/_ \ /  _|  /__/ _-- (_____  \:_\\_____________/      ._
 _  /         \ /_.' | /  /       (_________/ ~~-|
   /           //   _|/  /-              .    __ |..~. _____ -.. '  "
 ..\==========/'   \_/ _/  __      ___..     /  \|
     / _____  \'.______/___....------......__\__/|
 '  |          \     |\__________________|__|___/|  ~~~~~..   - ~  '
  ~ |        _  \   /~      \     \ --  /         \
    | | | | | \_|  |   \     \ ~      //           |
 _. |_| | | | .    |-----..   \       /  /-      __|..~. _____ -.. '  "
      |_|_|_|   _. |       \_  \\ _ ./          ___|
  ~~~  ..   - ~  ' |         \__\___/__...------   |  ~~~~~..   - ~  '
                   |  .-         | | .       __    |
                   |     __..    | |    ______     |      .     ~
..~. _  __ -.. '   \           __| |   |      |    | _        .
                   /             | | ~ |__.___|.   |
                   |    __       | |   |      |    |              .. '
  ~~~~~..   - ~  ' | ''          / \   |      |    |___     __.
  ....   -         |  _____...   | |   \______/    |  ~~~~~..   - ~  '
                   | /        '--| |      ~~       |
     ~..   - ~  '  |/            | |    __----  .. |   .      .     _
                   ||____......._| |               |
                   |----         | |               |  ~~~~~..   - ~  '
   '""" ... ~~~    |       -.    | |       _..     |
                   | ..         // |               | _~"".    .
                   |          -  \ | __----.   ..  \
  ~~~..   - ~  '   |_____________| |_______________/
                   \_____________| |______________/   '    ...  __  ~
                    /     ----- \   /----------- \
   __~~..   - ~  ' /___      ----\ /--...___      \
                  /    ..--      | | __..     ___./  .     .   ~
      - ~  '..    \  __________./  |_____________/  .   - ~  ' ~~~~
  ..._____~~~~~~JRO\___________/    \___________/  -_______...._____
..            ___ . ~~~~~~~~~~~. __\ ~~~~~~~~~~~~~...      _  ~
__    ....         ''        ...""       ....'''      -_~~~     ~~~...

-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Calculate the time passed on Miller's Planet from the movie Interstellar since its release date.">
    <meta name="keywords" content="
                                   Miller's Planet, Interstellar, movie interstellar, 
                                   time conversion, time dilation, movie time calculation,
                                   gargantua, miller, planet, calculation, 
                                   ">
	<meta name="google-site-verification" content="W1naSHzuJ1081EFoeNwlVQrCxu0BVvP1Nu54DgnroTA" />
    
    <title>Interstellar Time</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #000;
            color: #fff;
            position: relative;
        }
        .container {
            text-align: center;
            z-index: 10;
            position: relative;
        }
        .time {
            font-size: 1em;
        }
        .earth_time {
            font-size: 1em;
        }
        canvas {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
    </style>
    <script src="assets/p5/p5.min.js" type="e1e8c2a3f641e18f4201be81-text/javascript"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
</head>
<body>
    <div class="row text-white">
        <div class="col-lg-12 text-center">
            <div class="container">
                <h1>Time Since Interstellar Release (November 7, 2014) <i class="bi bi-clock-history"></i></h1>
            </div>
            <div class="card col-lg-12 text-bg-dark mb-5">
                <div class="card-header opacity-75">
                    Miller's Planet <i class="bi bi-circle-half"></i>
                </div>
                <div class="card-body opacity-75">
                    <div class="time" id="time"></div>
                </div>

                <div class="card-header opacity-75">
                    Earth <i class="bi bi-globe-americas"></i>
                </div>
                <div class="card-body opacity-75">
                    <div class="earth_time" id="earth_time"></div>
                </div>
            </div>
            <div class="col-lg-12 text-center">
                <script type="e1e8c2a3f641e18f4201be81-text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="sigmaenigma" data-color="#FFDD00" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff"></script>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous" type="e1e8c2a3f641e18f4201be81-text/javascript"></script>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-CBQQ47LL6Y" type="e1e8c2a3f641e18f4201be81-text/javascript"></script>
    <script type="e1e8c2a3f641e18f4201be81-text/javascript">
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-CBQQ47LL6Y');
    </script>
    <script type="e1e8c2a3f641e18f4201be81-text/javascript">
        function calculateMillerTime() {
            const releaseDate = new Date('2014-11-07T00:00:00Z');
            const now = new Date();
            const earthTimePassed = now - releaseDate;
            const millerTimePassed = earthTimePassed / (7 * 365.25 * 24 * 60 * 60 * 1000); // Convert Earth time to Miller's Planet time

            const hours = Math.floor(millerTimePassed);
            const minutes = Math.floor((millerTimePassed - hours) * 60);
            const seconds = Math.floor(((millerTimePassed - hours) * 60 - minutes) * 60);
            const milliseconds = Math.floor((((millerTimePassed - hours) * 60 - minutes) * 60 - seconds) * 1000);
            const microseconds = Math.floor(((((millerTimePassed - hours) * 60 - minutes) * 60 - seconds) * 1000 - milliseconds) * 1000);

            return `${hours} hours, ${minutes} minutes, ${seconds} seconds, \n${milliseconds} milliseconds, ${microseconds} microseconds`;
        }

        function calculateEarthTime() {
            const releaseDate = new Date('2014-11-07T00:00:00Z');
            const now = new Date();
            const earthTimePassed = now - releaseDate;

            const years = Math.floor(earthTimePassed / (365.25 * 24 * 60 * 60 * 1000));
            const days = Math.floor((earthTimePassed % (365.25 * 24 * 60 * 60 * 1000)) / (24 * 60 * 60 * 1000));
            const hours = Math.floor((earthTimePassed % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
            const minutes = Math.floor((earthTimePassed % (60 * 60 * 1000)) / (60 * 1000));
            const seconds = Math.floor((earthTimePassed % (60 * 1000)) / 1000);
            const milliseconds = Math.floor((earthTimePassed % 1000));
            const microseconds = Math.floor((earthTimePassed % 1) * 1000);

            return `${years} years, ${days} days, ${hours} hours, ${minutes} minutes, \n${seconds} seconds, ${milliseconds} milliseconds`;
        }

        function updateTime() {
            document.getElementById('time').innerText = calculateMillerTime();
            document.getElementById('earth_time').innerText = calculateEarthTime();
        }

        setInterval(updateTime, 1);
        updateTime();
    </script>
    <script type="e1e8c2a3f641e18f4201be81-text/javascript">
        let stars = [];
        function setup() {
            let canvas = createCanvas(windowWidth, windowHeight);
            canvas.position(0, 0);
            canvas.style('z-index', '-1');
            for (let i = 0; i < 100; i++) {
                stars.push(new Star());
            }
        }
        function draw() {
            background(0);
            for (let i = 0; i < stars.length; i++) {
                stars[i].show();
                stars[i].update();
            }
        }
        class Star {
            constructor() {
                this.x = random(width);
                this.y = random(height);
                this.size = random(1, 5);
                this.speed = random(1, 3);
            }
            show() {
                noStroke();
                fill(255);
                ellipse(this.x, this.y, this.size);
            }
            update() {
                this.x -= this.speed;
                if (this.x < -this.size) {
                    this.x = width + this.size;
                    this.y = random(height);
                }
            }
        }
        function windowResized() {
            resizeCanvas(windowWidth, windowHeight);
        }
    </script>


<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="e1e8c2a3f641e18f4201be81-|49" defer></script></body>
</html>