diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..03c88fd --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.htaccess diff --git a/images/1.png b/images/1.png new file mode 100644 index 0000000..82da32f Binary files /dev/null and b/images/1.png differ diff --git a/images/2.png b/images/2.png new file mode 100644 index 0000000..edcedd8 Binary files /dev/null and b/images/2.png differ diff --git a/images/3.png b/images/3.png new file mode 100644 index 0000000..635e9fa Binary files /dev/null and b/images/3.png differ diff --git a/images/4.png b/images/4.png new file mode 100644 index 0000000..88664c9 Binary files /dev/null and b/images/4.png differ diff --git a/images/5.png b/images/5.png new file mode 100644 index 0000000..e56bf9d Binary files /dev/null and b/images/5.png differ diff --git a/images/6.png b/images/6.png new file mode 100644 index 0000000..5a63758 Binary files /dev/null and b/images/6.png differ diff --git a/images/7.png b/images/7.png new file mode 100644 index 0000000..2109011 Binary files /dev/null and b/images/7.png differ diff --git a/images/8.png b/images/8.png new file mode 100644 index 0000000..82ad5e9 Binary files /dev/null and b/images/8.png differ diff --git a/images/despbot.png b/images/despbot.png new file mode 100644 index 0000000..04a398d Binary files /dev/null and b/images/despbot.png differ diff --git a/images/discord.png b/images/discord.png new file mode 100644 index 0000000..d5346b7 Binary files /dev/null and b/images/discord.png differ diff --git a/images/github.png b/images/github.png new file mode 100644 index 0000000..192846a Binary files /dev/null and b/images/github.png differ diff --git a/images/mail.png b/images/mail.png new file mode 100644 index 0000000..be70f2d Binary files /dev/null and b/images/mail.png differ diff --git a/images/mal.png b/images/mal.png new file mode 100644 index 0000000..4ec06e9 Binary files /dev/null and b/images/mal.png differ diff --git a/images/osu.png b/images/osu.png new file mode 100644 index 0000000..7f5316a Binary files /dev/null and b/images/osu.png differ diff --git a/images/spigot.jpg b/images/spigot.jpg new file mode 100644 index 0000000..b85b4b2 Binary files /dev/null and b/images/spigot.jpg differ diff --git a/images/vortex.jpg b/images/vortex.jpg new file mode 100644 index 0000000..3dfaa7a Binary files /dev/null and b/images/vortex.jpg differ diff --git a/main.css b/main.css new file mode 100644 index 0000000..874217b --- /dev/null +++ b/main.css @@ -0,0 +1,123 @@ +html, body { + height: 145%; + font-family: 'Source Code Pro', monospace; +} + +.nav-link { + color: #dd7; +} + +.nav-link:hover { + color: #aa4; +} + +#cover { + top: -10%; + background-size: cover; + box-shadow: 100px; +} + +.tooltip { + left: 0px; +} + +.tooltip-inner { + background-color: #343a40; +} +.arrow::before { + border-bottom-color:#343a40 !important; + border-top-color:#343a40 !important; +} + +.col { + padding-left: 0.25em; + padding-right: 0.25em; +} + +#mainline { + font-weight: bold; + font-size: 1.25em; +} + +#links img { + max-width: 50px; + width:100%; +} + +.skills .card, #mainskill{ + background-color: rgba(20, 20, 20, 0.5); + box-shadow: 4px 4px 15px rgba(10, 10, 10, 0.8); + border-radius: 8px; +} + +.skills .card-body, #mainskill .card-body { + font-size: 0.8rem; +} + +#mainskill { + min-width:25%; + max-width:50%; +} + +footer { + background-color: rgba(20, 20, 20, 0.4); +} + +.nav-link.inline { /*reset for footer*/ + display: inline; + padding: 0; +} + +footer, .smaller { + font-size: 0.75em; +} + +.project { + font-weight: bold; +} + +.info-segment .large-content span { + margin-left: 2em; +} + +.splitview { + margin-right: 0px !important; + margin-left: 0px !important; +} + +@media (max-width: 767px) { + .skills { + width: 100%; + font-size: 0.75rem; + } + + .skills .card-body { + display:none; + } + + .headings { font-size: 1.25rem; } + .large-content { font-size: 0.75em; width: 100%; } + + .splitview { width: 100%; text-align: center !important; padding: 2rem !important;} + + .p-5-flex { padding: 2rem !important; } /*patch back padding since p-5 is too much*/ +} + +@media (min-width: 768px) { + .headings { font-size: 1.5rem; } + .large-content { font-size: 0.75em; width: 75%; } + .skills { width: 65%; } + + .splitview { width: 50%; } + .info-subsegment { display: flex; } + + .p-5-flex { padding: 5rem !important; } +} +@media (min-width: 992px) { + .headings { font-size: 1.75rem; } + .large-content { font-size: 1em; } +} +@media (min-width: 1200px) { + .headings { font-size: 2rem; } + .large-content { font-size: 1.25em; } +} \ No newline at end of file diff --git a/main.html b/main.html new file mode 100644 index 0000000..4fe82cd --- /dev/null +++ b/main.html @@ -0,0 +1,97 @@ + + + + + + + + + + + + + + Hi! - despawningbone's portfolio + + + +
+
+ +
+ +
+
despawningbone
+
Just a weeb who loves tech.
+ +
+
+ +
+
+

About me

+

Heyo! I am an aspiring computer science major from Hong Kong who has been coding for fun since 2016. +
As one of my major hobbies, I try to explore a variety of different technical fields, from hardware development to UI design. +
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. +
Recently though, I've been spending more time on cybersecurity, and I hope to be able to work on this field in the future. +

+
+ +
+

Technical Skills

+
Java
Preferred language
+
+
C#
Alternative to java
+
Python
Prototyping/automation
+
git
Adept at common workflows
+
SQL
SQLite/MySQL integrations
+
Linux
Sysadmin on debian-based
+
IDA
Reversing Win32 PEs
+
Pentesting
Metasploit; Known-CVE scripts
+
Win32API
Formats and functions
+
C/C++
Novice knowledge for low level interactions
+
Arduino/Pi
Small projects e.g. cap. keypad
+
CSS
Theming web apps
+
JavaScript
Basic knowledge
+
HTML
Basic knowledge
+
+
+ +
+

Other Skills and Hobbies

+
+
Cantonese
Mother tongue
+
English
Most fluent second language
+
Mandarin
Can carry out daily conversations
+
Japanese
(Work in progress)
+
Amateur Photography
The backgrounds here are taken by me!
+
+
+
+ + + + + + + + + + diff --git a/main.js b/main.js new file mode 100644 index 0000000..8934c1d --- /dev/null +++ b/main.js @@ -0,0 +1,26 @@ +AOS.init(); + +if(typeof bg !== 'undefined') document.getElementById('cover').style.backgroundImage = 'linear-gradient(to bottom, rgba(52, 58, 64, 0) 94%, rgba(52, 58, 64, 1)), url(' + bg.src + ')'; + +//initialize tooltips +$('[data-toggle="tooltip"]').tooltip({ + offset: '0, 20%' +}); + + +/*$('[data-toggle="tooltip"]').mouseenter(function(){ //tooltip patch for browsers since its shifted somehow + if(!/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) { + document.styleSheets[2].cssRules[4].style.setProperty('left', (($(this).parent().index() + 1) * 2.5) + 'px', "important"); + } +});*/ //fixed by changing discord id from a to img wtf + +$('#discord').bind('click touchend', function() { + console.log(this); + if (navigator.clipboard.writeText("despawningbone#4078")) { + $(this).tooltip('hide'); + $('#discord').attr('data-original-title', "(copied!)"); + setTimeout(() => $('#discord').attr('data-original-title', "despawningbone#4078"), 400); + $(this).tooltip('show'); + + } +}); \ No newline at end of file diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..3c6be78 --- /dev/null +++ b/projects.html @@ -0,0 +1,95 @@ + + + + + + + + + + + + Hi! - despawningbone's portfolio + + + +
+
+ +
+
+
Project Highlights
+
More projects can be found on the codestash!
+
+
+ + + +
+
+ +
+
+
+

Vortex Network

+

Originally invited to be a plugin developer from the start of the server, I officially joined the development team not long after, + migrating it to a network. I have since maintained the Ubuntu-based infrastructure backend, the 3 websites and a discord bot along with plugin development.
 + From intrusion detection and prevention to general sysadmin work, I've gained a lot of real world insights into how actual system administration on a cloud might feel like, + and it taught me how to code as a team, use CD/CI technologies, and a lot more that I wouldn't have expected from developing a minecraft server. +

+

Project since July 2017

+
+
+ +
+ +
+
+

despbot

+

Ever since I started using Discord back in 2016, it has been my favorite communication platform; Everything just felt intuitive and simple yet customizable. + With this newfound favorite, I started digging into everything it has to offer, and I eventually stumbled upon the officially supported bots and their API.
 + Having only started programming by then, it proved to be a great opportunity for me to learn and test my skills while making helpful utilities for my daily use. + Throughout the years, it has evolved from a single 8ball to 50+ different commands, hardcoded values to per-guild configs, and from one giant class filled with if-elses to a multithreaded framework supporting nested subcommands.
 + It is currently semi-public as there are still a lot left to do; However, feel free to add it to any servers if you find it useful too 😊 +

+

View in codestash · Project since Jan 2017

+
+
+
+ +
+ +
+
+
+

Spigot Plugins

+

As one of the most fasinating games I've ever played, I've spent countless hours on the technical side of Minecraft, whether it was redstone or command blocks. + Eventually, with a private feature being heavily requested on a server I played frequently back then, I decided: why not try programming it myself and give it to the server instead?
 + With only basic C knowledge and having only created simple utilities, it proved to be a challenge, but it also was what really sparked my interest in computer science. + I created and published several more plugins in the coming years, before moving on to creating custom plugins for vortex network. +

+

Project since Dec 2016 · on hiatus

+
+
+ +
+ +
+ + + + + + + + + + + +