🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ./../../../../../domains/584752.klas4s23.mid-ica.nl/public_html/java.js

//---------------------------------------anchor--------------------------------------
const scrollOffset = 1000; // Change this value to set your custom landing position

document.querySelectorAll('.menu-anchor a').forEach(anchor => {
    anchor.addEventListener('click', function(e) {
        e.preventDefault(); // Prevent default anchor click behavior

        const targetId = this.getAttribute('href'); // Get the target section ID
        const targetElement = document.querySelector(targetId); // Get the target element

        if (targetElement) {
            const targetPosition = targetElement.getBoundingClientRect().top + window.scrollY; // Get target position relative to the document
            window.scrollTo({
                top: targetPosition - scrollOffset, // Scroll position with custom offset
                behavior: 'smooth' // Smooth scrolling effect
            });
        }
    });
});


//---------------------------------carousel---------------------------------------------
let currentSlide = 0;
const slideDuration = 7000; // Duration to auto-change slides
let timer; // Timer variable

function showSlide(index) {
    const slides = document.querySelectorAll('.carousel-item');
    if (index >= slides.length) {
        currentSlide = 0; // Loop back to the first slide
    } else if (index < 0) {
        currentSlide = slides.length - 1; // Go to the last slide
    } else {
        currentSlide = index;
    }

    const offset = -currentSlide * 100; // Calculate the offset
    document.querySelector('.carousel-inner').style.transform = `translateX(${offset}%)`;
}

function nextSlide() {
    showSlide(currentSlide + 1);
    resetTimer(); // Reset the timer when moving to the next slide
}

function prevSlide() {
    showSlide(currentSlide - 1);
    resetTimer(); // Reset the timer when moving to the previous slide
}

function resetTimer() {
    clearInterval(timer); // Clear the existing timer
    startTimer(); // Restart the timer
}

function startTimer() {
    timer = setInterval(nextSlide, slideDuration); // Set a new timer for auto-changing slides
}

startTimer(); // Start the initial timer


var AsciiMorph = (function() {

    'use strict';
    
    var element = null;
    var canvasDimensions = {};
    
    var renderedData = [];
    var framesToAnimate = [];
    var myTimeout = null;
    
    /**
     * Utils
     */
  
    function extend(target, source) {
      for (var key in source) {
        if (!(key in target)) {
          target[key] = source[key];              
        }
      }
      return target;
    }
    
    function repeat(pattern, count) {
        if (count < 1) return '';
        var result = '';
        while (count > 1) {
            if (count & 1) result += pattern;
            count >>= 1, pattern += pattern;
        }
        return result + pattern;
    }
    
    function replaceAt(string, index, character ) {
      return string.substr(0, index) + character + string.substr(index+character.length);
    }
    
    /**
     * AsciiMorph
     */
  
    function init(el, canvasSize) {
      
      // Save the element
      element = el;
      canvasDimensions = canvasSize;
    }
    
    function squareOutData(data) {
       var i;
      var renderDimensions = {
        x: 0,
        y: data.length
      };
  
      // Calculate centering numbers
      for( i = 0; i < data.length; i++ ) {
        if( data[i].length > renderDimensions.x) {
          renderDimensions.x = data[i].length
        }
      }
      
      // Pad out right side of data to square it out
      for( i = 0; i < data.length; i++ ) {
        if( data[i].length < renderDimensions.x) {
          data[i] = (data[i] + repeat(' ', renderDimensions.x - data[i].length ));
        }
      }
      
      var paddings = {
        x: Math.floor((canvasDimensions.x - renderDimensions.x) / 2),
        y: Math.floor((canvasDimensions.y - renderDimensions.y) / 2)
      }
      
      // Left Padding
      for( var i = 0; i < data.length; i++ ) {
        data[i] = repeat(' ', paddings.x) + data[i] + repeat(' ', paddings.x);
      }
      
      // Pad out the rest of everything
      for( var i = 0; i < canvasDimensions.y; i++ ) {
        if( i < paddings.y) {
          data.unshift( repeat(' ', canvasDimensions.x));
        } else if (i > (paddings.y + renderDimensions.y)) {
          data.push( repeat(' ', canvasDimensions.x));
        }
      }
      
      return data;
    }
    
    // Crushes the frame data by 1 unit.
    function getMorphedFrame(data) {
      
      var firstInLine, lastInLine = null;
      var found = false;
      for( var i = 0; i < data.length; i++) {
        
        var line = data[i];
        firstInLine = line.search(/\S/);
        if( firstInLine === -1) {
          firstInLine = null;
        }
        
        for( var j = 0; j < line.length; j++) {
          if( line[j] != ' ') {
            lastInLine = j;
          }
        }
        
        if( firstInLine !== null && lastInLine !== null) {
          data = crushLine(data, i, firstInLine, lastInLine)
          found = true;
        }
    
        firstInLine = null, lastInLine = null;
      }
      
      if( found ) {
        return data;
      } else {
        return false;
      }
    }
    
    function crushLine(data, line, start, end) {
      
      var centers = {
        x: Math.floor(canvasDimensions.x / 2),
        y: Math.floor(canvasDimensions.y / 2)
      }
      
      var crushDirection = 1;
      if( line > centers.y ) {
        crushDirection = -1;
      }
      
      var charA = data[line][start];
      var charB = data[line][end];
      
      data[line] = replaceAt(data[line], start, " ");
      data[line] = replaceAt(data[line], end, " ");
  
      if( !((end - 1) == (start + 1)) && !(start === end) && !((start + 1) === end)) {
        data[line + crushDirection] = replaceAt(data[line + crushDirection], (start + 1), '+*/\\'.substr(Math.floor(Math.random()*'+*/\\'.length), 1));
        data[line + crushDirection] = replaceAt(data[line + crushDirection], (end - 1), '+*/\\'.substr(Math.floor(Math.random()*'+*/\\'.length), 1));
      } else if ((((start === end) || (start + 1) === end)) && ((line + 1) !== centers.y && (line - 1) !== centers.y && line !== centers.y)) {
        data[line + crushDirection] = replaceAt(data[line + crushDirection], (start), '+*/\\'.substr(Math.floor(Math.random()*'+*/\\'.length), 1));
        data[line + crushDirection] = replaceAt(data[line + crushDirection], (end), '+*/\\'.substr(Math.floor(Math.random()*'+*/\\'.length), 1));
      }
      
      return data;
    }
    
    function render(data) {
      var ourData = squareOutData(data.slice());
      renderSquareData(ourData);
    }
    
    function renderSquareData(data) {
      element.innerHTML = '';
      for( var i = 0; i < data.length; i++ ) {
        element.innerHTML = element.innerHTML + data[i] + '\n';
      }
      
      renderedData = data;
    }
    
    // Morph between whatever is current, to the new frame
    function morph(data) {
      
      clearTimeout(myTimeout);
      var frameData = prepareFrames(data.slice());
      animateFrames(frameData);
    }
    
    function prepareFrames(data) {
      
      var deconstructionFrames = [];
      var constructionFrames = [];
  
      var clonedData = renderedData
      
      // If its taking more than 100 frames, its probably somehow broken
      // Get the deconscrution frames
      for(var i = 0; i < 100; i++) {
        var newData = getMorphedFrame(clonedData);
        if( newData === false) {
          break;
        }
        deconstructionFrames.push(newData.slice(0)); 
        clonedData = newData;
      }
      
      // Get the constuction frames for the new data
      var squareData = squareOutData(data);
      constructionFrames.unshift(squareData.slice(0));
      for( var i = 0; i < 100; i++ ) {
        var newData = getMorphedFrame(squareData);
        if( newData === false) {
          break;
        }
        constructionFrames.unshift(newData.slice(0));
        squareData = newData;
      }
      
      return deconstructionFrames.concat(constructionFrames)
    }
    
    function animateFrames(frameData) {
      framesToAnimate = frameData;
      animateFrame();
    }
    
    function animateFrame() {
      myTimeout = setTimeout(function() {
        
        renderSquareData(framesToAnimate[0]);
        framesToAnimate.shift();
        if( framesToAnimate.length > 0 ) {
          animateFrame();
        }
      }, 20)
  
      // framesToAnimate
    }
  
    function main(element, canvasSize) {
      
      if( !element || !canvasSize ) {
        console.log("sorry, I need an element and a canvas size");
        return;   
      }
      
      init(element, canvasSize);
    }
  
    return extend(main, {
      render: render,
      morph: morph
    });
    
  })();
  
  var element = document.querySelector('pre');
  AsciiMorph(element, {x: 51,y: 28});
  
  var asciis = [[
  "                _ooOoo_",
  "               o8888888o",
  "               88\" . \"88",
  "               (| -_- |)",
  "               O\\  =  /O",
  "            ____/`---'\\____",
  "          .'  \\\\|     |//  `.",
  "         /  \\\\|||  :  |||//  \\",
  "        /  _||||| -:- |||||_  \\",
  "        |   | \\\\\\  -  /'| |   |",
  "        | \\_|  `\\`---'//  |_/ |",
  "        \\  .-\\__ `-. -'__/-.  /",
  "      ___`. .'  /--.--\\  `. .'___",
  "   .\"\" '<  `.___\\_<|>_/___.' _> \\\"\".",
  "  | | :  `- \\`. ;`. _/; .'/ /  .' ; |",
  "  \\  \\ `-.   \\_\\_`. _.'_/_/  -' _.' /",
  "===`-.`___`-.__\\ \\___  /__.-'_.'_.-'===",
  "                `=--=-'    "
  ],
  
  [
  "                             /",
  "                            /",
  "                           /;",
  "                          //",
  "                         ;/",
  "                       ,//",
  "                   _,-' ;_,,",
  "                _,'-_  ;|,'",
  "            _,-'_,..--. |",
  "    ___   .'-'_)'  ) _)\\|      ___",
  "  ,'\"\"\"`'' _  )   ) _)  ''--'''_,-'",
  "-={-o-  /|    )  _)  ) ; '_,--''",
  "  \\ -' ,`.  ) .)  _)_,''|",
  "   `.\"(   `------''     /",
  "     `.\\             _,'",
  "       `-.____....-\\\\",
  "                 || \\\\",
  "                 // ||",
  "                //  ||",
  "            _-.//_ _||_,",
  "              ,'  ,-'/"
  ],
  
  [
  "      \\`.     ___",
  "       \\ \\   / __>0",
  "   /\\  /  |/' / ",
  "  /  \\/   `  ,`'--.",
  " / /(___________)_ \\",
  " |/ //.-.   .-.\\\\ \\ \\",
  " 0 // :@ ___ @: \\\\ \/",
  "   ( o ^(___)^ o ) 0",
  "    \\ \\_______/ /",
  "/\\   '._______.'--.",
  "\\ /|  |<_____>    |",
  " \\ \\__|<_____>____/|__",
  "  \\____<_____>_______/",
  "      |<_____>    |",
  "      |<_____>    |",
  "      :<_____>____:",
  "     / <_____>   /|",
  "    /  <_____>  / |",
  "   /___________/  |",
  "   |           | _|__",
  "   |           | ---||_",
  "   |   |L\\/|/  |  | [__]",
  "   |  \\|||\\|\\  |  /",
  "   |           | /",
  "   |___________|/"
  ],
  
  [
  "     .--------.",
  "    / .------. \\",
  "   / /        \\ \\",
  "   | |        | |",
  "  _| |________| |_",
  ".' |_|        |_| '.",
  "'._____ ____ _____.'",
  "|     .'____'.     |",
  "'.__.'.'    '.'.__.'",
  "'.__  |      |  __.'",
  "|   '.'.____.'.'   |",
  "'.____'.____.'____.'",
  "'.________________.'",
  ],
  
  [
  "         ____",
  "        o8%8888,",
  "      o88%8888888.",
  "     8'-    -:8888b",
  "    8'         8888",
  "   d8.-=. ,==-.:888b",
  "   >8 `~` :`~' d8888",
  "   88         ,88888",
  "   88b. `-~  ':88888",
  "   888b ~==~ .:88888",
  "   88888o--:':::8888",
  "   `88888| :::' 8888b",
  "   8888^^'       8888b",
  "  d888           ,%888b.",
  " d88%            %%%8--'-.",
  "/88:.__ ,       _%-' ---  -",
  "    '''::===..-'   =  --.  `",
   ],
  
   [
  "      _      _      _",
  "   __(.)< __(.)> __(.)=",
  "   \\___)  \\___)  \\___)  ",
  "          _      _      _",
  "       __(.)< __(.)> __(.)=",
  "       \\___)  \\___)  \\___)   ",
  "      _      _      _",
  "   __(.)< __(.)> __(.)=",
  "   \\___)  \\___)  \\___)   ",
  "          _      _      _",
  "       __(.)< __(.)> __(.)=",
  "       \\___)  \\___)  \\___)  "
   ],
   [
     "   _",
     "  | |",
     "  |_|",
     "  /_\\    \\ | /",
    " .-\"\"\"------.----.",
    " |          U    |",
    " |               |",
    " | ====o======== |",
    " | ============= |",
    " |               |",
    " |_______________|",
    " | ________GF337 |",
    " ||   Welcome   ||",
    " ||             ||",
    " ||_____________||",
    " |__.---\"\"\"---.__|",
    " |---------------|",
    " |[Yes][(|)][ No]|",
    " | ___  ___  ___ |",
    " |[<-'][CLR][.->]|",
    " | ___  ___  ___ |",
    " |[1__][2__][3__]|",
    " | ___  ___  ___ |",
    " |[4__][5__][6__]|",
    " | ___  ___  ___ |",
    " |[7__][8__][9__]|",
    " | ___  ___  ___ |",
    " |[*__][0__][#__]|",
    " `--------------'",
    " {__|\"\"|_______'-",
    " `---------------'"
  ]
];

  
  AsciiMorph.render(asciis[0]);
  
  var currentIndex = 2;
  
  setTimeout(function() {
    AsciiMorph.morph(asciis[1]);
  }, 1000);
  
  setInterval(function() {
    AsciiMorph.morph(asciis[currentIndex]);
    currentIndex++;
    currentIndex%= asciis.length;
  }, 3000);

  const toggleSwitch = document.getElementById('theme-toggle');
  const body = document.body;
  
  // Function to apply the theme
  function applyTheme(theme) {
      if (theme === 'light-mode') {
          body.classList.add('light-mode');
          toggleSwitch.checked = true;
      } else {
          body.classList.remove('light-mode');
          toggleSwitch.checked = false;
      }
      localStorage.setItem('theme', theme); // Save the current theme
  }
  
  // Check for saved theme in localStorage
  const savedTheme = localStorage.getItem('theme');
  
  if (savedTheme) {
      applyTheme(savedTheme);
  } else {
      // If no saved theme, check the browser's preferred color scheme
      const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
      const prefersLightMode = window.matchMedia('(prefers-color-scheme: light)').matches;
  
      if (prefersDarkMode) {
          applyTheme('dark-mode');
      } else if (prefersLightMode) {
          applyTheme('light-mode');
      } else {
          // Default to dark mode if no preference detected
          applyTheme('dark-mode');
      }
  }
  
  // Add event listener to the checkbox
  toggleSwitch.addEventListener('change', () => {
      if (toggleSwitch.checked) {
          applyTheme('light-mode');
      } else {
          applyTheme('dark-mode');
      }
  });
  
  
  document.getElementById('form').addEventListener('submit', function(event) {
    const name = document.getElementById('name').value;
    const email = document.getElementById('email').value;
    const message = document.getElementById('message').value;

    if (!name || !email || !message) {
        alert('Please fill out all fields.');
        event.preventDefault(); // Prevent form submission
    } else if (!validateEmail(email)) {
        alert('Please enter a valid email address.');
        event.preventDefault(); // Prevent form submission
    }
});

function validateEmail(email) {
    const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return regex.test(email);
}

🎯 Available Actions