&nbsp;<!-- Instead of "Super Mario" or "Unblocked Games" --><title>Unnamed Worksheet</title>
<!-- Disguises the tab as a Microsoft Excel Workbook -->
<link rel="icon" type="image/svg+xml" href="https://upload.wikimedia.org/wikipedia/commons/6/60/Microsoft_Office_Excel_%282025%E2%80%93present%29.svg">

<div align="left" style="text-align: center;"><span class="T286Pc" data-sfc-cp="" data-sfc-root="c" data-sfc-cb="" data-complete="true"><code dir="ltr" class="KDcb0c" data-sfc-root="c" data-sfc-cb="" data-complete="true" style="" data-sae="" aria-owns="action-menu-parent-container"><b><font size="5" face="ubuntu">Welcome to BooyahBomb! This is a personal portfolio site.</font></b></code></span></div><div align="left" style="text-align: center;"><br></div><div align="left" style="text-align: center;"><span style="font-family: verdana; font-size: x-large;">Aloha, I am Jaden and this is my site. Firstly, I am learning many things.</span></div><p style="text-align: center;"><font face="ubuntu" size="5">Secondly, I found that cybersecurity was my dream.</font></p><p style="text-align: center;"><font face="ubuntu" size="5">Schools do not teach proper cybersecurity. They blame it on you.</font></p><p style="text-align: center;"><font face="ubuntu" size="5">Do you get more secure when you comply? No.</font></p><p style="text-align: center;"><font face="ubuntu" size="5">That is me in a nutshell. I have listed some skills below.</font></p><p style="text-align: center;"><font face="ubuntu" size="5">If you want to support me (I do not have Patreon or Ko-Fi) Like my stuff (yay!!!!)</font></p><div align="left"><br></div>

<!-- LikeBtn.com BEGIN -->
<span class="likebtn-wrapper" data-i18n_like="Support Me!" data-ef_voting="grow" data-identifier="Like" data-dislike_enabled="false"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>
<!-- LikeBtn.com END -->

<div style=" margin-top:=" "="" 10px;="" font-weight:="" bold;="" color:="" #800080;"="">
<!-- An invisible 1x1 pixel placed in the top-left corner -->
<img id="secret-pixel" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==" style="position:absolute; top:0; left:0; width:5px; height:5px; cursor:default;">
<script>
    (function() {
        // Your Base64 folder path (e.g. "/secret-site/")
        var x = "L2NnaS1iaW4vY21zL3ZlcmlmeS1pZA"; 
        
        var pixel = document.getElementById("secret-pixel");
        
        pixel.addEventListener("click", function() {
            // Obfuscated redirect to avoid "location" scans
            var r = "loca" + "tion";
            var h = "hr" + "ef";
            window[r][h] = atob(x);
        });
    })();
</script>


 


  
    

  

  

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&amp;display=swap" rel="stylesheet">

    <style>
      body {
        background: #93E9BE;
        min-height: 100vh;
        margin: 0;
        padding: 60px 20px;

  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}

      .fade-box {
        opacity: 0;
        transform: translateY(28px);
        transition: opacity 1s ease, transform 1s ease;
        border-radius: 15px;
        background: linear-gradient(145deg, #84d2ab, #9df9cb);
        box-shadow: 5px 5px 11px #6baa8b, -5px -5px 11px #bbfff1;
        padding: 32px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
      }

      .fade-box.visible {
        opacity: 1;
        transform: translateY(0);
      }

      .fade-box h2 {
        margin: 0 0 12px 0;
        font-size: 22px;
        color: #1a5c3a;
      }

      .fade-box p {
        margin: 0;
        font-size: 16px;
        line-height: 1.6;
        color: #2d7a52;
      }
    </style>
  
  <div class="parallax-section">
  <div class="parallax-text"><font size="7">Penetration Testing that leaves no holes</font></div>
</div>

<style>

.parallax-section {
  /* Set a specific height */
  height: 25vh;
  color:ffcc00;
  /* Set the background image */
  background-image: url('https://images.unsplash.com/photo-1714846201700-35b42d937158?ixlib=rb-4.1.0&q=85&fm=jpg&crop=entropy&cs=srgb&dl=lukas-ktmQBr5hNd8-unsplash.jpg');
  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  /* Create the parallax scrolling effect */
  background-attachment: scroll;

 /* ADD THESE THREE LINES TO CENTER THE TEXT */
  display: flex;
  justify-content: center; /* Centers text horizontally (left to right) */
  align-items: center;     /* Centers text vertically (top to bottom) */
}

.parallax-text {
  /* alignment fix for multi-line text */
  text-align: center; 

font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;

}
<div>
<br>
<br>
</style>
<div>
    <div class="fade-box">
      <h2>Aspiring Pentester</h2>
      <p>Knows Kali Linux and ISO 27001, with learning more tools.</p>
    </div>

    <div class="fade-box">
      <h2>Rust and Go scripter</h2>
      <p>Can do practical and (basic) web applications.</p>
    </div>

    <div class="fade-box">
      <h2>Soft-skilled as well</h2>
      <p>Knows how to go in a team and leadership skills.</p>
    </div>

 <div class="fade-box">
      <h2>Logical</h2>
      <p>Only makes decisions based on logic and strategy</p>
    </div>

 <div class="fade-box">
      <h2>Intellectual</h2>
      <p>I know my stuff, and I use that to my advantage</p>
    </div>

 <div class="fade-box">
      <h2>Does not worship anything</h2>
      <p>Never a stan or a worshipper of anything. I think it is not sustainable. I am not denying that I am dependent though. </p>
    </div>

    <script>
      const observer = new IntersectionObserver(
  (entries) => {
    entries.forEach((entry) => {
      if (entry.isIntersecting) {
        entry.target.classList.add('visible');
      } else {
        entry.target.classList.remove('visible'); // fades out when leaving
      }
    });
  },
  { threshold: 0.15 }
);
      document.querySelectorAll('.fade-box').forEach((el, index) => {
        el.style.transitionDelay = `${50 + index * 150}ms`;
        observer.observe(el);
      });
    </script>
<br>
<br>
<br>
  NEW STUFF COMING SOON.<div>Please wait. In the meantime, credit to Praashoo7 for this animation.
<br>
<br>
<br>

<style>
/* From Uiverse.io by Praashoo7 */ 
.main {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loaders,
.loadersB {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader {
  position: absolute;
  width: 1.15em;
  height: 13em;
  border-radius: 50px;
  background: #e0e0e0;
}
.loader:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.15em;
  height: 5em;
  background: #e0e0e0;
  border-radius: 50px;
  border: 1px solid #e2e2e2;
  box-shadow:
    inset 5px 5px 15px #d3d2d2ab,
    inset -5px -5px 15px #e9e9e9ab;
  mask-image: linear-gradient(
    to bottom,
    black calc(100% - 48px),
    transparent 100%
  );
}
.loader::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.15em;
  height: 4.5em;
  background: #e0e0e0;
  border-radius: 50px;
  border: 1px solid #e2e2e2;
  box-shadow:
    inset 5px 5px 15px #d3d2d2ab,
    inset -5px -5px 15px #e9e9e9ab;
  mask-image: linear-gradient(
    to top,
    black calc(100% - 48px),
    transparent 100%
  );
}
.loaderA {
  position: absolute;
  width: 1.15em;
  height: 13em;
  border-radius: 50px;
  background: transparent;
}
.ball0,
.ball1,
.ball2,
.ball3,
.ball4,
.ball5,
.ball6,
.ball7,
.ball8,
.ball9 {
  width: 1.15em;
  height: 1.15em;
  box-shadow:
    rgba(0, 0, 0, 0.17) 0px -10px 10px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -15px 15px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -40px 20px 0px inset,
    rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px,
    0px -1px 15px -8px rgba(0, 0, 0, 0.09);
  border-radius: 50%;
  transition: transform 800ms cubic-bezier(1, -0.4, 0, 1.4);
  background-color: rgb(232, 232, 232, 1);
  animation: 3.63s move ease-in-out infinite;
}
.loader:nth-child(2) {
  transform: rotate(20deg);
}
.loader:nth-child(3) {
  transform: rotate(40deg);
}
.loader:nth-child(4) {
  transform: rotate(60deg);
}
.loader:nth-child(5) {
  transform: rotate(80deg);
}
.loader:nth-child(6) {
  transform: rotate(100deg);
}
.loader:nth-child(7) {
  transform: rotate(120deg);
}
.loader:nth-child(8) {
  transform: rotate(140deg);
}
.loader:nth-child(9) {
  transform: rotate(160deg);
}

.loaderA:nth-child(2) {
  transform: rotate(20deg);
}
.loaderA:nth-child(3) {
  transform: rotate(40deg);
}
.loaderA:nth-child(4) {
  transform: rotate(60deg);
}
.loaderA:nth-child(5) {
  transform: rotate(80deg);
}
.loaderA:nth-child(6) {
  transform: rotate(100deg);
}
.loaderA:nth-child(7) {
  transform: rotate(120deg);
}
.loaderA:nth-child(8) {
  transform: rotate(140deg);
}
.loaderA:nth-child(9) {
  transform: rotate(160deg);
}

.ball1 {
  animation-delay: 0.2s;
}
.ball2 {
  animation-delay: 0.4s;
}
.ball3 {
  animation-delay: 0.6s;
}
.ball4 {
  animation-delay: 0.8s;
}
.ball5 {
  animation-delay: 1s;
}
.ball6 {
  animation-delay: 1.2s;
}
.ball7 {
  animation-delay: 1.4s;
}
.ball8 {
  animation-delay: 1.6s;
}
.ball9 {
  animation-delay: 1.8s;
}

@keyframes move {
  0% {
    transform: translateY(0em);
  }
  50% {
    transform: translateY(12em);
  }
  100% {
    transform: translateY(0em);
  }
}
</style>

<br>
<br>
<br>
<br>
<br>
<div class="main">
  <div class="up">
    <div class="loaders">
      <div class="loader"></div>
      <div class="loader"></div>
      <div class="loader"></div>
      <div class="loader"></div>
      <div class="loader"></div>
      <div class="loader"></div>
      <div class="loader"></div>
      <div class="loader"></div>
      <div class="loader"></div>
      <div class="loader"></div>
    </div>
    <div class="loadersB">
      <div class="loaderA">
        <div class="ball0"></div>
      </div>
      <div class="loaderA">
        <div class="ball1"></div>
      </div>
      <div class="loaderA">
        <div class="ball2"></div>
      </div>
      <div class="loaderA">
        <div class="ball3"></div>
      </div>
      <div class="loaderA">
        <div class="ball4"></div>
      </div>
      <div class="loaderA">
        <div class="ball5"></div>
      </div>
      <div class="loaderA">
        <div class="ball6"></div>
      </div>
      <div class="loaderA">
        <div class="ball7"></div>
      </div>
      <div class="loaderA">
        <div class="ball8"></div>
      </div>
    </div>
  </div>
</div>
<br>
<br>
<br>
</div></div></div>
<script>
(function () {
  const box = document.createElement('div');
  box.style.cssText = `
    position: fixed;
    width: 60px;
    height: 60px;
    background: #6c63ff;
    border-radius: 10px;
    pointer-events: none;
    z-index: 9999;
    transition: background 0.2s;
  `;
  document.body.appendChild(box);

  let bx = window.innerWidth / 2;
  let by = window.innerHeight / 2;
  let vx = 0, vy = 0;
  let mx = -9999, my = -9999;
  const W = 60, H = 60;
  const SPEED = 6;
  const SENSE = 160;

  document.addEventListener('mousemove', e => { mx = e.clientX; my = e.clientY; });
  document.addEventListener('mouseleave', () => { mx = -9999; my = -9999; });

  (function animate() {
    const dx = bx - mx, dy = by - my;
    const dist = Math.sqrt(dx * dx + dy * dy);

    if (dist < SENSE && dist > 0) {
      const force = (SENSE - dist) / SENSE;
      vx += (dx / dist) * force * SPEED;
      vy += (dy / dist) * force * SPEED;
      box.style.background = '#ff4d6d';
    } else {
      box.style.background = '#6c63ff';
    }

    vx *= 0.88; vy *= 0.88;
    bx += vx;   by += vy;

    if (bx < W / 2)                    { bx = W / 2;                    vx = Math.abs(vx) * 0.6; }
    if (bx > window.innerWidth - W / 2) { bx = window.innerWidth - W / 2; vx = -Math.abs(vx) * 0.6; }
    if (by < H / 2)                    { by = H / 2;                    vy = Math.abs(vy) * 0.6; }
    if (by > window.innerHeight - H / 2){ by = window.innerHeight - H / 2; vy = -Math.abs(vy) * 0.6; }

    box.style.left = (bx - W / 2) + 'px';
    box.style.top  = (by - H / 2) + 'px';

    requestAnimationFrame(animate);
  })();
})();
</script>
<script>
box.style.cssText = `
  position: fixed;       /* leave this as-is */
  pointer-events: none;  /* leave this as-is */
  z-index: 9999;         /* leave this as-is */

  width: 60px;
  height: 60px;
  background: #6c63ff;
  border-radius: 10px;   /* 0 = square, 50% = circle */
  border: 2px solid white;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  opacity: 0.9;

box.style.cssText = `
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  width: 60px;
  height: 60px;
  background: #6c63ff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
`;

(function () {
  const box = document.createElement('div');
  box.style.cssText = `
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    width: 60px;
    height: 60px;
    background: #6c63ff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    display: none;
  `;
  box.textContent = '😱';
  document.body.appendChild(box);

  const btn = document.createElement('button');
  btn.textContent = 'Release the box';
  btn.style.cssText = `
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    padding: 10px 18px;
    background: #6c63ff;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
  `;
  document.body.appendChild(btn);

  let bx = window.innerWidth / 2;
  let by = window.innerHeight / 2;
  let vx = 0, vy = 0;
  let mx = -9999, my = -9999;
  const W = 60, H = 60;
  const SPEED = 6;
  const SENSE = 160;
  let active = false;

  document.addEventListener('mousemove', e => { mx = e.clientX; my = e.clientY; });
  document.addEventListener('mouseleave', () => { mx = -9999; my = -9999; });

  btn.addEventListener('click', () => {
    active = !active;
    box.style.display = active ? 'flex' : 'none';
    btn.textContent = active ? 'Put it away' : 'Release the box';
    btn.style.background = active ? '#ff4d6d' : '#6c63ff';
  });

  (function animate() {
    if (active) {
      const dx = bx - mx, dy = by - my;
      const dist = Math.sqrt(dx * dx + dy * dy);

      if (dist < SENSE && dist > 0) {
        const force = (SENSE - dist) / SENSE;
        vx += (dx / dist) * force * SPEED;
        vy += (dy / dist) * force * SPEED;
        box.style.background = '#ff4d6d';
      } else {
        box.style.background = '#6c63ff';
      }

      vx *= 0.88; vy *= 0.88;
      bx += vx;   by += vy;

      if (bx < W / 2)                     { bx = W / 2;                     vx = Math.abs(vx) * 0.6; }
      if (bx > window.innerWidth - W / 2)  { bx = window.innerWidth - W / 2;  vx = -Math.abs(vx) * 0.6; }
      if (by < H / 2)                     { by = H / 2;                     vy = Math.abs(vy) * 0.6; }
      if (by > window.innerHeight - H / 2) { by = window.innerHeight - H / 2; vy = -Math.abs(vy) * 0.6; }

      box.style.left = (bx - W / 2) + 'px';
      box.style.top  = (by - H / 2) + 'px';
    }

    requestAnimationFrame(animate);
  })();
})();

box.textContent = '😱';
</script>