https://www.youtube.com/watch?v=lg3FDTC6zFc
and some HTML for essentially the same thing except there is a timer. I have not tried this with the timer yet so it may be too distracting but I want a way to know how long its taking me to see some of the visuals...
<html>
<!--
Name: 3rdeye01.html
Author: Smertrios
Purpose: replacement for a youtube video
Date: June 29, 2019
Source video (not mine):
Title: Third Eye / Ajna Chakra Activation Visual Exercise
Publisher: GoldenAgeAscension
Link: https://www.youtube.com/watch?v=lg3FDTC6zFc
-->
<style>
.centered{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);}
.border{
border-width:thin;
border-style:solid;
border-color:gray;}
.timertext{
color:gray;
transform:translate(-50%,100%);}
</style>
<body style="background-color:white">
<svg
xmlns="http://www.w3.org/2000/svg"
class="centered"
width="600"
height="200"
viewbox="0 0 3 1">
<circle cx=".5" cy=".5" r=".5" fill="red"/>
<rect x="0" y=".33" width="1" height=".34" fill="white"/>
<circle cx="1.5" cy=".5" r=".05" fill="black"/>
<circle cx="2.5" cy=".5" r=".5" fill="blue"/>
<rect x="2.33" y="0" width=".34" height="1" fill="white"/>
</svg>
<div id="timer"
class="centered timertext">
00:00
</div>
<script>
var count=0;
setInterval(function(){
count++;
var temp=count
//var hour=Math.floor(temp/3600);temp=temp%3600;
var min=Math.floor(temp/60);temp=temp%60
var sec=temp;
var time=""
//if(hour<10)time+="0"+hour+":";else time+=hour+":";
if(min<10)time+="0"+min+":";else time+=min+":";
if(sec<10)time+="0"+sec;else time+=sec;
timer.innerHTML=time;
},1000);
</script>
</body>
</html>
FYI: I left some comments about my experience with this in the youtube post and have read some of the others... it seems the poster and some of the other users were crosseyed... I was not crosseyed while doing this.