Add files via upload

upload files

Author: kaliscandinavia

MindFuck.png

@@ -0,0 +1,182 @@
+ //Function: Mirror & reset page function.
+     function mirrorPage () {
+            document.body.style.transform = "scaleX(-1)";
+            setTimeout(function() {
+   // Second mirror
+                document.body.style.transform = "scaleX(1)";
+            }, 500); 
+   // Third mirror
+            setTimeout(function() {
+                document.body.style.transform = "scaleX(-1)";
+            }, 1000);
+
+            // Reload the page after 2 seconds from the start
+            setTimeout(function() {
+                location.reload(); 
+            }, 2000);
+        }
+ 
+//Function messUp :
+let radius = 100; // Set a fixed radius for the spinning effect
+ 
+// Initialize  variable R
+let R = 0;
+
+// Define variables used in  animation
+let x1 = 1, x2 = 2, x3 = 3, x4 = 100, x5 = 150;
+let y1 = 1, y2 = 2, y3 = 3, y4 = 100, y5 = 150;
+
+//  call function here: [button click]
+function messUp () {
+     //Rotate any script-tag's you like ,or all tag-name  /*
+  
+      let DI = document.querySelectorAll( '*');  
+    
+
+    let DIL = DI.length;
+
+    //animate the elements
+    function A() {
+        for (let i = 0; i < DIL; i++) { 
+            let DIS = DI[i].style; 
+            DIS.position = 'absolute'; 
+            DIS.left = (Math.sin(R * x1 + i * x2 + x3) * x4 + x5) + "px"; 
+            DIS.top = (Math.cos(R * y1 + i * y2 + y3) * y4 + y5) + "px";
+        }
+        R++;
+    }
+
+    // Start the animation with a 200 ms interval//Try differens speed
+    let intervalID = setInterval(A, 200); 
+
+    // Stop the animation after 2 seconds
+    setTimeout(function() {
+        clearInterval(intervalID); // Stop the animation(4 sec)
+        location.reload();         //reload after 4 sec animation(spinn)
+    }, 4000);                      //Costumice 
+}
+
+ //Function:Spinn page faste-and-faster 
+ function spinnPage () {
+document.documentElement.style.transitionDuration="5s";
+document.documentElement.style.transitionTimingFunction="ease-in";
+document.documentElement.style.transform="rotate(3600deg)";
+  }                
+    
+//Function:Turn smootly 180dgs to rigth.Images change,and turnRigth pop up("resetImg").
+     function turnRight() {
+            // Turn Left transformation
+            ['', '-ms-', '-webkit-', '-o-', '-moz-'].forEach(function(prefix) {
+                document.body.style[prefix + 'transition'] = 'transform 4s';
+                document.body.style[prefix + 'transform'] = 'rotate(180deg)';
+            });
+
+            // Timeout to show the reset image ("resetImg") and the old image ("img2")
+            setTimeout(function() {
+                document.getElementById("resetImg").style.display = "inline"; 
+                document.getElementById("img2").style.display = "inline"; 
+                document.getElementById("img1").style.display = "none"; 
+            }, 5000); 
+        }
+        //Turn Rigth (reset page) 
+        function resetPage() {
+            // Reset the transformation
+            ['', '-ms-', '-webkit-', '-o-', '-moz-'].forEach(function(prefix) {
+                document.body.style[prefix + 'transform'] = 'rotate(0deg)';
+            });
+            document.getElementById("resetImg").style.display = "none";
+            document.getElementById("img2").style.display = "none"; 
+            document.getElementById("img1").style.display = "inline"; 
+        }
+
+        // Initially hide the images
+        document.getElementById("resetImg").style.display = "none";
+        document.getElementById("img2").style.display = "none"; 
+        document.getElementById("img1").style.display = "inline"; 
+ 
+//Function:A pretty nice CSS color show :    
+  function colorFlash () {
+ window.location.href="color.html";
+ }  
+     
+ //Function: Rotate 360dgs in 3 steps. 
+ function rotate360 () {          
+ // First rotation 1/3
+            document.body.style.transform = "rotate(0deg)";
+            setTimeout(function() {
+                document.body.style.transform = "rotate(120deg)"; 
+            }, 500); // 500 milliseconds
+ // Secound rotation 2/3
+            setTimeout(function() {
+                document.body.style.transform = "rotate(240deg)"; 
+            }, 1000); // 500ms after the first.
+ // Third rotation 3/3 =360deg rotated.
+            setTimeout(function() {
+                document.body.style.transform = "rotate(360deg)";
+            }, 1500); // 500ms after the second.
+
+            // Reload the page after 2 seconds from the start
+            setTimeout(function() {
+                location.reload(); 
+            }, 3000);        
+         }
+  
+ //Function:Running-warning text,then after 2 secund empty ugly grey page.
+   function go_empty() { // Change a few key variables when txt starts running.
+
+    alert("Was that smart? \nWhen finished, just reload for the start page :)");
+    document.body.style.backgroundColor = "black";
+    h1.innerHTML = "EMPTY HARD DISK";
+    h1.style.color = "white";
+    img1.style.display = "none";
+    img2.style.display = "none";   
+    btns.style.display = "none";  
+    h3.style.display = "none";
+    // p.style.display = "none";
+
+    // Set up needs & speeds for running text.    
+    let timePerLetter = 40;
+    let textContainer = document.getElementById("text");
+    textContainer.innerHTML = ""; // Clear previous text
+    textContainer.style.color = "white";
+
+    function printOut(str) {
+        var i = 0;
+        (function main() {
+            var char = str[i++];
+            // Check for newline character and replace it with <br>
+            if (char === '\n') {
+                textContainer.innerHTML += "<br>"; // Add a line break in HTML
+            } else {
+                textContainer.innerHTML += char; // Add the character to the text
+            }
+
+            if (i < str.length) {
+                setTimeout(main, timePerLetter);
+            } else {
+                setTimeout(function() { //  Timeout give user time to read runner-text before txt disaperas and screen turns ugly grey.
+                    textContainer.innerHTML = "";
+                    h1.innerHTML = "";
+                    document.body.style.backgroundColor = "grey";
+                }, 3000);  
+            }
+        })();
+    }
+
+    // Message with newlines
+    const message = "The hard disk is empty.\nNo files are possible to recover.\nPlease install an OS before you can use this unit.\nAll copyrights reserved by:\n Fed.11/99-ADv/SACR.USA Dist. of Alabama 047/.HP International, Sacramento, California USA.";
+    printOut(message);
+}
+
+
+//Function Freez is tested on Andriod phone
+
+//Function Freez is tested on Andriod phone & tablets from version 8 to 16.[ works in year 2025] 
+function  freez () {
+    var ok = confirm("Temporary removed to bee valued by \nGoogle Vulnerability Reward Program(VRP) \n You can see demo by click OK")
+    if (ok) {
+      window.location.href="https://www.youtube.com/watch?v=B6MhzzawJak&t=2s"; 
+    } else {
+      
+    }
+}

app.js

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>ColorFlash</title>      
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        body {
+            background-color: black;
+            text-align: center; /* Center text horizontally */
+            color: white;
+        }
+
+        img {
+            max-width: 100%; /* Limit image width to screen size */
+            height: auto; 
+        }
+
+        @media (max-width: 600px) {
+            img {
+                width: 100%; /* Full width on small screens */
+            }
+        }
+
+        html {
+            animation: adjustHue 10s alternate infinite;
+        }     
+
+        @keyframes adjustHue {
+            0% { filter: hue-rotate(0deg); }
+            100% { filter: hue-rotate(360deg); }
+        }
+
+        @keyframes grow {
+            to { font-size: 109px; }
+        }
+
+        h1 { color: coral !important; }
+        h2 { color: pink !important; }
+        h3 { color: green !important; }
+        p { color: red !important; }
+        sub { color: blue !important; }
+         sup { color: green !important; }
+        h1, h2, h3, p {
+            animation: grow 40s linear forwards;
+        }
+    </style>
+</head>
+<body>
+    <h3 style="margin-top: 20px;"> 🖐 Hi, wait... 👀 </h3>
+
+    <h1>HELLO WORLD</h1>
+    <h3>CSS with <sub>sub_down</sub> and <sup>sup_up tags</sup></h3>
+    <p>Enjoy Pure CSS Power </p>
+    <img src="ransome.jpg" alt="Image Description">
+</body>
+</html>
+

color.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>jsFunctions&#128272;</title>      
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <h3 id="h3" style="margin-top: 20px;"> 🖐  👀 </h3>
+    <h1 id="h1">javaScript codes with test-buttons.</h1>
+     <img id="img1" src="vinkel.jpg"> 
+     <img id="img2" src="MindFuck.png" >
+      <img src="turnLeft.png" id="resetImg" style="display: none;" onclick="resetPage()">
+  
+    <div id="text"></div>
+    <div class="button-container" id="btns">
+    <button id="mirrorPageBtn" onclick="mirrorPage()">Mirror</button>
+    <button id="messUpBtn" onclick="messUp()">MessUp</button> 
+    <button id="spinnPageBtn" onclick="spinnPage()">Spinner</button> 
+    <button id="turnRightBtn" onclick="turnRight()">Turn Right</button>
+    <button id="colorFlashBtn" onclick="colorFlash()">Color Flash</button> 
+    <button id="step360Btn" onclick="rotate360()">3 Step=360dgs</button> 
+    <button id="goEmptyBtn" onclick="go_empty()">Go Empty</button> 
+    <button id="freezeBtn" onclick="freez()">Freeze⚠️</button> 
+ </div>     
+    <script src="app.js"></script>
+</body>
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

index.html

@@ -0,0 +1,58 @@
+     body {
+            background-color: red;
+            text-align: center; 
+        }
+
+        .button-container {
+            display: flex;     
+            gap: 10px;           
+            flex-wrap: wrap;     
+            justify-content: center; 
+        } 
+
+      #resetImg, #img2 {
+            display: none;
+        }
+   
+    #resetImg {
+    display: none; 
+    border: 5px solid white; 
+    margin-top: 20px; 
+}
+
+        button {
+            padding: 12px 24px; 
+            border: none;
+            border-radius: 15px;
+            color: white; 
+            font-size: 1rem; 
+            cursor: pointer;
+            margin: 10px;
+          
+        }
+
+        #messUpBtn {
+            background-color: #FFFF00; /* yellow */
+            color: black;
+        }
+        #mirrorPageBtn {
+            background-color: #333333; /* dark grey */
+        }
+        #spinnPageBtn {
+            background-color: #4CAF50; /* Green */
+        }
+        #turnRightBtn {
+            background-color: #2196F3; /* Blue */
+        }
+        #colorFlashBtn {
+            background-color: #FF9800; /* Orange */
+        }
+        #step360Btn {
+            background-color: #9C27B0; /* Purple */
+        }
+        #goEmptyBtn {
+            background-color: #FF5722; /* Deep Orange */
+        }
+        #freezeBtn {
+            background-color: #607D8B; /* Blue Grey */
+        }