44 < meta charset ="UTF-8 ">
55 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
66 < title > Julian Reder - Computer Engineering Student @ NCSU</ title >
7- < meta name ="description " content ="Portfolio of Julian Reder, Computer Engineering Student @ NCSU. ">
7+ < meta name ="description " content ="Julian Reder, Computer Engineering Student @ NCSU. ">
88 < link rel ="icon " type ="image/png " href ="pfp.webp ">
99 < script src ="tailwind.js "> </ script >
1010 < link href ="font.css " rel ="stylesheet ">
@@ -211,7 +211,7 @@ <h3 class="text-base font-semibold text-zinc-900 dark:text-zinc-100 mb-1 flex-1"
211211 < p class ="text-sm text-zinc-600 dark:text-zinc-400 mb-4 flex-grow leading-relaxed "> A Discord bot for paper and pencil games with local and global leaderboards.</ p >
212212 < div >
213213 < div class ="flex flex-wrap mt-3 "> < span class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-zinc-100 dark:bg-zinc-800/60 text-zinc-600 dark:text-zinc-400 mr-1.5 mb-1.5 "> Python</ span > < span class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-zinc-100 dark:bg-zinc-800/60 text-zinc-600 dark:text-zinc-400 mr-1.5 mb-1.5 "> discord.py</ span > < span class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-zinc-100 dark:bg-zinc-800/60 text-zinc-600 dark:text-zinc-400 mr-1.5 mb-1.5 "> MySQL</ span > < span class ="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-zinc-100 dark:bg-zinc-800/60 text-zinc-600 dark:text-zinc-400 mr-1.5 mb-1.5 "> Programmable API</ span > </ div >
214- < a href ="https://github.com/PlayCord/bot " target ="_blank " rel ="noopener noreferrer " class ="inline-flex items-center text-sm font-medium text-zinc-900 dark:text-zinc-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors mt-3 "> View Project < span class ="ml-1 text-xs "> ↗</ span > </ a >
214+ < a href ="https://github.com/quantumbagel/PlayCord " target ="_blank " rel ="noopener noreferrer " class ="inline-flex items-center text-sm font-medium text-zinc-900 dark:text-zinc-100 hover:text-blue-600 dark:hover:text-blue-400 transition-colors mt-3 "> View Project < span class ="ml-1 text-xs "> ↗</ span > </ a >
215215 < button class ="project-details-btn text-sm text-zinc-500 hover:text-zinc-900 dark:hover:text-zinc-100 transition-colors mt-3 " data-modal-id ="modal-project-playcord "> More Info →</ button >
216216 </ div >
217217 </ div >
@@ -320,7 +320,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Languages<
320320 < div class ="flex items-center gap-2 flex-1 ">
321321 < ion-icon name ="logo-python " class ="text-lg mr-2 "> </ ion-icon >
322322 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> Python</ span >
323- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 5+ years</ span >
323+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 5 years</ span >
324324 </ div >
325325 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
326326 </ button >
@@ -335,7 +335,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Languages<
335335 < div class ="flex items-center gap-2 flex-1 ">
336336 < ion-icon name ="code-slash-outline " class ="text-lg mr-2 "> </ ion-icon >
337337 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> C/C++</ span >
338- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 3+ years</ span >
338+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 3 years</ span >
339339 </ div >
340340 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
341341 </ button >
@@ -350,7 +350,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Languages<
350350 < div class ="flex items-center gap-2 flex-1 ">
351351 < ion-icon name ="logo-javascript " class ="text-lg mr-2 "> </ ion-icon >
352352 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> JavaScript</ span >
353- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 3+ years</ span >
353+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 3 years</ span >
354354 </ div >
355355 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
356356 </ button >
@@ -365,7 +365,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Languages<
365365 < div class ="flex items-center gap-2 flex-1 ">
366366 < ion-icon name ="cafe-outline " class ="text-lg mr-2 "> </ ion-icon >
367367 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> Java</ span >
368- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 4+ years</ span >
368+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 4 years</ span >
369369 </ div >
370370 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
371371 </ button >
@@ -380,7 +380,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Languages<
380380 < div class ="flex items-center gap-2 flex-1 ">
381381 < ion-icon name ="code-outline " class ="text-lg mr-2 "> </ ion-icon >
382382 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> C#</ span >
383- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 2+ years</ span >
383+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 2 years</ span >
384384 </ div >
385385 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
386386 </ button >
@@ -395,7 +395,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Languages<
395395 < div class ="flex items-center gap-2 flex-1 ">
396396 < ion-icon name ="terminal-outline " class ="text-lg mr-2 "> </ ion-icon >
397397 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> Bash</ span >
398- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 4+ years</ span >
398+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 4 years</ span >
399399 </ div >
400400 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
401401 </ button >
@@ -414,7 +414,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Technologi
414414 < div class ="flex items-center gap-2 flex-1 ">
415415 < ion-icon name ="desktop-outline " class ="text-lg mr-2 "> </ ion-icon >
416416 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> Linux/Unix</ span >
417- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 5+ years</ span >
417+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 5 years</ span >
418418 </ div >
419419 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
420420 </ button >
@@ -429,7 +429,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Technologi
429429 < div class ="flex items-center gap-2 flex-1 ">
430430 < ion-icon name ="logo-docker " class ="text-lg mr-2 "> </ ion-icon >
431431 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> Docker</ span >
432- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 3+ years</ span >
432+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 3 years</ span >
433433 </ div >
434434 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
435435 </ button >
@@ -444,7 +444,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Technologi
444444 < div class ="flex items-center gap-2 flex-1 ">
445445 < ion-icon name ="bulb-outline " class ="text-lg mr-2 "> </ ion-icon >
446446 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> JetBrains Suite</ span >
447- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 5+ years</ span >
447+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 5 years</ span >
448448 </ div >
449449 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
450450 </ button >
@@ -459,7 +459,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Technologi
459459 < div class ="flex items-center gap-2 flex-1 ">
460460 < ion-icon name ="logo-github " class ="text-lg mr-2 "> </ ion-icon >
461461 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> Git</ span >
462- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 4+ years</ span >
462+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 4 years</ span >
463463 </ div >
464464 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
465465 </ button >
@@ -474,7 +474,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Technologi
474474 < div class ="flex items-center gap-2 flex-1 ">
475475 < ion-icon name ="globe-outline " class ="text-lg mr-2 "> </ ion-icon >
476476 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> Selenium / Web Scraping</ span >
477- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 2+ years</ span >
477+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 2 years</ span >
478478 </ div >
479479 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
480480 </ button >
@@ -489,7 +489,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Technologi
489489 < div class ="flex items-center gap-2 flex-1 ">
490490 < ion-icon name ="server-outline " class ="text-lg mr-2 "> </ ion-icon >
491491 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> OpenAPI</ span >
492- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 2+ years</ span >
492+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 2 years</ span >
493493 </ div >
494494 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
495495 </ button >
@@ -504,7 +504,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Technologi
504504 < div class ="flex items-center gap-2 flex-1 ">
505505 < ion-icon name ="server-outline " class ="text-lg mr-2 "> </ ion-icon >
506506 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> SQL/MySQL/Postgres</ span >
507- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 4+ years</ span >
507+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 4 years</ span >
508508 </ div >
509509 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
510510 </ button >
@@ -519,7 +519,7 @@ <h3 class="text-sm font-medium text-zinc-900 dark:text-zinc-100 mb-4">Technologi
519519 < div class ="flex items-center gap-2 flex-1 ">
520520 < ion-icon name ="leaf-outline " class ="text-lg mr-2 "> </ ion-icon >
521521 < span class ="text-sm font-semibold text-zinc-900 dark:text-zinc-100 "> MongoDB</ span >
522- < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> 2+ years</ span >
522+ < span class ="text-xs text-zinc-500 dark:text-zinc-400 "> over 2 years</ span >
523523 </ div >
524524 < ion-icon name ="chevron-down-outline " class ="skill-toggle-icon text-zinc-500 dark:text-zinc-400 transition-transform "> </ ion-icon >
525525 </ button >
@@ -666,7 +666,7 @@ <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100">PlayCord</h2>
666666 < p class ="text-sm text-zinc-600 dark:text-zinc-400 leading-relaxed mb-4 "> PlayCord brings classic paper and pencil games to Discord with a competitive twist. Features global and server-specific leaderboards.</ p >
667667 < div class ="mt-4 "> < h4 class ="font-semibold text-zinc-900 dark:text-zinc-100 mb-2 "> Features</ h4 > < ul class ="space-y-1 "> < li class ="text-sm text-zinc-600 dark:text-zinc-400 flex items-start "> < span class ="mr-3 "> •</ span > < span > Multiple game modes</ span > </ li > < li class ="text-sm text-zinc-600 dark:text-zinc-400 flex items-start "> < span class ="mr-3 "> •</ span > < span > Global and local leaderboards</ span > </ li > < li class ="text-sm text-zinc-600 dark:text-zinc-400 flex items-start "> < span class ="mr-3 "> •</ span > < span > Dynamic game loading system</ span > </ li > < li class ="text-sm text-zinc-600 dark:text-zinc-400 flex items-start "> < span class ="mr-3 "> •</ span > < span > MySQL persistence</ span > </ li > </ ul > </ div >
668668 < div class ="mt-6 flex gap-3 ">
669- < a href ="https://github.com/PlayCord/bot " target ="_blank " rel ="noopener noreferrer " class ="inline-flex items-center px-4 py-2 bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 font-medium rounded-lg hover:bg-zinc-800 dark:hover:bg-zinc-200 transition-colors "> View on GitHub < span class ="ml-2 "> ↗</ span > </ a >
669+ < a href ="https://github.com/quantumbagel/PlayCord " target ="_blank " rel ="noopener noreferrer " class ="inline-flex items-center px-4 py-2 bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 font-medium rounded-lg hover:bg-zinc-800 dark:hover:bg-zinc-200 transition-colors "> View on GitHub < span class ="ml-2 "> ↗</ span > </ a >
670670 </ div >
671671 </ div >
672672 </ div >
@@ -750,7 +750,7 @@ <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100">aerpawlib</h2>
750750
751751 < script >
752752 document . addEventListener ( "DOMContentLoaded" , ( ) => {
753- const taglines = [ "is a Computer Engineering and Statistics student @ NCSU" , "is a full-stack developer" , "likes drones :D" , "is an open source enthusiast" , "has three cats :3" , "is always learning" , "would like a job" ] ;
753+ const taglines = [ "is a Computer Engineering and Statistics student @ NCSU" , "is a full-stack developer" , "likes drones :D" , "is an open source enthusiast" , "has three cats :3" , "is always learning" , "would like a job \ud83e\udd7a " ] ;
754754 const taglineEl = document . getElementById ( "tagline" ) ;
755755 let currentIndex = 0 ;
756756
0 commit comments