dangrubbb/dangrubb.net
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Convert dangrubb.net to Astro framework

Browse Source 
- Migrated main site, blog, CV, and music sections to Astro
- Component-based architecture with layouts
- JSON-based blog posts
- Static site generation
- Preserved original styling and functionality
This commit is contained in:
dangrubbb
2026-04-23 21:07:44 -04:00
commit 2cd6f70b99
37 changed files with 6987 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

275
src/pages/cv/more-information.astro Normal file
View File

@ -0,0 +1,275 @@
---
import Base from '../../layouts/Base.astro';
---
<Base title="Dan Grubb CV - More Information">
<div class="cv-page">
<header class="l-header" id="header">
<nav class="nav bd-container">
<a href="/cv/" class="nav__logo">Dan</a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item"><a href="/cv/#home" class="nav__link"><i class="bx bx-home nav__icon"></i>Home</a></li>
<li class="nav__item"><a href="/cv/#profile" class="nav__link"><i class="bx bx-user nav__icon"></i>Profile</a></li>
<li class="nav__item"><a href="/cv/#education" class="nav__link"><i class="bx bx-book nav__icon"></i>Education</a></li>
<li class="nav__item"><a href="/cv/#skills" class="nav__link"><i class="bx bx-receipt nav__icon"></i>Skills</a></li>
<li class="nav__item"><a href="/cv/#experience" class="nav__link active-link"><i class="bx bx-briefcase nav__icon"></i>Experience</a></li>
<li class="nav__item"><a href="/cv/#certificates" class="nav__link"><i class="bx bx-briefcase nav__icon"></i>Certificates</a></li>
<li class="nav__item"><a href="/cv/#references" class="nav__link"><i class="bx bx-link-external nav__icon"></i>References</a></li>
</ul>
</div>
<div class="nav__toggle" id="nav-toggle"><i class="bx bx-grid-alt nav__icon"></i></div>
</nav>
</header>
<main class="l-main bd-container">
<div class="resume" id="area-cv">
<div class="resume__left">
<section class="home" id="home">
<div class="home__container section bd-grid">
<div class="home__data bd-grid">
<img src="/cv/assets/img/perfil-example.jpg" alt="perfil" class="home__img" />
<h1 class="home__title">Dan <b>Grubb</b></h1>
<h3 class="home__profession">IT Man</h3>
<div>
<a download="" href="/cv/assets/pdf/ResumeCv.pdf" class="home__button-movil">Download</a>
</div>
</div>
<div class="home__address bd-grid">
<span class="home__information"><i class="bx bx-map home__icon"></i>Falls Church, VA</span>
<span class="home__information"><i class="bx bx-envelope home__icon"></i> Dan@DanGrubb.Net</span>
<span class="home__information"><i class="bx bx-phone home__icon"></i> 703-649-1637</span>
<span class="home__information"><i class="bx bx-planet home__icon"></i> dangrubb.net</span>
</div>
</div>
<i class="bx bx-moon change-theme" title="Theme" id="theme-button"></i>
<i class="bx bx-download generate-pdf" title="Generate PDF" id="resume-button"></i>
</section>
<section class="profile section" id="profile">
<h2 class="section-title">Profile</h2>
<p class="profile__description">
Dynamic and detail-oriented IT professional with a proven track record in both independent and collaborative environments. Skilled in prioritizing tasks and adept at diagnosing and resolving complex technical issues to ensure optimal performance and customer satisfaction.
</p>
</section>
<section class="education section" id="education">
<h2 class="section-title">Education</h2>
<div class="education__container">
<div class="education__content">
<div class="education__time"><span class="education__rounder"></span><span class="education__line"></span></div>
<div class="education__data bd-grid">
<h3 class="education__title">Advanced Diploma</h3>
<span class="education__studies">Patriot High School</span>
<span class="education__year">2015 - 2019</span>
</div>
</div>
<div class="education__content">
<div class="education__time"><span class="education__rounder"></span><span class="education__line"></span></div>
<div class="education__data bd-grid">
<h3 class="education__title">Some College</h3>
<span class="education__year">2020</span>
</div>
</div>
<div class="education__content">
<div class="education__time"><span class="education__rounder"></span></div>
<div class="education__data bd-grid">
<h3 class="education__title">Self-Study Certifications</h3>
<span class="education__year">2020 - Present</span>
</div>
</div>
</div>
</section>
<section class="skills section" id="skills">
<h2 class="section-title">Skills</h2>
<div class="skills__content bd-grid">
<ul class="skills__data">
<li class="skills__name"><span class="skills__circle"></span>Windows</li>
<li class="skills__name"><span class="skills__circle"></span>Mac</li>
<li class="skills__name"><span class="skills__circle"></span>Linux</li>
<li class="skills__name"><span class="skills__circle"></span>Networking</li>
</ul>
<ul class="skills__data">
<li class="skills__name"><span class="skills__circle"></span>Security</li>
<li class="skills__name"><span class="skills__circle"></span>Hardware</li>
<li class="skills__name"><span class="skills__circle"></span>Software</li>
</ul>
</div>
</section>
</div>
<div class="resume__right">
<section class="experience section" id="experience">
<h2 class="section-title">Experience</h2>
<div class="experience__container bd-grid">
<div class="experience__content">
<div class="experience__time"><span class="experience__rounder"></span><span class="experience__line"></span></div>
<div class="experience__data bd-grid">
<h3 class="experience__title">IT Consultant and Support Technician</h3>
<span class="experience__company">2025 to Present | Blue Tech Innovation</span>
<ul class="experience__description">
<li>• Provide administration and internal support for company systems, including PCs, Macs, phones, printers, servers, and other related equipment.</li>
<li>• Offer end-user support for both office-based and remote employees.</li>
<li>• Ensure the health, stability, and best practices configuration of client infrastructures.</li>
<li>• Troubleshoot and resolve issues with the following technologies:</li>
<li>• Windows Server, VPN Clients, Group Policy, Folder Permissions</li>
<li>• Firewalls, Printer Servers, Office 365</li>
<li>• Mac systems, workstation and network connectivity issues</li>
<li>• Exchange Server, Microsoft Office Applications, and the latest Microsoft Office suite versions</li>
</ul>
</div>
</div>
<div class="experience__content">
<div class="experience__time"><span class="experience__rounder"></span><span class="experience__line"></span></div>
<div class="experience__data bd-grid">
<h3 class="experience__title">Technical Account Manager</h3>
<span class="experience__company">2023 to Present | ITG</span>
<ul class="experience__description">
<li>• Ensure customer success with technical consulting and implementation of adaptive software and hardware.</li>
<li>• Manage client relationships and troubleshoot technical issues.</li>
<li>• Deliver tailored solutions for business needs.</li>
<li>• Find creative solutions for government and private clients.</li>
<li>• Maintained 99% SLA compliance.</li>
<li>• Streamlined and documented standard operating procedures.</li>
<li>• Automated daily and repetitive tasks.</li>
<li>• Created instructional media for field technicians.</li>
</ul>
</div>
</div>
<div class="experience__content">
<div class="experience__time"><span class="experience__rounder"></span><span class="experience__line"></span></div>
<div class="experience__data bd-grid">
<h3 class="experience__title">Field Technician</h3>
<span class="experience__company">2023 | Dell</span>
<ul class="experience__description">
<li>• Managed a workload of repairs in a ticketing system.</li>
<li>• Scheduled, routed, and completed all tickets in a timely manner.</li>
<li>• Found solutions to complex hardware/firmware issues and ensured systems were up and running efficiently.</li>
<li>• Maintained positive professional relations with Dell's corporate, government, and consumer clients.</li>
<li>• Exceeded ticket completion standards handling all tickets in the Falls Church - Arlington area.</li>
</ul>
</div>
</div>
<div class="experience__content">
<div class="experience__time"><span class="experience__rounder"></span><span class="experience__line"></span></div>
<div class="experience__data bd-grid">
<h3 class="experience__title">Lead Repair Technician</h3>
<span class="experience__company">2021 to 2022 | T-Mobile</span>
<ul class="experience__description">
<li>• Diagnosed and repaired cellphones, tablets, laptops, and other mobile devices.</li>
<li>• Efficiently diagnosed issues with customers' devices and performed all necessary repairs.</li>
<li>• Handled inventory and parts returns while ensuring systems were up to date.</li>
<li>• Exceeded SLA expectations completing 90% of repairs in under 90 minutes.</li>
</ul>
</div>
</div>
<div class="experience__content">
<div class="experience__time"><span class="experience__rounder"></span><span class="experience__line"></span></div>
<div class="experience__data bd-grid">
<h3 class="experience__title">Lead Technician</h3>
<span class="experience__company">2021 | Red Door Pro Wash</span>
<ul class="experience__description">
<li>• Communicated with customers to perform soft wash services efficiently.</li>
<li>• Created job plans for the team prior to arrival.</li>
<li>• Maintained and drove the company vehicle.</li>
</ul>
</div>
</div>
<div class="experience__content">
<div class="experience__time"><span class="experience__rounder"></span><span class="experience__line"></span></div>
<div class="experience__data bd-grid">
<h3 class="experience__title">Night Shift Manager</h3>
<span class="experience__company">2020 to 2021 | Taco Bell</span>
<ul class="experience__description">
<li>• Managed up to 10 staff during the night shift.</li>
<li>• Trained new employees and handled customer issues.</li>
<li>• Processed refunds, tracked inventory, and kept cash registers balanced.</li>
</ul>
</div>
</div>
<a href="/cv/" class="back__home">
<i class="bx bx-arrow-back back__icon"></i> Back to Home
</a>
</div>
</section>
</div>
</div>
</main>
<a href="#" class="scrolltop" id="scroll-top">
<i class="bx bx-up-arrow-alt scrolltop__icon"></i>
</a>
</div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css" />
<script is:inline src="/cv/js/html2pdf.bundle.min.js"></script>
<script>
// Menu toggle
const nav = document.getElementById('nav-menu');
if (toggle && nav) {
toggle.addEventListener('click', () => nav.classList.toggle('show-menu'));
}
document.querySelectorAll('.nav__link').forEach(l => {
l.addEventListener('click', () => nav?.classList.remove('show-menu'));
});
const sections = document.querySelectorAll('section[id]');
window.addEventListener('scroll', () => {
const scrollY = window.pageYOffset;
sections.forEach(current => {
const h = current.offsetHeight;
const top = current.offsetTop - 50;
const id = current.getAttribute('id');
const link = document.querySelector(`.nav__menu a[href*="${id}"]`);
if (link) {
if (scrollY > top && scrollY <= top + h) link.classList.add('active-link');
else link.classList.remove('active-link');
}
});
const scrollTopEl = document.getElementById('scroll-top');
if (scrollTopEl) {
if (scrollY >= 200) scrollTopEl.classList.add('show-scroll');
else scrollTopEl.classList.remove('show-scroll');
}
});
const themeButton = document.getElementById('theme-button');
if (themeButton) {
const darkTheme = 'dark-theme';
const iconTheme = 'bx-sun';
const selectedTheme = localStorage.getItem('selected-theme');
const selectedIcon = localStorage.getItem('selected-icon');
if (selectedTheme) {
document.body.classList[selectedTheme === 'dark' ? 'add' : 'remove'](darkTheme);
themeButton.classList[selectedIcon === 'bx-moon' ? 'add' : 'remove'](iconTheme);
}
themeButton.addEventListener('click', () => {
document.body.classList.toggle(darkTheme);
themeButton.classList.toggle(iconTheme);
localStorage.setItem('selected-theme', document.body.classList.contains(darkTheme) ? 'dark' : 'light');
localStorage.setItem('selected-icon', themeButton.classList.contains(iconTheme) ? 'bx-moon' : 'bx-sun');
});
}
const resumeButton = document.getElementById('resume-button');
if (resumeButton) {
resumeButton.addEventListener('click', () => {
document.body.classList.add('scale-cv');
const areaCv = document.getElementById('area-cv');
// @ts-ignore
html2pdf(areaCv, {
margin: 0, filename: 'DanGrubbResume.pdf',
image: { type: 'jpeg', quality: 0.98 },
html2canvas: { scale: 2 },
jsPDF: { format: 'a4', orientation: 'portrait' },
});
setTimeout(() => document.body.classList.remove('scale-cv'), 5000);
});
}
</script>
</Base>
<style is:global>
@import '../../styles/cv.css';
</style>