<!DOCTYPE html>
<html lang = “en”>
    <head>
        <meta charset = “utf-8”/>
        <title> Private </title>
        <meta name="keywords" content="Bible, Cunyus, Latin, Testament, Project, Grief Relief, Homer, Iliad, Ilias Latina">
        <link rel="stylesheet" href="styles.css">
    </head>
    <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><br>
<h3 style="color: antiquewhite; text-align: center;">For private, non-commercial enjoyment only!
</h4>
<br><br>
    <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.setTransform(1,0,0,1,CSIZE,CSIZE);
ctx.globalAlpha=0.7;

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=159;
  const CT=255-CBASE;
  this.RK1=80+80*Math.random();
  this.GK1=80+80*Math.random();
  this.BK1=80+80*Math.random();
  this.RK2=TP*Math.random();
  this.GK2=TP*Math.random();
  this.BK2=TP*Math.random();
  this.set=()=>{
    let red=Math.round(CBASE+CT*Math.cos(this.RK2+t/this.RK1));
    let grn=Math.round(CBASE+CT*Math.cos(this.GK2+t/this.GK1));
    let blu=Math.round(CBASE+CT*Math.cos(this.BK2+t/this.BK1));
    this.v="rgb("+red+","+grn+","+blu+")";
  }
  this.set();
}

var pauseTS=1000;
var pause=(ts)=>{
  if (stopped) return;
  if (ts<pauseTS) {
    requestAnimationFrame(pause);
  } else {
    requestAnimationFrame(animate);
  }
}

var t=0;
var stopped=true;
var animate=(ts)=>{
  if (stopped) return;
  t++;
  setNormalizedFactors();
  for (let i=0; i<ca.length; i++) { ca[i].set(); }
  draw();
  if (t%400==0) {
    if (t%1600==0) setK1a();
    pauseTS=performance.now()+3200;
    requestAnimationFrame(pause);
  } else {
    requestAnimationFrame(animate);
  }
}

var start=()=>{
  if (stopped) {
    stopped=false;
    requestAnimationFrame(animate);
  } else {
    stopped=true;
  }
}
ctx.canvas.addEventListener("click", start, false);

const count=5; //getRandomInt(4,7);
let ca=new Array(count);
for (let i=0; i<count; i++) { ca[i]=new Color(); }

onresize();

var K1a=new Array(count);
var setK1a=()=>{
  let sum=0;
  for (let i=0; i<K1a.length; i++) { 
    if (Math.random()<0.5) K1a[i]=800;
    else K1a[i]=1600;
    sum+=K1a[i];
  }
  if (sum==count*1600 || sum==count*800) K1a=[1600, 800, 1600, 800, 1600];
}
setK1a();

var kxa=new Array(count);

const setNormalizedFactors=()=>{
  let sum=0;
  for (let i=0; i<count; i++) {
    kxa[i]=(1+Math.cos(TP*t/K1a[i]))/2;
    sum+=kxa[i];
  }
  for (let i=0; i<count; i++) kxa[i]=kxa[i]/sum;
}
setNormalizedFactors();

var pa=new Array(count);

var setPath=(idx,x,y,a,dir)=>{
  if (idx>count-1) return;
  pa[idx].moveTo(x,y);
  let l2=kxa[idx]*CSIZE;
  let x2=x+l2*Math.cos(a);
  let y2=y+l2*Math.sin(a);
  if (dir) {
    pa[idx].arc(x2,y2,l2,a-TP/2,a+TP/4,dir);
  } else {
    pa[idx].arc(x2,y2,l2,a+TP/2,a+3*TP/4,dir);
  }
  let x3=x2+l2*Math.cos(a+3*TP/4);
  let y3=y2+l2*Math.sin(a+3*TP/4);
  let x4=x2+l2*Math.cos(a+TP/4);
  let y4=y2+l2*Math.sin(a+TP/4);
  if (dir) {
    setPath(idx+1,x4,y4,a+TP/4,false);
    setPath(idx+1,x4,y4,a-TP/4,true);
  } else {
    setPath(idx+1,x3,y3,a+TP/4,false);
    setPath(idx+1,x3,y3,a-TP/4,true);
  }
}

var draw=()=>{
  for (let i=0; i<count; i++) pa[i]=new Path2D();
  for (let i=0; i<4; i++) {
    setPath(0,0,0,i*TP/4,i%2);
    setPath(0,0,0,i*TP/4,!(i%2));
  }
  for (let i=pa.length-1; i>=0; i--) {
    ctx.lineWidth=6;
    ctx.strokeStyle="#00000020";
    ctx.stroke(pa[i]);
    ctx.lineWidth=4;
    ctx.strokeStyle=ca[i].v;
    ctx.stroke(pa[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="devotional3.html" style="font-size: x-small;">devotional3.html</a>
<br><a href="devotional4.html" style="font-size: x-small;">devotional4.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>