Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions .htaccess
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
RewriteEngine On
RewriteRule ^main$ index.html [L]
1 change: 0 additions & 1 deletion CNAME

This file was deleted.

133 changes: 67 additions & 66 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,9 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Portfolio</title>
<title>Gia Huy</title>
<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/png" href="https://media.discordapp.net/attachments/1272766082599485501/1273295579199307858/93f098524d8f9c9a2ec914c865533dc7.webp?ex=66be186a&is=66bcc6ea&hm=d476c13daf914ef82f6ea2e5ba9dfa1cd5f6e694a03dfc6497f99c377094e55c&=&format=webp&width=188&height=188">
<link rel="stylesheet" href="assets/css/util.css">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link rel="stylesheet" href="assets/css/navbar.css">
Expand All @@ -15,19 +16,19 @@
<!-- Website Meta Data -->
<meta name="theme-color" content="#36393e">
<meta name="msapplication-TileColor" content="#36393e">
<meta name="title" content="Zero Two">
<meta name="title" content="Gia Huy">
<meta name="description"
content="The official portfolio of Zero Two#7177, showcasing my skills and projects that i've made">
content="The official portfolio of trumscamvietnam#0, showcasing my skills and projects that i've made">
<meta name="keywords"
content="developer, zero two, freelance developer, programming, pop cat, pop cat api, pop cat discord bot">
<meta name="language" content="English">
<meta name="author" content="Zero Two">
content="developer, gia huy, programming, milo discord bot">
<meta name="language" content="VietNamese">
<meta name="author" content="Gia Huy">
<meta property="og:type" content="website">
<meta property="og:url" content="https://zero.is-a.dev">
<meta property="og:title" content="Zero Two">
<meta property="og:url" content="https://mtheintrude23.github.io">
<meta property="og:title" content="Gia Huy">
<meta property="og:description"
content="The official portfolio of Zero Two#7177, showcasing my skills and projects that i've made">
<meta property="og:image" content="https://zero.is-a.dev/assets/img/website.png">
content="The official portfolio of trumscamvietnam#0, showcasing my skills and projects that i've made">
<meta property="og:image" content="https://media.discordapp.net/attachments/1272766082599485501/1273294532863066264/image.png?ex=66be1771&is=66bcc5f1&hm=6041004d7f4571672d6fe60c086484a157c1a012e5d12975f6b997456fa45ef1&=&format=webp&quality=lossless&width=440&height=209">
<meta property="twitter:card" content="summary_large_image">
<script src="https://cdn.tailwindcss.com"></script>
<!-- Website Meta Data End -->
Expand All @@ -38,7 +39,7 @@
<div class="nav-container-custom nav-wrapper">
<div class="brand">
<span>
<strong class="shine" style="color: white; font-family: monospace; font-size: 30px">Portfolio</strong>
<strong class="shine" style="color: white; font-family: monospace; font-size: 30px">Gia Huy</strong>
</span>
</div>
<div class="hamburger" style="padding-left: 23px;">
Expand All @@ -50,26 +51,27 @@
<li><a class="nav-link" data-scroll="#content-home">Home</a></li>
<li><a class="nav-link" data-scroll="#about">About</a></li>
<li><a class="nav-link" target="_blank" data-scroll="#projects">Projects</a> </li>
<li><a class="nav-link" target="_blank" style="color: #007CF0" href="https://ko-fi.com/popcatdev">Donate</a>
<li><a class="nav-link" target="_blank" style="color: #007CF0" href="#">Donate</a> </li>
<li><a class="nav-link" href="tos.html">TOS Bot</a>
</li>
</ul>
</div>
</nav>

<div class="content" id="content-home">
<div class="social">
<a href="https://popcat.xyz/server" id="discord" target="_blank" class="icon">
<a href="https://discord.gg/Rmhspzhn" id="discord" target="_blank" class="icon">
<i class="fab fa-discord"></i>
</a>
<a href="https://www.instagram.com/sharanpreet._.s" id="instagram" target="_blank" class="icon">
<i class="fab fa-instagram"></i>
<a href="#" id="discord" target="_blank" class="icon">
<i class="fab fa-discord"></i>
</a>
<a href="https://github.com/CoderPopCat" id="github" target="_blank" class="icon">
<a href="https://github.com/mtheintrude23" id="github" target="_blank" class="icon">
<i class="fab fa-github"></i>
</a>
</div>
<div class="text">
<h1 class="shine head">Zero Two.</h1>
<h1 class="shine head">Gia Huy</h1>
<p class="paragraph">Frontend & Backend Developer.</p>
<button class="hero-button nav-link" data-scroll="#projects">Projects</button>
</div>
Expand All @@ -87,9 +89,9 @@ <h1 class="shine head">Zero Two.</h1>
</div>
<div class="about-text">
<h4 class="about-title c-white">About Me</h4>
<p class="about-description grey">I am a Full Stack Developer and a computer enthusiast. I have a good
<p class="about-description grey">I am a Normal Developers and a computer enthusiast. I have a good
knowledge
of HTML, CSS, Javascript, Nodejs, Reactjs, MongoDB, Git, and more.</p>
of HTML, Python, Javascript, Nodejs, Git</p>
</div>
</div>
</div>
Expand Down Expand Up @@ -127,7 +129,7 @@ <h4 class="about-title c-white">Projects</h4>
<section class="right">
<div
class="gap-8 items-center py-8 px-4 mx-auto max-w-screen-xl xl:gap-16 md:grid md:grid-cols-2 sm:py-16 lg:px-6 relative">
<img class="w-full rounded-[5px] project-image" style="cursor:pointer;" src="/assets/img/1cawOf2VHMHs.png"
<img class="w-full rounded-[5px] project-image" style="cursor:pointer;" src="https://media.discordapp.net/attachments/1243560224514637945/1273290247320371261/image.png?ex=66be1373&is=66bcc1f3&hm=f7c6235bebbdd7cc1cd2c7fe45f1e7519dab64783e70520add7de57ff879574f&=&format=webp&quality=lossless&width=380&height=223"
alt="project image">
<div class="mt-4 md:mt-0 flex justify-end flex-col text-right project-content items-end">
<div class="project-overline flex justify-end gap-[71px]">
Expand All @@ -138,14 +140,14 @@ <h4 class="about-title c-white">Projects</h4>
<div class="number text-white">01</div>
</div>
<div class="project-title text-white">
Pop Cat Bot
Milo Bot
</div>
<div class="project-description max-w-[84%]">
<p>A cool multipurpose <a href="https://discord.com" class="text-[#7289da]">Discord</a> bot with a lot of
commands and functionality.</p>
</div>
<a class="project-button mt-[14px] hover:scale-105"
href="https://discord.com/oauth2/authorize?client_id=804341143092985886&permissions=2483341366&scope=bot%20applications.commands"
href="https://discord.com/oauth2/authorize?client_id=1239105383801290834"
rel="noopener noreferrer" target="_blank"><span class="project-button-text"><i class="fab fa-discord"></i>
Invite</span></a>
</div>
Expand All @@ -163,26 +165,26 @@ <h4 class="about-title c-white">Projects</h4>
<div class="number text-white">02</div>
</div>
<div class="project-title text-white">
Pop Cat API
H.Dương Bot
</div>
<div class="project-description max-w-[68%]">
<p>
The Only API You'll Ever Need! Has Tons of Image Manipulation and Utility Endpoints!
</p>
<p>A cool multipurpose <a href="https://discord.com" class="text-[#7289da]">Discord</a> bot with a lot of
commands and functionality.</p>
</div>
<a class="project-button mt-[14px] hover:scale-105" href="https://popcat.xyz/api" rel="noopener noreferrer"
target="_blank"><span class="project-button-text"><i class="fa-solid fa-arrow-up-right-from-square"></i>
View</span></a>
<a class="project-button mt-[14px] hover:scale-105"
href="https://s.net.vn/GZQZ"
rel="noopener noreferrer" target="_blank"><span class="project-button-text"><i class="fab fa-discord"></i>
Invite</span></a>
</div>
<img class="w-full rounded-[5px] project-image lsc" style="cursor:pointer;" src="/assets/img/apibig.png"
<img class="w-full rounded-[5px] project-image lsc" style="cursor:pointer;" src="https://media.discordapp.net/attachments/1243560224514637945/1273290433245610138/image.png?ex=66be139f&is=66bcc21f&hm=109eea584011ea2c144c2a393bb5d45d31c790972db59c7d1aee815a40836552&=&format=webp&quality=lossless&width=440&height=171"
alt="project image">
</div>
</section>
<section class="right">
<div
class="gap-8 items-center py-8 px-4 mx-auto max-w-screen-xl xl:gap-16 md:grid md:grid-cols-2 sm:py-16 lg:px-6 relative">
<img class="w-full rounded-[5px] project-image country-image" style="cursor:pointer;"
src="/assets/img/country1.png" alt="project image">
src="https://static.startuptalky.com/2021/06/nothing_feautureimage_startuptalky.png" alt="project image">
<div class="mt-4 md:mt-0 flex justify-end flex-col text-right project-content items-end">
<div class="project-overline flex justify-end gap-[71px]">
<div class="divider">
Expand All @@ -192,12 +194,12 @@ <h4 class="about-title c-white">Projects</h4>
<div class="number text-white">03</div>
</div>
<div class="project-title text-white">
Country Searcher
Nothing...
</div>
<div class="project-description max-w-[40%]">
<p>A website with a list of countries, offering detailed information on selected nations and the ability to calculate distances between any two countries.</p>
<p>Nothing...</p>
</div>
<a class="project-button mt-[14px] hover:scale-105" href="https://countries.popcat.xyz" rel="noopener noreferrer"
<a class="project-button mt-[14px] hover:scale-105" href="#" rel="noopener noreferrer"
target="_blank"><span class="project-button-text"><i class="fa-solid fa-arrow-up-right-from-square"></i>
View</span></a>
</div>
Expand All @@ -215,25 +217,25 @@ <h4 class="about-title c-white">Projects</h4>
<div class="number text-white">04</div>
</div>
<div class="project-title text-white">
InstaWrapped
Nothing...
</div>
<div class="project-description max-w-[70%]">
<p>
Easy to use, open source Instagram data package explorer with a beautiful UI.
Nothing...
</p>
</div>
<a class="project-button mt-[14px] hover:scale-105" href="https://instawrapped.popcat.xyz" rel="noopener noreferrer"
<a class="project-button mt-[14px] hover:scale-105" href="#" rel="noopener noreferrer"
target="_blank"><span class="project-button-text"><i class="fa-solid fa-arrow-up-right-from-square"></i>
View</span></a>
</div>
<img class="w-full rounded-[5px] project-image lsc" style="cursor:pointer;" src="/assets/img/instawrapped.png"
<img class="w-full rounded-[5px] project-image lsc" style="cursor:pointer;" src="https://static.startuptalky.com/2021/06/nothing_feautureimage_startuptalky.png"
alt="project image">
</div>
</section>
<section class="right">
<div
class="gap-8 items-center py-8 px-4 mx-auto max-w-screen-xl xl:gap-16 md:grid md:grid-cols-2 sm:py-16 lg:px-6 relative">
<img class="w-full rounded-[5px] project-image" style="cursor:pointer;" src="/assets/img/chat.PNG"
<img class="w-full rounded-[5px] project-image" style="cursor:pointer;" src="https://static.startuptalky.com/2021/06/nothing_feautureimage_startuptalky.png"
alt="project image">
<div class="mt-4 md:mt-0 flex justify-end flex-col text-right project-content items-end">
<div class="project-overline flex justify-end gap-[71px]">
Expand All @@ -244,13 +246,12 @@ <h4 class="about-title c-white">Projects</h4>
<div class="number text-white">05</div>
</div>
<div class="project-title text-white">
Pop Chat
Nothing...
</div>
<div class="project-description max-w-[48%]">
<p>An online chatting website with a beautiful UI and the ability to create your own chat rooms! Made
originally for a hackathon.</p>
<p>Nothing...</p>
</div>
<a class="project-button mt-[14px] hover:scale-105" href="https://chat.popcat.xyz" rel="noopener noreferrer"
<a class="project-button mt-[14px] hover:scale-105" href="#" rel="noopener noreferrer"
target="_blank"><span class="project-button-text"><i class="fa-solid fa-arrow-up-right-from-square"></i>
View</span></a>
</div>
Expand All @@ -268,71 +269,71 @@ <h4 class="about-title c-white">Projects</h4>
<div class="number text-white">06</div>
</div>
<div class="project-title text-white">
URL Shortener
Noting...
</div>
<div class="project-description max-w-[59%]">
<p>
A simple, easy to use URL shortener with statistics on the number of clicks on your endpoint
Nothing...
</p>
</div>
<a class="project-button mt-[14px] hover:scale-105" href="https://url.popcat.xyz" rel="noopener noreferrer"
<a class="project-button mt-[14px] hover:scale-105" href="#" rel="noopener noreferrer"
target="_blank"><span class="project-button-text"><i class="fa-solid fa-arrow-up-right-from-square"></i>
View</span></a>
</div>
<img class="w-full rounded-[5px] project-image lsc" style="cursor:pointer;" src="/assets/img/url.PNG"
<img class="w-full rounded-[5px] project-image lsc" style="cursor:pointer;" src="https://static.startuptalky.com/2021/06/nothing_feautureimage_startuptalky.png"
alt="project image">
</div>
</section>
</div>
<h4 class="about-title c-white">Other Projects</h4>
<h4 class="about-title c-white">Nothing...</h4>
<div class="other-projects flex items-center justify-center flex-wrap max-w-[71%]">
<div class="card">
<div class="card-content">
<h3 class="card-heading">Pop Cat Wrapper</h3>
<p class="card-description">An NPM Package To Make Your Life Easier While Using The Pop Cat API!</p>
<h3 class="card-heading">Nothing...</h3>
<p class="card-description">Nothing...</p>
<div class="buttons">
<button onclick="window.open('https://npmjs.com/popcat-wrapper', '_blank')"
<button onclick="window.open('#', '_blank')"
class="card-button">Visit&nbsp;<i class="fa-solid fa-arrow-up-right-from-square"></i></button>
</div>
</div>
</div>
<div class="card">
<div class="card-content">
<h3 class="card-heading">TODO List</h3>
<p class="card-description">An Online Todo List with option to save your tasks on one device only and a Login system to save them globally!</p>
<h3 class="card-heading">Nothing...</h3>
<p class="card-description">Nothing...</p>
<div class="buttons">
<button onclick="window.open('https://popcat.xyz/todo', '_blank')"
<button onclick="window.open('#', '_blank')"
class="card-button">Visit&nbsp;<i class="fa-solid fa-arrow-up-right-from-square"></i></button>
</div>
</div>
</div>
<div class="card">
<div class="card-content">
<h3 class="card-heading">YouTube Downloader</h3>
<p class="card-description">A simple and easy to use YouTube Video Downloader tool!</p>
<h3 class="card-heading">Nothing...</h3>
<p class="card-description">...</p>
<div class="buttons">
<button onclick="window.open('https://popcat.xyz/youtube-downloader', '_blank')"
<button onclick="window.open('#', '_blank')"
class="card-button">Visit&nbsp;<i class="fa-solid fa-arrow-up-right-from-square"></i></button>
</div>
</div>
</div>
<div class="card">
<div class="card-content">
<h3 class="card-heading">Chatbot</h3>
<p class="card-description">An online chatbot ui based on brainshop.ai api</p>
<h3 class="card-heading">Nothing...</h3>
<p class="card-description">Nothing...</p>
<div class="buttons">
<button onclick="window.open('https://popcat.xyz/chat', '_blank')"
<button onclick="window.open('#', '_blank')"
class="card-button">Visit&nbsp;<i class="fa-solid fa-arrow-up-right-from-square"></i></button>
</div>
</div>
</div>

<div class="card">
<div class="card-content">
<h3 class="card-heading">Code Bin</h3>
<p class="card-description">Store and Access your codes on the cloud</p>
<h3 class="card-heading">Nothing...</h3>
<p class="card-description">Nothing...</p>
<div class="buttons">
<button onclick="window.open('https://code.popcat.xyz', '_blank')"
<button onclick="window.open('#', '_blank')"
class="card-button">Visit&nbsp;<i class="fa-solid fa-arrow-up-right-from-square"></i></button>
</div>
</div>
Expand All @@ -341,8 +342,8 @@ <h3 class="card-heading">Code Bin</h3>
</section>
<footer>
<div class="footer-content">
<h3>Zero Two</h3>
<p>Created and Managed by zerotwo._02</p>
<h3>Gia Huy</h3>
<p>Created and Managed by trumscamvietnam.#0</p>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/@srexi/purecounterjs/dist/purecounter_vanilla.js"></script>
Expand Down Expand Up @@ -383,4 +384,4 @@ <h3>Zero Two</h3>
<script src="assets/js/script.js"></script>
</body>

</html>
</html>
Loading