| <!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
File Metadata
- Mime Type
- text/html
- Expires
- Wed, Feb 11, 12:15 AM (1 d, 16 h)
- Storage Engine
- local-disk
- Storage Format
- Raw Data
- Storage Handle
- dd/40/35714dcf9e36e8ed2f26392248c8