201 lines
6.4 KiB
HTML
201 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>NeoVoid's Site</title>
|
|
<link href="busy_base2.css" rel="stylesheet" type="text/css" media="all">
|
|
<link href="busy_base2_skin1.css" rel="stylesheet" type="text/css" media="all">
|
|
<link href="ascii.css" rel="stylesheet" type="text/css">
|
|
<link href="colors.css" rel="stylesheet" type="text/css">
|
|
<link rel="icon" type="image/png" href="assets/icon.svg"/>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
|
|
|
</head>
|
|
<style>
|
|
/* Import generated color palette */
|
|
|
|
/* Use the generated colors in your CSS rules */
|
|
.test123 {
|
|
color: var(--color4);
|
|
}
|
|
|
|
figure {
|
|
display: flex;
|
|
align-content: center;
|
|
padding: 9px 7px 0px;
|
|
margin: 0 auto;
|
|
border: 1px solid navajowhite;
|
|
}
|
|
|
|
figcaption {
|
|
color: navajowhite;
|
|
text-align: center;
|
|
font-size: .333em;
|
|
}
|
|
|
|
figcaption a {
|
|
color: white;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
figcaption, small, .footnotes {
|
|
font-size: .865em;
|
|
}
|
|
|
|
.button-50 {
|
|
position: relative;
|
|
appearance: button;
|
|
background-color: rgb(10,5,0,0.85);
|
|
background-image: none;
|
|
border: 1px solid #000;
|
|
border-radius: 4px;
|
|
box-shadow: #aae6ff 4px 4px 0 0,#000 4px 4px 0 1px;
|
|
box-sizing: border-box;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
font-family: ITCAvantGardeStd-Bk,Arial,sans-serif;
|
|
font-size: 1em;
|
|
font-weight: 400;
|
|
line-height: 20px;
|
|
margin: 0 5px 10px 0;
|
|
overflow: visible;
|
|
padding: 17px 34px;
|
|
text-align: center;
|
|
text-transform: none;
|
|
touch-action: manipulation;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.button-50:focus {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button-50:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.button-50:active {
|
|
box-shadow: rgba(0, 0, 0, .125) 0 3px 5px inset;
|
|
outline: 0;
|
|
}
|
|
|
|
.button-50:not([disabled]):active {
|
|
box-shadow: #fff 2px 2px 0 0, #000 2px 2px 0 1px;
|
|
transform: translate(2px, 2px);
|
|
}
|
|
|
|
</style>
|
|
|
|
<body>
|
|
|
|
<div class="wrapper ">
|
|
|
|
|
|
<div class=sidebar>
|
|
<div class="box animate__animated animate__bounceInLeft animate__delay-2s"><div class="sidebar-image"><div class=inner><img src="mysite/chitra/pi/2.webp"></div></div></div>
|
|
<div class="box animate__animated animate__bounceInUp animate__delay-2s"><div class="inner"><p>Name: Neovoid</p><p>Alias: nvpie</p><p>Love: Pineapples</p></div></div>
|
|
|
|
<div class=inner><p><a href="mysite/"><button class="button-50 animate__animated animate__bounceInLeft animate__delay-2s">Enter into the site</button></a></p></div>
|
|
|
|
<figure class="animate__animated animate__flipInY animate__delay-3s">
|
|
<a href="https://envs.net/~neovoid/guestbook"><img src="assets/guestbook.gif" loading="lazy" title="guestbook img" alt="guestbook page turning gif"></a>
|
|
<figcaption>Sign My Guestbook</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
|
|
<div class=main-wrapper>
|
|
|
|
<div class=title>
|
|
<div class="box animate__animated animate__bounceInDown animate__delay-2s"><div class="inner animate__animated animate__pulse"><img src='assets/icon.svg' loading="lazy"/><h2>NeoVoid's Website</h2></div></div>
|
|
</div>
|
|
|
|
<div class="links animate__animated animate__bounceInUp animate__delay-2s">
|
|
<div class=box><div class=inner> <ul>
|
|
<li><a href="/">Home</a></li>
|
|
<li><a href="/nvpiesite/">Blogs</a></li>
|
|
<li><a href="/mysite/#links">links</a></li>
|
|
<li><a href="https://envs.net/~neovoid/notes">Notes</a></li>
|
|
<li><a href="https://envs.net/~neovoid/feels">logs</a></li>
|
|
<li class=last><a href="https://envs.net/~neovoid/guestbook/">Guestbook</a></li>
|
|
</ul></div>
|
|
</div></div>
|
|
|
|
<div class="main single-column">
|
|
<div class="box animate__animated animate__bounceInRight animate__delay-2s" ><div class=inner>
|
|
<P>Welcome to my Site.</p>
|
|
<p>This is my little corner of the internet where I do silly stupid things that can be address as my process to learn sysadmin and programming stuff.</p>
|
|
<p>This is a cover of the another actual site of mine. It hosted on shared pubnix of exozyme. Enter into the site to know more about what I do or write.</p>
|
|
</div></div></div>
|
|
|
|
<div class=main>
|
|
<div class="box animate__animated animate__bounceInLeft animate__delay-2s">
|
|
<div class="inner">
|
|
|
|
<h2>WebDev Projects</h2>
|
|
<ul class="ascii">
|
|
<li>Static Sites/
|
|
<ul>
|
|
<li><a href="catphotoapp/">CatPhotos.html</a></li>
|
|
<li><a href="cafe/">Cafe.html</a></li>
|
|
<li><a href="css_markers/">CSS_COLOR_MARKERS.html</a></li>
|
|
<li><a href="inputInjection/">InputInjection.html</a></li>
|
|
<li><a href="registrationForm/">RegistrationForm.html</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>Dynamic Sites/
|
|
<ul>
|
|
<li><a href="https://envs.net/~neovoid/">CGI Work</a></li>
|
|
<li><a href="https://library.exozy.me">Simple calibre server</a></li>
|
|
<li><a href="https://envs.net/~neovoid/notes/">"Index of" with RTX on</a></li>
|
|
<li><a href="https://envs.net/~neovoid/newboat/">Simple RSS Feed Fetcher</a></li>
|
|
<li><a href="https://cyberchef.exozy.me">Self Hosted instance of cyberchef</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box animate__animated animate__bounceInRight animate__delay-2s">
|
|
<div class="inner">
|
|
|
|
<h2>Personal Site Projects</h2>
|
|
<ul class="ascii">
|
|
<li>Static Sites
|
|
<ul>
|
|
<li><a href="mysite/">My Semantic Site</a></li>
|
|
<li><a href="nvpiesite/">Nvpie Site</a></li>
|
|
<li><a href="http://tmn2shxabknupdf5hi7svac3up5viyv5c6fyjra7emmo2zeepx3h2pad.onion/">Tor Site (shutter down)</a></li>
|
|
</ul>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="footer ">
|
|
<div class="box animate__animated animate__bounceInUp animate__delay-2s"><div class="inner test123">❤️ GLORY TO HANUMAN! ❤️ </div></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script type="text/javascript" src="setbg.js"></script>
|
|
</body>
|
|
</html>
|
|
|
|
<!--
|
|
Credits:
|
|
- Exozy.me for shared hosting
|
|
- eggramen.neocities.org for css
|
|
- open-domains.net for such cool domain.
|
|
- animate.style for css animations
|
|
- Lord Hanuman for inspiration.
|
|
-->
|