My Computer
Notepad
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Ryuken - Quincy Vibes</title>
  <link href="https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap" rel="stylesheet">
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      background-color: #fef6e4;
      background-image: 
        linear-gradient(#fcd5ce 1px, transparent 1px),
        linear-gradient(90deg, #fcd5ce 1px, transparent 1px);
      background-size: 40px 40px;
      font-family: 'Comic Neue', cursive;
      color: #333;
      padding: 20px;
    }

    .wrapper {
      display: grid;
      grid-template-columns: 220px 1fr 220px;
      gap: 20px;
      max-width: 1400px;
      margin: auto;
    }

    .sidebar, .sidebox, .main {
      background: #fff;
      border: 3px dashed #ffb703;
      border-radius: 16px;
      padding: 20px;
      box-shadow: 4px 4px 0 #ffb703;
    }

    .sidebar h3,
    .sidebox h4 {
      text-align: center;
      color: #fb8500;
      margin-bottom: 10px;
      font-size: 1.8rem;
    }

    .sidebar a {
      display: block;
      text-decoration: none;
      color: #0077b6;
      margin: 10px 0;
      font-size: 1.2rem;
      transition: all 0.2s ease;
    }

    .sidebar a:hover {
      text-decoration: underline;
      color: #023047;
    }

    .main h1 {
      font-size: 3rem;
      color: #ff006e;
      text-align: center;
      margin-bottom: 10px;
    }

    .main h2 {
      font-size: 1.6rem;
      color: #8338ec;
      text-align: center;
      margin-bottom: 20px;
    }

    .main p {
      font-size: 1.2rem;
      margin: 10px 0;
    }

    .joke {
      background: #ffd6ff;
      border: 2px dotted #ff4d6d;
      color: #d00000;
      padding: 20px;
      margin-top: 30px;
      border-radius: 12px;
    }

    .joke strong {
      color: #6a040f;
      margin-bottom: 10px;
      display: block;
    }

    .sidebox p {
      margin-bottom: 10px;
      font-size: 1.1rem;
    }

    .sidebox span {
      color: #ef233c;
      font-size: 1.4rem;
    }

    footer {
      text-align: center;
      margin-top: 40px;
      font-size: 1rem;
      color: #555;
    }

    /* Responsive Styles */
    @media screen and (max-width: 1024px) {
      .wrapper {
        grid-template-columns: 200px 1fr;
      }

      .sidebox {
        display: none;
      }
    }

    @media screen and (max-width: 768px) {
      .wrapper {
        grid-template-columns: 1fr;
      }

      .sidebar {
        order: -1;
        margin-bottom: 20px;
      }

      .main h1 {
        font-size: 2.3rem;
      }

      .main h2 {
        font-size: 1.4rem;
      }

      .main p, .sidebar a {
        font-size: 1.1rem;
      }
    }

    @media screen and (max-width: 480px) {
      body {
        padding: 10px;
      }

      .main h1 {
        font-size: 2rem;
      }

      .main h2 {
        font-size: 1.2rem;
      }

      .main p, .sidebar a, .sidebox p {
        font-size: 1rem;
      }

      .sidebar h3, .sidebox h4 {
        font-size: 1.4rem;
      }
    }
  </style>
</head>
<body>
  <div class="wrapper">
    <!-- Left Sidebar -->
    <div class="sidebar">
      <h3>Menu</h3>
      <a href="#">Du Du Du</a>
      <a href="https://www.instagram.com/ryuzaki.racist/">Racist App</a>
      <a href="https://github.com/1ryuken">Cat which keeps my projects</a>
      <a href="https://www.linkedin.com/in/eshwarsaisajja/">ShowOFF App</a>
      <a href="#">Hmm..</a>
    </div>

    <!-- Main Content -->
    <div class="main">
      <h1>ESHWAR / RYUKEN</h1>
      <h2>霊弓使い | Quincy Cyber Samurai</h2>

      <p>Yo! I'm <strong style="color:#ff006e;">Eshwar</strong>, also known as <strong style="color:#ff006e;">Ryuken</strong> — inspired by the classy Quincy Ryuken Ishida from Bleach 💜</p>
      <p>🎓 Deep in the realm of <strong>Computer Science & Engineering</strong>,on <strong>Cyber Security</strong> @ SNIST.</p>
      <p>I vibe with anime, weird internet holes, and building funky things that shouldn't work but do 😄</p>
      <p>Dislikes? Let’s just say that info is <em>top secret</em>.</p>

      <div class="joke">
        <strong>🐔 What did the annoyed chicken say?</strong>
        <p><em>Fawkofff!!!</em></p>
      </div>
    </div>

    <!-- Right Sidebar -->
    <div class="sidebox">
      <h4>Status</h4>
      <p><em>Alive & Kicking.</em></p>
      <p><strong>Now Playing:</strong><br>Lose Yourself<br>– Eminem 🎧</p>
      <p><strong>Visitors:</strong><br><span>0000</span></p>
    </div>
  </div>

  <footer>
    ryuken@2025 🌱
    <br>
<!--    <img src="https://ranfren.neocities.org/made_with_windows.gif">
-->    <img src="https://ranfren.neocities.org/mailput.gif">
    <a href="https://ranfren.neocities.org/art/ifseenrun.png">
      <img src="https://ranfren.neocities.org/banner.gif"></a>
      <img src="https://ranfren.neocities.org/bestview.gif">
      <img src="https://ranfren.neocities.org/neocities_button.gif">
      <a href="https://hellosailor.neocities.org/portbanners.html">
        <img src="https://ranfren.neocities.org/resin.png"></a>
        <img src="https://ranfren.neocities.org/tropic88ee.gif">
        <img src="https://ranfren.neocities.org/dp_NOW.gif">
        <img src="https://ranfren.neocities.org/camtime.png">
        <img src="https://ranfren.neocities.org/DeadNow.jpg">
        <img src="https://ranfren.neocities.org/neko.gif">
        <img src="https://ranfren.neocities.org/wwwbutton.gif"><br>
        <img src="https://ranfren.neocities.org/gayrat.png">
        <img src="https://ranfren.neocities.org/caretaker.gif">
        <img src="https://ranfren.neocities.org/pensioner.gif">
        <img src="https://ranfren.neocities.org/ubinowbutton.jpg">
        <img src="https://ranfren.neocities.org/nyonrbgif2.gif">
        <img src="https://ranfren.neocities.org/aflag2.jpg">
        <img src="https://ranfren.neocities.org/transflagjp.jpg">
  </footer>
</body>
</html>

Internet
My Files
E-mail
MS-DOS