
<!--

_________________________________________
    _     _                              
    /|   /                     /         
---/-| -/-----__---__----__---/-__----__-
  /  | /    /   ) (_ ` /   ) /(     /   )
_/___|/____(___/_(__)_(___(_/___\__(___(_
                                        
-->

<html>
<head>
  <meta charset="UTF-8">
  <title>Nosaka — Main</title>
  <meta content="https://nosaka.netlify.app/attachments/img/white_space.png" property="og:image" />
  <meta name="twitter:card" content="summary_large_image">
  <meta content="#2b2d31" data-react-helmet="true" name="theme-color" />
  <link rel="stylesheet" href="./style.css">
  <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>

<video class="background" src="attachments/vid/snow.mp4" autoplay loop muted playsinline></video>
<video class="lightleakloop" src="attachments/vid/lightleak2.mp4" autoplay loop muted playsinline></video>
<audio id="background_audio" class="background_music" src="attachments/aud/DERPCAT_somethingdifferent.mp3" loop autoplay></audio>

<body data-abinfotoggle="false" id="preloader">

<!-- START -->
<div class="preloader"></div>


<div id="blur-around"></div>


<p1 class="now_playing_text1"><span>Now Playing</span></p1>
<p1 class="now_playing_text2"><span>♦ Something Different ━ Derpcat (feat. Talurre) ♦</span></p1>
<h1 class="text0left"><span>✦</span></h1>
<h1 class="text0right"><span>✦</span></h1>
<h1 class="text0leftsmall"><span>✦</span></h1>
<h1 class="text0rightsmall"><span>✦</span></h1>
<h1 class="text1"><span>Don't Let The Past</span></h1>
<h1 class="text2"><span>Stop Where You Are</span></h1>
<h1 class="text3"><span>Create More Memories</span></h1>
<h1 class="text4"><span>And Keep This Train Moving</span></h1>
<img class="textlast" src="attachments/img/white_space_nodesc.png" draggable="false"/>
<img class="train" src="attachments/img/train.png" draggable="false"/>
<p1 class="left1"><span>━</span></p1>
<p1 class="right1"><span>━</span></p1>
<a href="#about">
  <p1 class="right2"><span>⇣</span></p1>
</a>


<!-- First Page -->


<p1 id="main"> </p1>
<p1 class="discord_name"><span>_nosaka.</span></p1>
<p1 class="username"><span>Nosaka</span></p1>
<p1 class="username_bracket_left"><span> </span></p1>
<p1 class="username_bracket_right"><span> </span></p1>


<!-- Second Page -->


<p1 id="about"> </p1>
<p1 class="about_me"><span>About Me</span></p1>
<p1 class="about_bracket_left"><span>+</span></p1>
<p1 class="about_bracket_right"><span>+</span></p1>
<a href="https://www.pixiv.net/en/artworks/119753575" target="_blank" rel="noopener noreferrer"><img class="pfp" src="attachments/img/pfp.png" draggable="false"/></a>
<p1 class="pfp_name"><span>Nosaka</span></p1>
<p1 class="pfp_border"><span>|</span></p1>
<p1 class="current_status"><span>
━━━━━<br>
Age: Minor <br>
Occupation: Student <br>
Hobby: Developer <br>
━━━━━
</span></p1>
<p1 class="gender"><span>Agender . Aromantic . Asexual</span></p1>
<p1 class="end_status"><span>
.<br>
.<br>
.<br>
.<br>
✦<br>
</span></p1>


<!-- Second Page (Panel) -->


<p1 class="left1_about"><span>━</span></p1>
<a href="#main">
  <p1 class="left2_about"><span>⇡</span></p1>
</a>
<p1 class="right1_about"><span>━</span></p1>
<a href="#projects">
  <p1 class="right2_about"><span>⇣</span></p1>
</a>
<img class="white_space_about" src="attachments/img/white_space_nodesc.png" draggable="false"/>


<!-- Third Page -->


<p1 id="projects"> </p1>

<p1 class="my_projects"><span>My Projects</span></p1>
<p1 class="projects_bracket_left"><span>+</span></p1>
<p1 class="projects_bracket_right"><span>+</span></p1>
<p1 class="lynx_mains_string"><span>
.<br>
.<br>
.<br>
.<br>
✦<br>
</span></p1>
<a href="https://discord.gg/dnH5ZyFMUY" target="_blank" rel="noopener noreferrer"><img class="lynx_mains_icon" src="attachments/img/lynx_mains_icon.png" draggable="false"/></a>
<p1 class="lynx_mains_title"><span>♦ Lynx Mains ♦</span></p1>
<p1 class="lynx_mains_roles"><span>Founder ━ Administrator</span></p1>
<p1 class="home_bots_string"><span>
.<br>
.<br>
.<br>
.<br>
✦<br>
</span></p1>
<a href="https://discord.gg/NGRxxxTfvT" target="_blank" rel="noopener noreferrer"><img class="home_bots_icon" src="attachments/img/home_bots_icon.png" draggable="false"/></a>
<p1 class="home_bots_title"><span>♦ Home Bots ♦</span></p1>
<p1 class="home_bots_roles"><span>Lead Designer ━ Developer</span></p1>
<p1 class="projects_diamond"><span>
⬩<br>
⬩<br>
❖<br>
⬩<br>
⬩<br>
</span></p1>

<!-- Third Page (Panel) -->


<p1 class="left1_projects"><span>━</span></p1>
<a href="#about">
  <p1 class="left2_projects"><span>⇡</span></p1>
</a>
<p1 class="right1_projects"><span>━</span></p1>
<img class="white_space_projects" src="attachments/img/white_space_nodesc.png" draggable="false"/>



<p1 class="end_border"><span>a</span></p1>
<!-- END -->

<script src="./script.js"></script>

</body>
</html>
