added check points between php executions

jehovahsays · Jul 1, 2024 · 1054b6a · 1054b6a
1 parent 0be9735
commit 1054b6a
Show file tree

Hide file tree

Showing 14 changed files with 216 additions and 12 deletions.
diff --git a/action.php b/action.php
@@ -35,7 +35,7 @@
 	echo "The file $file_pointer already exists <br>"; 
 	echo "<meta name='viewport' content='width=device-width'><a href='./en/$value.html'>$value</a>";
 	echo "<script> var msg = new SpeechSynthesisUtterance(' i remember hearing.. the word $value.. before. here.. is... what i found'); window.speechSynthesis.speak(msg); </script>";
-	echo "<body onload='loadout()'><script>function loadout(){window.location.href = './en/$value.html'}</script>";
+	//echo "<body onload='loadout()'><script>function loadout(){window.location.href = './en/$value.html'}</script>";
 	exit();
 	}
 }
@@ -205,9 +205,9 @@
      "<$value>en/$value</$value>\n"
     ."</root></en></root>");
 }
-//echo "<meta name='viewport' content='width=device-width'>successfully created <a href='./#en/$value.html'>$value</a>";
+echo "<meta name='viewport' content='width=device-width'>successfully created <a href='./#en/$value.html'>$value</a>";
 echo "<meta name='viewport' content='width=device-width'>successfully created <a href='./index.htm'></a>";
-echo "<body onload='loadout()'><script>function loadout(){window.location.href = './index.htm'}</script>";
+//echo "<body onload='loadout()'><script>function loadout(){window.location.href = './index.htm'}</script>";
 echo "<script> var msg = new SpeechSynthesisUtterance('i never heard. that word before!.. i will remember. the word $value for further analysis'); window.speechSynthesis.speak(msg); </script>";		
 fclose($handle);
 exit();

diff --git a/en/alignment.html b/en/alignment.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head><meta name="viewport"content="width=device-width">
+<style>fieldset{position:absolute;width:88%;height: 88%;}</style>
+<title>alignment</title>
+</head>
+<body><fieldset>
+<legend>alignment</legend><script> var msg = new SpeechSynthesisUtterance('alignment'); window.speechSynthesis.speak(msg); </script>
+</fieldset>
+</body>
+<html>
diff --git a/en/alignment.txt b/en/alignment.txt
@@ -0,0 +1 @@
+alignment
diff --git a/en/app.js b/en/app.js
@@ -0,0 +1,63 @@
+let banner = document.querySelector('.banner');
+let canvas = document.getElementById('dotsCanvas');
+canvas.width = canvas.offsetWidth;
+canvas.height = canvas.offsetHeight;
+const ctx = canvas.getContext('2d');
+const dots = [];
+const arrayColors = ['#eee', '#545454', '#596d91', '#bb5a68', '#696541'];
+for (let index = 0; index < 50; index++) {
+    dots.push({
+        x:  Math.floor(Math.random() * canvas.width),
+        y:  Math.floor(Math.random() * canvas.height),
+        size: Math.random() * 3 + 5,
+        color: arrayColors[Math.floor(Math.random()* 5)]
+    });
+}
+const drawDots = () => {
+    dots.forEach(dot => {
+        ctx.fillStyle = dot.color;
+        ctx.beginPath();
+        ctx.arc(dot.x, dot.y, dot.size, 0, Math.PI*2);
+        ctx.fill();
+    })
+}
+drawDots();
+banner.addEventListener('mousemove', (event) => {
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    drawDots();
+    let mouse = {
+        x:  event.pageX - banner.getBoundingClientRect().left,
+        y:  event.pageY - banner.getBoundingClientRect().top
+    }
+    dots.forEach(dot => {
+        let distance = Math.sqrt((mouse.x - dot.x) ** 2 + (mouse.y - dot.y) ** 2);
+        if(distance < 300){
+            ctx.strokeStyle = dot.color;
+            ctx.lineWidth = 1;
+            ctx.beginPath();
+            ctx.moveTo(dot.x, dot.y);
+            ctx.lineTo(mouse.x, mouse.y);
+            ctx.stroke();
+        }
+    })
+})
+banner.addEventListener('mouseout', () => {
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    drawDots();
+})
+window.addEventListener('resize', () => {
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    canvas.width = banner.offsetWidth;
+    canvas.height = banner.offsetHeight;
+
+    dots = [];
+    for (let index = 0; index < 50; index++) {
+        dots.push({
+            x:  Math.floor(Math.random() * canvas.width),
+            y:  Math.floor(Math.random() * canvas.height),
+            size: Math.random() * 3 + 5,
+            color: arrayColors[Math.floor(Math.random()* 5)]
+        });
+    }
+    drawDots();
+})
diff --git a/en/database.html b/en/database.html
@@ -15,11 +15,12 @@
 <style>
 .earth {
         margin: 0px;
-		width: 250px;
-		height: 250px;
+		width: 260px;
+		height: 260px;
 	    position: absolute;		
-	    top: 30px;
+	    top: 50px;
         left: 0px;
+		right: 50px;
         padding: 0px;
         animation: fadeIn 0.5s ease-in-out;
 }
@@ -95,12 +96,10 @@
 
 <link rel="shortcut icon" href="../files/favicon.ico" media="(prefers-color-scheme: light)" />
 
-
 </head>
 <center>
 
 <body>
-
 <fieldset class="fieldset">
 <legend>database</legend>
 <center>
@@ -138,7 +137,7 @@
 Human
 </label>
 </noscript>
-</form>	
+</form>
 
 <!-- input id = nodes onkeyup = titleInput() autocomplete = true autocorrect = on -->
 <!-- ul id = nodes li a href = # class = titleInput -->
@@ -709,11 +708,16 @@
 
 		</script>
 
-</center>											
-</fieldset>					
-<!-- input id = nodes onkeyup = titleInput() autocomplete = true autocorrect = on -->
+</center>
+<br>											
+</fieldset>	
+
+ <!-- input id = nodes onkeyup = titleInput() autocomplete = true autocorrect = on -->
 <!-- ul id = nodes li a href = # class = titleInput -->
 <!-- script function titleInput input = document get element by id nodes value | document get element by class titleInput -->
+
+    <header>
+        <nav>
 <ul id="filterInput">
 <a href="../index.html#en/index"class="titleInput"><button>index</button></a>
 <a href="../index.html#en/about"class="titleInput"><button>about</button></a>
@@ -722,3 +726,5 @@
 <a href="../index.html#en/gravity"class="titleInput"><button>gravity</button></a>
 <a href="../index.html#en/pendulum-oscillation"class="titleInput"><button>pendulum-oscillation</button></a>
 <a href="../index.html#en/core"class="titleInput"><button>core</button></a>
+<a href="../index.html#en/intelligence"class="titleInput"><button>intelligence</button></a>
+<a href="../index.html#en/alignment"class="titleInput"><button>alignment</button></a>
diff --git a/en/index.html b/en/index.html
@@ -27,4 +27,6 @@
 <li><a data-page="gravity"class="titleInput">gravity</a></li>
 <li><a data-page="pendulum-oscillation"class="titleInput">pendulum-oscillation</a></li>
 <li><a data-page="core"class="titleInput">core</a></li>
+<li><a data-page="intelligence"class="titleInput">intelligence</a></li>
+<li><a data-page="alignment"class="titleInput">alignment</a></li>
 </ul><script type="text/javascript"src="../js/edit.js">></script>
diff --git a/en/intelligence.html b/en/intelligence.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+<head><meta name="viewport"content="width=device-width">
+<style>fieldset{position:absolute;width:88%;height: 88%;}</style>
+<title>intelligence</title>
+</head>
+<body><fieldset>
+<legend>intelligence</legend><script> var msg = new SpeechSynthesisUtterance('intelligence'); window.speechSynthesis.speak(msg); </script>
+</fieldset>
+</body>
+<html>
diff --git a/en/intelligence.txt b/en/intelligence.txt
@@ -0,0 +1 @@
+intelligence
diff --git a/en/style.css b/en/style.css
@@ -0,0 +1,99 @@
+body{
+    color: #eee;
+    font-family: Poppins;
+    margin: 0;
+    background-image:
+    repeating-linear-gradient(
+        to right, #2d2a44 0 1px, transparent 2px 200px
+    ),
+    repeating-linear-gradient(
+        to bottom, #2d2a44 0 1px, transparent 2px 200px
+    ),
+    radial-gradient(
+        at 50% 50%, #2d2a44, #1d1b34
+    );
+}
+::-webkit-scrollbar{
+    width: 0;
+}
+*{
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    list-style: none;
+}
+header img{
+    width: 30px;
+}
+header{
+    width: min(1200px, 90vw);
+    margin: auto;
+    height: 70px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+header nav ul{
+    display: flex;
+    gap: 30px;
+}
+main{
+}
+main .banner{
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+    text-align: center;
+    margin-top: -70px;
+}
+h1, h2, h3, h4, h5, h6{
+    font-weight: 500;
+}
+.banner button{
+    all: unset;
+    border: 1px solid #afaeae55;
+    padding: 10px 20px;
+    border-radius: 20px;
+    background-image: linear-gradient(
+        to bottom, #eee1, transparent, #eee1
+    );
+    cursor: pointer;
+    transition: 0.5s;
+}
+.banner button:hover{
+    background-color: #c691e6;
+    color: #040018;
+    box-shadow: 0 0 50px #c691e6;
+
+}
+h1{
+    --to: left;
+    font-size: 4em;
+    font-weight: bold;
+    background-image: linear-gradient(
+        to var(--to), #89a5df, #e46e7f, #e8e191
+    );
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    text-transform: uppercase;
+    line-height: 1em;
+
+}
+h1.right{
+    --to: right;
+}
+
+.banner{
+    position: relative;
+}
+.banner #dotsCanvas{
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+}
diff --git a/index.htm b/index.htm
@@ -100,3 +100,5 @@
 <a href="./index.html#en/gravity"class="titleInput"><button>gravity</button></a>
 <a href="./index.html#en/pendulum-oscillation"class="titleInput"><button>pendulum-oscillation</button></a>
 <a href="./index.html#en/core"class="titleInput"><button>core</button></a>
+<a href="./index.html#en/intelligence"class="titleInput"><button>intelligence</button></a>
+<a href="./index.html#en/alignment"class="titleInput"><button>alignment</button></a>
diff --git a/js/jquery-3.7.1.min.js b/js/jquery-3.7.1.min.js
diff --git a/js/search.json b/js/search.json
@@ -10,4 +10,6 @@
 ,"gravity":"en/gravity"
 ,"pendulum-oscillation":"en/pendulum-oscillation"
 ,"core":"en/core"
+,"intelligence":"en/intelligence"
+,"alignment":"en/alignment"
 }}}
diff --git a/js/tagcloudlog.js b/js/tagcloudlog.js
@@ -6,4 +6,6 @@ var texts = [
 "gravity",
 "pendulum-oscillation",
 "core",
+"intelligence",
+"alignment",
 ];var tc = TagCloud('.content', texts);console.log(tc);
diff --git a/rss.xml b/rss.xml
@@ -9,4 +9,6 @@
 <gravity>en/gravity</gravity>
 <pendulum-oscillation>en/pendulum-oscillation</pendulum-oscillation>
 <core>en/core</core>
+<intelligence>en/intelligence</intelligence>
+<alignment>en/alignment</alignment>
 </root></en></root>