forked from codewithsadee/vcard-personal-portfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 17.7 KB
/
index.html
1
<!doctypehtml><html lang=en><script>if(location.href!==document.URL.toLowerCase()){location.href=document.URL.toLowerCase()}</script><script defer src=https://www.googletagmanager.com/gtag/js?id=G-FQY8Y114PS></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[];gtag(`js`,new Date());gtag(`config`,`G-FQY8Y114PS`)</script><meta charset=UTF-8><meta content=IE=edge http-equiv=X-UA-Compatible><meta content=width=device-width,initial-scale=1.0 name=viewport><meta content="Hi! I'm Julian Reder (@quantumbagel), a dually-enrolled programmer at Wake Tech"name=description><title>Julian Reder - @quantumbagel</title><link rel="shortcut icon"href=/assets/images/quantumbagel_favicon.webp type=image/x-icon><link href=/assets/css/style.css rel=stylesheet><link href=https://fonts.googleapis.com rel=preconnect><link crossorigin href=https://fonts.gstatic.com rel=preconnect><link as=style href=https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap onload=this.onload=null;this.rel='stylesheet' rel=preload><meta content=gLWjWyzJC6D2D_6Pe9HWCRkaWL_rKtxRf05_Dhiu2is name=google-site-verification><body><main><aside class=sidebar data-sidebar><div class=sidebar-info><figure class=avatar-box><img alt="Julian Reder"src=/assets/images/quantumbageltransparent_small.webp width=80></figure><div class=info-content><h1 title="Julian Reder"class=name><a class=colorlink href=https://github.com/quantumbagel> Julian Reder</a></h1><p class=title>Serial Developer</div><button class=info_more-btn data-sidebar-btn><span>More Information</span> <ion-icon name=chevron-down></ion-icon></button></div><div class=sidebar-info_more><div class=separator></div><ul class=contacts-list><li class=contact-item><div class=icon-box><ion-icon name=logo-discord></ion-icon></div> <div class=contact-info><p class=contact-title>Discord<address><p>@NotQuantum_</address></div><li class=contact-item><div class=icon-box><ion-icon name=calendar-outline></ion-icon></div> <div class=contact-info><p class=contact-title>Birthday<address><p>March 13</address></div><li class=contact-item><div class=icon-box><ion-icon name=location-outline></ion-icon></div> <div class=contact-info><p class=contact-title>Location<address><p>North Carolina, USA</address></div><li class=contact-item><div class=icon-box><ion-icon name=heart></ion-icon></div> <div class=contact-info><p class=contact-title>Number of Cats<address><p>3</address></div><li class=contact-item><div class=icon-box><ion-icon name=hammer></ion-icon></div> <div class=contact-info><p class=contact-title>Build Status<address><p><img alt="GitHub Actions Workflow Status"src=https://img.shields.io/github/actions/workflow/status/quantumbagel/quantumbagel.github.io/static.yml?style=flat-square&label=Website%20></address></div></ul><div class=separator></div><ul class=social-list><li class=social-item><a class=social-link href=https://github.com/quantumbagel> <ion-icon name=logo-github></ion-icon> </a><li class=social-item><a class=social-link href=https://www.linkedin.com/in/julian-reder-nc/> <ion-icon name=logo-linkedin></ion-icon> </a></ul></div></aside><div class=main-content><nav class=navbar><ul class=navbar-list><li class=navbar-item><button class="navbar-link active"data-nav-link>About</button><li class=navbar-item><button class=navbar-link data-nav-link>Experience</button><li class=navbar-item><button class=navbar-link data-nav-link>Projects</button><li class=navbar-item><button class=navbar-link data-nav-link>Contact</button></ul></nav><article class="about active"data-page=about><header><h2 class="h2 article-title">About</h2></header><section class=about-text><p>Hi! I'm <strong>Julian Reder</strong>! I'm a <strong>dually-enrolled</strong> programmer who spent a significant amount of time making this website that probably nobody will ever see (except for you, of course)! I'm currently spending my time making fun little bots, mods, projects in Python, C#, Java, and more! You can check out some of my <a style="display: inline"class=colorlink href=https://github.com/quantumbagel>projects here!</a></section><section class=about-text><p>This <a style="display: inline"class=colorlink href=https://github.com/quantumbagel/quantumbagel.github.io>website</a> has CSS from vCard's excellent <a style="display: inline"class=colorlink href=https://github.com/codewithsadee/vcard-personal-portfolio>portfolio template</a> with many tweaks & changes that I've made. It contains a <a style="display: inline"class=colorlink href=#projects>portfolio</a>, a <a style="display: inline"class=colorlink href=#contact>contact form</a>, sub-websites for each project, and sidebars. It is powered by a python-based generator that compiles this website statically from a YAML file.</section><section class=about-text><p>I have designed many different projects intended for a wide variety of uses, and I hope that this page is able to help you find a solution to your problem or, at least, provide a cool distraction :) - Julian Reder, August 21, 2024</section></article><article class=experience data-page=experience><header><h2 class="h2 article-title">Experience</h2></header><section class=timeline><div class=title-wrapper-default><div class=icon-box><ion-icon name=book-outline></ion-icon></div><h3 class=h3>Education</h3></div><ol class=timeline-list><li class=timeline-item><h4 class="h4 timeline-item-title">Applying for college</h4> <span>Fall 2024</span> <p class=timeline-text>I'm currently applying to NC State two years early for admission this fall. Go Pack!</p><li class=timeline-item><h4 class="h4 timeline-item-title">Wake Tech</h4> <span>2023 - Present</span> <p class=timeline-text>I am dual-enrolling at Wake Tech. I'm looking to spend two years here, then apply to <strong>NC State</strong>.</p><li class=timeline-item><h4 class="h4 timeline-item-title">Homeschooled</h4> <span>Since Preschool</span> <p class=timeline-text>I've been <strong>homeschooled</strong> since I was <strong>5</strong>!</p></ol></section><section class=timeline><div class=title-wrapper-default><div class=icon-box><ion-icon name=flash-outline></ion-icon></div><h3 class=h3>Achievements</h3></div><ol class=timeline-list><li class=timeline-item><h4 class="h4 timeline-item-title">Member of AERPAW</h4> <span>2023 - Present</span> <p class=timeline-text>I'm an active, contributing member to NC State's AERPAW program. I have seen 3 different projects to completion, all of which are operating in production on their servers.</p><li class=timeline-item><h4 class="h4 timeline-item-title">15000+ lines of open source</h4> <span>2022 - Present</span> <p class=timeline-text>I've contributed dozens of projects to open source (and dozens more to private repositories) since 2022. I've made plane trackers, chess players, Discord bots, and even a high altitude balloon flight controller.</p><li class=timeline-item><h4 class="h4 timeline-item-title">SAT Score of 1550</h4> <span>9th grade (June 2024)</span> <p class=timeline-text>I scored an 800 on math and 750 on verbal, equivalent to >99th percentile and 98th percentile, respectively.</p><li class=timeline-item><h4 class="h4 timeline-item-title">CLT10 Score of 115</h4> <span>8th grade (April 2023)</span> <p class=timeline-text>The CLT (Classic Learning Test) is a test comparable to the SAT. More info <a style="display: inline"class=colorlink href=https://www.cltexam.com/>here</a>. My score qualified for the <a style="display: inline"class=colorlink href=https://www.cltexam.com/student-awards/>National Award</a>, but I was two years too young to receive the award :/</p><li class=timeline-item><h4 class="h4 timeline-item-title">Johns Hopkins SET</h4> <span>7th grade (August 2021).</span> <p class=timeline-text>Extremely competitive program. Qualified with a 780 on the math section of the SAT. Members are tracked for the rest of their lives on their success and failures. More information <a style="display: inline"class=colorlink href=https://en.wikipedia.org/wiki/Study_of_Exceptional_Talent>here.</a></p><li class=timeline-item><h4 class="h4 timeline-item-title">Davidson Young Scholar</h4> <span>2014</span> <p class=timeline-text>Highly selective program for the profoundly gifted. More information <a style="display: inline"class=colorlink href=https://www.davidsongifted.org/gifted-programs/young-scholars/>here.</a></p></ol></section><section class=skill><div class=title-wrapper-default><div class=icon-box><ion-icon name=analytics-outline></ion-icon></div><h3 class=h3>Skills</h3></div><ul class="skills-list content-card"><li class=skills-item><div class=title-wrapper><h5 class=h5>Python</h5><data value=100>100%</data></div> <div class=skill-progress-bg><div style="width: 100%;"class=skill-progress-fill></div></div><li class=skills-item><div class=title-wrapper><h5 class=h5>Selenium / Web Scraping</h5><data value=90>90%</data></div> <div class=skill-progress-bg><div style="width: 90%;"class=skill-progress-fill></div></div><li class=skills-item><div class=title-wrapper><h5 class=h5>C#</h5><data value=90>90%</data></div> <div class=skill-progress-bg><div style="width: 90%;"class=skill-progress-fill></div></div><li class=skills-item><div class=title-wrapper><h5 class=h5>Solidworks / 3D CAD</h5><data value=90>90%</data></div> <div class=skill-progress-bg><div style="width: 90%;"class=skill-progress-fill></div></div><li class=skills-item><div class=title-wrapper><h5 class=h5>HTML/CSS (Web)</h5><data value=90>90%</data></div> <div class=skill-progress-bg><div style="width: 90%;"class=skill-progress-fill></div></div><li class=skills-item><div class=title-wrapper><h5 class=h5>Java</h5><data value=80>80%</data></div> <div class=skill-progress-bg><div style="width: 80%;"class=skill-progress-fill></div></div><li class=skills-item><div class=title-wrapper><h5 class=h5>Wordpress / Website Design</h5><data value=70>70%</data></div> <div class=skill-progress-bg><div style="width: 70%;"class=skill-progress-fill></div></div><li class=skills-item><div class=title-wrapper><h5 class=h5>AI Usage</h5><data value=0>0%</data></div> <div class=skill-progress-bg><div style="width: 0%;"class=skill-progress-fill></div></div></ul></section></article><article class=projects data-page=projects><header><h2 class="h2 article-title">Projects</h2></header><section class=projects><ul class=filter-list><li class=filter-item><button class=active data-filter-btn>All</button><li class=filter-item><button data-filter-btn>Discord Bots</button><li class=filter-item><button data-filter-btn>Internship Projects</button><li class=filter-item><button data-filter-btn>Minecraft Plugins</button><li class=filter-item><button data-filter-btn>Abandoned Projects</button><li class=filter-item><button data-filter-btn>Other Bots</button></ul><div class=filter-select-box><button class=filter-select data-select><div class=select-value data-select-value>Select category</div> <div class=select-icon><ion-icon name=chevron-down></ion-icon></div></button><ul class=select-list><li class=select-item><button class=active data-filter-btn>All</button><li class=select-item><button data-filter-btn>Discord Bots</button><li class=select-item><button data-filter-btn>Internship Projects</button><li class=select-item><button data-filter-btn>Minecraft Plugins</button><li class=select-item><button data-filter-btn>Abandoned Projects</button><li class=select-item><button data-filter-btn>Other Bots</button></ul></div><ul class=project-list><li class="project-item active"data-category="discord bots"data-filter-item><a href=Triggered> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=Triggered loading=lazy src=/assets/images/triggered_logo.png></figure> <h3 class=project-title>Triggered</h3> <p class=project-category>IFTTT-esque discord bot</p> </a><li class="project-item active"data-category="internship projects"data-filter-item><a href=PyAerial> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=PyAerial loading=lazy src=/assets/images/pyaerial_logo.jpeg></figure> <h3 class=project-title>PyAerial</h3> <p class=project-category>A better plane tracker. Successor to airstrik.py</p> </a><li class="project-item active"data-category="internship projects"data-filter-item><a href=airstrik.py> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=airstrik.py loading=lazy src=/assets/images/airstrik_logo.png></figure> <h3 class=project-title>airstrik.py</h3> <p class=project-category>Plane tracker for AERPAW (replaced by PyAerial)</p> </a><li class="project-item active"data-category="discord bots"data-filter-item><a href=Piranha> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=Piranha loading=lazy src=/assets/images/piranha_logo.png></figure> <h3 class=project-title>Piranha</h3> <p class=project-category>Chess-playing discord bot</p> </a><li class="project-item active"data-category="minecraft plugins"data-filter-item><a href=Statify> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=Statify loading=lazy src=/assets/images/statify_logo.png></figure> <h3 class=project-title>Statify</h3> <p class=project-category>MC Server Stats done right (SpigotMC)</p> </a><li class="project-item active"data-category="internship projects"data-filter-item><a href=DroneTracker> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=DroneTracker loading=lazy src=/assets/images/placeholder_project.jpg></figure> <h3 class=project-title>DroneTracker</h3> <p class=project-category>Track drones with cameras! Another AERPAW project.</p> </a><li class="project-item active"data-category="other bots"data-filter-item><a href=Molotov> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=Molotov loading=lazy src=/assets/images/placeholder_project.jpg></figure> <h3 class=project-title>Molotov</h3> <p class=project-category>An unfair bot for jklm.fun's Bomb Party</p> </a><li class="project-item active"data-category="other bots"data-filter-item><a href=FiniteCraft> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=FiniteCraft loading=lazy src=/assets/images/finitecraft_logo.png></figure> <h3 class=project-title>FiniteCraft</h3> <p class=project-category>A web scraper and craft finder for Neal Agarwal's Infinite Craft.</p> </a><li class="project-item active"data-category=other data-filter-item><a href=https://github.com/quantumbagel/quantumbagel.github.io> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt="This website"loading=lazy src=/assets/images/placeholder_project.jpg></figure> <h3 class=project-title>This website</h3> <p class=project-category>A remake of vCard for @quantumbagel (me)</p> </a><li class="project-item active"data-category="abandoned projects"data-filter-item><a href=https://github.com/quantumbagel/Hannibal> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=Hannibal loading=lazy src=/assets/images/generals.jpg></figure> <h3 class=project-title>Hannibal</h3> <p class=project-category>A from-scratch Selenium bot driver and AI for generals.io</p> </a><li class="project-item active"data-category="abandoned projects"data-filter-item><a href=https://github.com/quantumbagel/BlokusCloud> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=BlokusCloud loading=lazy src=/assets/images/blokus.jpg></figure> <h3 class=project-title>BlokusCloud</h3> <p class=project-category>A cloud Blokus remake (abandoned)</p> </a><li class="project-item active"data-category="abandoned projects"data-filter-item><a href=https://github.com/quantumbagel/airtime> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=airtime.ino loading=lazy src=/assets/images/arduino.webp></figure> <h3 class=project-title>airtime.ino</h3> <p class=project-category>A flight controller for Arduino Uno that doesn't work (abandoned)</p> </a><li class="project-item active"data-category="other bots"data-filter-item><a href=Chess-Challenge> <figure class=project-img><div class=project-item-icon-box><ion-icon name=eye-outline></ion-icon></div><img alt=Chess-Challenge loading=lazy src=/assets/images/chess.jpg></figure> <h3 class=project-title>Chess-Challenge</h3> <p class=project-category>@Pixelz22 and me made a chess bot for SebLague's Chess Challenge!</p> </a></ul></section></article><article class=contact data-page=contact><header><h2 class="h2 article-title">Contact</h2></header><section class=about-text><p>If you'd like to chat with me or just get more information than I have put on this website, feel free to reach out using the contact form below:</section><section class=contact-form><div class=title-wrapper-default><div class=icon-box><ion-icon name=accessibility></ion-icon></div><h3 class=h3>Contact Form</h3></div><form action=https://formspree.io/f/moqgwdop class=form data-form method=POST><div class=input-wrapper><input placeholder="Full Name"class=form-input data-form-input name=fullname required><input placeholder="Email Address"class=form-input data-form-input name=email required type=email></div><textarea placeholder="Your Message"class=form-input data-form-input name=message required></textarea><button class=form-btn data-form-btn disabled><ion-icon name=paper-plane></ion-icon> <span>Send Message</span></button></form></section></article></div></main><script defer src=/assets/js/minified_script.js></script><script defer src=https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js type=module></script><script defer nomodule src=https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js></script>