<!DOCTYPE html>
<html lang = “en”>
    <head>
        <meta charset = “utf-8”/>
        <title> Private 2 </title>
        <meta name="keywords" content="Bible, Cunyus, Latin, Testament, Project, Grief Relief, Homer, Iliad, Ilias Latina">
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
    <p style="    font-family: Arial; font-size: 40px; color: antiquewhite; text-align: center;
    font-weight: bolder; text-shadow: 7px 7px 7px deepskyblue;">www.JohnCunyus.com</p>
    <p style="    font-family: Arial; font-size: 16px; color: lightblue; text-align: center;
">Translator, Publisher, Web Designer</p>
  <nav style="text-align: center;">
        <a href="index.html" style="color:crimson";>Home     :     </a>
        <a href="contactus.html" style="color:crimson";>Contact Us     :    </a>
        <a href="books.html" style="color:crimson";>Books and E-Books     :     </a>
        <a href="spiritual_assessment_form.html" style="color:crimson";>Spiritual Assessment Form     :     </a>
        <a href="emotionDefuser.html" style="color:crimson";>The Emotion Defuser     :     </a>
        <a href="home_legacy.html" style="color:crimson";>Legacy Home</a>
    </nav><br>      

<br><br>
<h3 style="color: antiquewhite; text-align: center;">For private, non-commercial enjoyment only!
    <br>See the <a href="private.html" style="color: aquamarine;">other page.</a>
<br>
</h4>
             <script>"use strict"; 
             const body=document.getElementsByTagName("body").item(0);
             body.style.background="#000";
             const TP=2*Math.PI;
             const CSIZE=400;
             
             const ctx=(()=>{
               let d=document.createElement("div");
               d.style.textAlign="center";
               body.append(d);
               let c=document.createElement("canvas");
               c.width=c.height=2*CSIZE;
               d.append(c);
               return c.getContext("2d");
             })();
             ctx.translate(CSIZE,CSIZE);
             ctx.lineCap="round";
             
             onresize=()=>{ 
               let D=Math.min(window.innerWidth,window.innerHeight)-40; 
               ctx.canvas.style.width=ctx.canvas.style.height=D+"px";
             }
             
             const getRandomInt=(min,max,low)=>{
               if (low) return Math.floor(Math.random()*Math.random()*(max-min))+min;
               else return Math.floor(Math.random()*(max-min))+min;
             }
             
             function Color() {
               const CBASE=144;
               const CT=255-CBASE;
               this.getRGB=(ct)=>{
                let red=Math.round(CBASE+CT*(Math.cos(this.RK2+ct/this.RK1)));
                let grn=Math.round(CBASE+CT*(Math.cos(this.GK2+ct/this.GK1)));
                let blu=Math.round(CBASE+CT*(Math.cos(this.BK2+ct/this.BK1)));
                 return "rgb("+red+","+grn+","+blu+")";
               }
               this.randomize=()=>{
                 this.RK1=360+360*Math.random();
                 this.GK1=360+360*Math.random();
                 this.BK1=360+360*Math.random();
                 this.RK2=TP*Math.random();
                 this.GK2=TP*Math.random();
                 this.BK2=TP*Math.random();
               }
               this.randomize();
             }
             
             var color=new Color();
             
             var stopped=true;
             var start=()=>{
               if (stopped) { 
                 stopped=false;
                 requestAnimationFrame(animate);
               } else {
                 stopped=true;
               }
             }
             body.addEventListener("click", start, false);
             
             var dur=2000;
             var tt=getRandomInt(0,1000);
             var pause=0;
             var trans=false;
             var animate=(ts)=>{
               if (stopped) return;
               tt++;
               draw();
               requestAnimationFrame(animate);
             }
             
             var KF=Math.random();
             
             var Circle=function() { 
               this.dir=false;
               this.r=80;
               this.randomize=()=>{ 
                 this.ka=0; //TP*Math.random();
             this.ka2=200;
               }
               this.randomize();
               this.setRA=()=>{
             this.a2=TP/4+1.57*(1+Math.sin(tt/this.ka2))/2;
                 if (this.dir) this.a2=-this.a2;
               }
               this.setPath2=()=>{
                 if (this.p) {
                   if (this.cont) {
                 this.a=TP/2+this.p.a-this.p.a2;
                 this.x=this.p.x+(this.p.r-this.r)*Math.cos(this.p.a-this.p.a2);
                 this.y=this.p.y+(this.p.r-this.r)*Math.sin(this.p.a-this.p.a2);
                   } else {
                 this.a=this.p.a-this.p.a2;
                 this.x=this.p.x+(this.p.r+this.r)*Math.cos(this.p.a-this.p.a2);
                 this.y=this.p.y+(this.p.r+this.r)*Math.sin(this.p.a-this.p.a2);
                   }
                 } else {
                   this.x=this.r*Math.cos(this.a);
                   this.y=this.r*Math.sin(this.a);
                 }
                 this.path=new Path2D();
                 this.path.arc(this.x,this.y,this.r,TP/2+this.a,this.a-this.a2,this.dir);
               }
             }
             
             onresize();
             
             var ca=[];
             var reset=()=>{
               ca=[new Circle()];
               ca[0].p=false;
               ca[0].a=0; //TP*Math.random();
               ca[0].setRA();
               ca[0].x=ca[0].r*Math.cos(ca[0].a);
               ca[0].y=ca[0].r*Math.sin(ca[0].a);
             }
             reset();
             
             var addCircle=(c)=>{
               let c2=new Circle();
               c2.a=c.a-c.a2;
               c2.dir=!c.dir;
               c2.p=c;
               c2.cont=false;
               c2.r=c.r*0.8;
             if (Math.random()<KF)
             c2.ka2=c.ka2*0.8;
               ca.push(c2);
               let c3=new Circle();
               c3.a=TP/2+c.a-c.a2;
               c3.dir=c.dir;
               c3.p=c;
               c3.cont=true;
               c3.r=c.r*0.8;
             if (Math.random()<1-KF)
             c3.ka2=c.ka2*0.8;
               ca.push(c3);
             }
             
             const dmx=new DOMMatrix([-1,0,0,1,0,0]);
             const dmy=new DOMMatrix([1,0,0,-1,0,0]);
             const dmxy=new DOMMatrix([-1,0,0,-1,0,0]);
             //const dmq=new DOMMatrix([0,1,-1,0,0,0]);
             const getXYPath=(spath)=>{
               this.level=1;
               let p=new Path2D(spath);
               p.addPath(p,dmxy);
               return p;
             }
             
             var draw=()=>{
               ca[0].a=tt/1000;
               for (let i=0; i<ca.length; i++) ca[i].setRA();
               for (let i=0; i<ca.length; i++) ca[i].setPath2();
               let pa=new Array(8);
               for (let i=0; i<pa.length; i++) pa[i]=new Path2D();
               for (let i=0; i<ca.length; i++) {
                 if (i==0) pa[0].addPath(ca[i].path);
                 else if (i<3) pa[1].addPath(ca[i].path);
                 else if (i<7) pa[2].addPath(ca[i].path);
                 else if (i<15) pa[3].addPath(ca[i].path);
                 else if (i<31) pa[4].addPath(ca[i].path);
                 else if (i<63) pa[5].addPath(ca[i].path);
                 else if (i<127) pa[6].addPath(ca[i].path);
                 else pa[7].addPath(ca[i].path);
               }
               ctx.clearRect(-CSIZE,-CSIZE,2*CSIZE,2*CSIZE);
             
               for (let i=0; i<pa.length; i++) {
                 let pth=getXYPath(pa[i]);
                 ctx.strokeStyle=color.getRGB(tt-180*i);
                 ctx.lineWidth=Math.max(3, 24-3*i);
                 ctx.stroke(pth);
               }
             }
             
             for (let i=0; i<127; i++) addCircle(ca[i]);
             
             start();
        </script>             
<br><br><br><br><br>
<p style="text-align: center; font-size: x-small; color: antiquewhite;"><a href="devotional1.html" style="font-size: x-small;">devotional1.html</a>
  <br><a href="devotional2.html" style="font-size: x-small;">devotional2.html</a>
  <br><a href="private.html" style="font-size: x-small;">private.html</a>
  <br><a href="private2.html" style="font-size: x-small;">private2.html</a>
  <br><a href="private3.html" style="font-size: x-small;">private3.html</a></p>

<h4 style="font-size: x-small; color: antiquewhite; text-align: center;"><address>John G. Cunyus<br>5634 Ledgestone Drive<br>Dallas, TX  75214</address>John@JohnCunyus.com</h4>

             <body>
    
</html>