Page MenuHomedesp's stash
Files F369270

main.html
No OneTemporary
Actions

main.html
View Options

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script type="text/javascript">
//randomize background and preload
const bgCount = 7;
var bg = document.createElement("link");
bg.rel = "preload";
bg.as = "image";
bg.href = 'images/' + Math.ceil(Math.random() * bgCount) + '.png';;
document.head.appendChild(bg);
var preloadstyle = document.createElement("style");
preloadstyle.innerText = 'body { background-position-y: 100vh !important; } #cover { background-image: url(' + bg.href + ') !important; }';
document.head.appendChild(preloadstyle);
</script>
<link rel="preload" href="canvas.png" as="image">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="main.css">
<title>Hi! - desp's portfolio</title>
</head>
<body class="text-center text-white">
<div id="cover" class="d-flex w-100 h-50 p-3 mx-auto flex-column">
<header>
<nav class="nav nav-mast head justify-content-center float-md-right">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link" href="/projects.html">Projects</a>
<a class="nav-link" href="https://stash.despawningbone.me">Codestash</a>
<a class="nav-link" href="/ctf.html">CTF diary</a>
</nav>
</header>
<div class="headings justify-content-center my-auto container-fluid w-75">
<div id="mainline">despawningbone<br></div>
<div>Just a weeb who loves tech.</div>
<div id="links" class="mx-auto row mt-4 w-75">
<a href="mailto://[email protected]" class="col"><img alt="email" class="img-fluid" data-toggle="tooltip" data-placement="bottom" title="contact me!" src="images/mail.png"></img></a>
<a href="https://github.com/despawningbone" class="col"><img alt="github" class="img-fluid" data-toggle="tooltip" data-placement="bottom" title="public projects only; check codestash for more!" src="images/github.png"></img></a>
<a href="#" class="col"><img id="discord" alt="discord" class="img-fluid" data-toggle="tooltip" data-placement="bottom" title="despawningbone#4078" src="images/discord.png"></img></a>
<a href="https://myanimelist.net/profile/despawningbone" class="col"><img alt="MAL" class="img-fluid" data-toggle="tooltip" data-placement="bottom" title="my anime list! (literally)" src="images/mal.png"></img></a>
<a href="https://osu.ppy.sh/users/despawningbone" class="col"><img alt="osu!" class="img-fluid" data-toggle="tooltip" data-placement="bottom" title="click the circles!" src="images/osu.png"></img></a>
</div>
</div>
</div>
<div id="info" class="d-flex flex-column container-fluid">
<div class="info-segment" data-aos="fade-up">
<p class="headings row pt-5 p-3">About me</p>
<p class="large-content pb-4 mx-auto">Heyo! I am an aspiring computer science major from Hong Kong who has been coding for fun since 2016.
<br>As one of my major hobbies, I try to explore a variety of different technical fields, from hardware development to UI design.
<br>However, my main focus has always been programming and system administration, with most of my time spent on doing projects such as despbot and vortex.
<br>Recently though, I've been spending more time on cybersecurity, and I hope to be able to work on this field in the future.
</p>
</div>
<div class="info-segment" data-aos="fade-up">
<p class="headings row pt-5 p-3">Technical Skills</p>
<div id="mainskill" class="card mb-4 mx-auto"><div class="card-header">Java</div><div class="card-body">Preferred language</div></div>
<div id="techskills" class="skills row h-50 mx-auto container-fluid justify-content-center">
<div class="card m-2"><div class="card-header">C#</div><div class="card-body">Alternative to java</div></div>
<div class="card m-2"><div class="card-header">Python</div><div class="card-body">Prototyping/automation</div></div>
<div class="card m-2"><div class="card-header">git</div><div class="card-body">Adept at common workflows</div></div>
<div class="card m-2"><div class="card-header">SQL</div><div class="card-body">SQLite/MySQL integrations</div></div>
<div class="card m-2"><div class="card-header">Linux</div><div class="card-body">Sysadmin on debian-based</div></div>
<div class="card m-2"><div class="card-header">IDA</div><div class="card-body">Reversing Win32 PEs</div></div>
<div class="card m-2"><div class="card-header">Pentesting</div><div class="card-body">Metasploit; Known-CVE scripts</div></div>
<div class="card m-2"><div class="card-header">Win32API</div><div class="card-body">Formats and functions</div></div>
<div class="card m-2"><div class="card-header">C/C++</div><div class="card-body">Novice knowledge for low level interactions</div></div>
<div class="card m-2"><div class="card-header">Arduino/Pi</div><div class="card-body">Small projects e.g. cap. keypad</div></div>
<div class="card m-2"><div class="card-header">CSS</div><div class="card-body">Theming web apps</div></div>
<div class="card m-2"><div class="card-header">JavaScript</div><div class="card-body">Basic knowledge</div></div>
<div class="card m-2"><div class="card-header">HTML</div><div class="card-body">Basic knowledge</div></div>
</div>
</div>
<div class="info-segment" data-aos="fade-up">
<p class="headings row pt-5 p-3">Other Skills and Hobbies</p>
<div id="otherskills" class="skills row h-50 mx-auto container-fluid justify-content-center">
<div class="card m-2"><div class="card-header">Cantonese</div><div class="card-body">Mother tongue</div></div>
<div class="card m-2"><div class="card-header">English</div><div class="card-body">Most fluent second language</div></div>
<div class="card m-2"><div class="card-header">Mandarin</div><div class="card-body">Can carry out daily conversations</div></div>
<div class="card m-2"><div class="card-header">Japanese</div><div class="card-body">(Work in progress)</div></div>
<div class="card m-2"><div class="card-header">Amateur Photography</div><div class="card-body">The backgrounds here are taken by me!</div></div>
</div>
</div>
</div>
<footer class="d-flex flex-column w-100 mt-5">
<p class="large-content mx-auto p-2 pt-3">Made from scratch by despawningbone with Bootstrap and AOS - view in <a href="https://stash.despawningbone.me/diffusion/WEB/" class="nav-link inline">codestash</a></p>
</footer>
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="main.js"></script>
</body>
</html>

File Metadata

Mime Type
text/html
Expires
Mon, Jul 7, 5:21 AM (1 d, 11 h)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
9c/a0/276febdb8cbcf33dce6acc7a3fd6

Event Timeline

Back to Main Site