hobokenchicken/webdev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add P.W.L. Myers to portfolio, remove Pemu & 4th & Goal
CI & Lighthouse / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Dustin Newkirk
2026-04-20 14:39:55 -04:00
parent 7323a6f7a8
commit 97a7d8bd95
10 changed files with 1180 additions and 1232 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/optimized/pwlmyers-400.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

assets/images/optimized/pwlmyers-800.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

assets/images/optimized/pwlmyers.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

dist/assets/4th-800-0UtLw_o2.webp
Vendored
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.0 KiB

dist/assets/4th-8qKi-LhK.webp
Vendored
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.4 KiB

dist/assets/pcw-400-BITl4qEE.webp
Vendored
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 34 KiB

dist/assets/pcw-800-DsVJRX-Y.webp
Vendored
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 101 KiB

dist/assets/pcw-CGUYeRaN.webp
Vendored
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 150 KiB

dist/index.html
Vendored
+11 -37
View File
@@ -367,32 +367,6 @@
<section id="portfolio" class="section-padding">
<div class="container">
<h2>Portfolio</h2>
<div class="col-md-6 col-lg-6 mb-2">
<div class="card h-100">
<img srcset="/assets/pcw-400-BITl4qEE.webp 400w, /assets/pcw-800-DsVJRX-Y.webp 800w, /assets/pcw-CGUYeRaN.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="/assets/pcw-CGUYeRaN.webp" class="card-img-top" alt="Pemu Counseling and Wellness" loading="lazy">
<div class="card-body">
<h5 class="card-title">Pemu Counseling and Wellness</h5>
<p class="card-text">Pemu Counseling and Wellness is a comprehensive mental health service provider offering personalized counseling and wellness programs to help individuals achieve their mental health goals.</p>
<div class="d-flex flex-wrap gap-2 mb-3">
<span class="badge-coffee" aria-label="Technology: Responsive Design">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg> Responsive
</span>
<span class="badge-coffee" aria-label="Technology: SEO Optimized">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> SEO
</span>
<span class="badge-coffee" aria-label="Technology: Accessibility">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="1"></circle><path d="M12 22V8M5 12H2a10 10 0 0 0 20 0h-3"></path></svg> A11y
</span>
<span class="badge-coffee" aria-label="Technology: Bootstrap Framework">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l9 4.9V17L12 22l-9-4.9V7z"></path></svg> Bootstrap
</span>
</div>
<div class="mt-auto">
<a href="https://pemucounselingandwellness.com" target="_blank" class="btn btn-outline-coffee btn-sm" aria-label="View Pemu Counseling and Wellness project">View project<span class="visually-hidden"> about Pemu Counseling and Wellness</span></a>
</div>
</div>
</div>
</div>
<div class="row g-4">
<div class="col-md-6 col-lg-6 mb-2">
@@ -416,25 +390,25 @@
<a href="https://kaylassafe.space" target="_blank" class="btn btn-outline-coffee btn-sm" aria-label="View Kayla Newkirk project">View project<span class="visually-hidden"> about Kayla Newkirk</span></a>
</div>
</div>
<div class="col-md-6 col-lg-6 mb-2">
</div>
</div>
<img srcset="data:image/webp;base64,UklGRoYJAABXRUJQVlA4IHoJAACQTQCdASqQATUBPlEokkYjoqYhJNH5SMAKCWVu8SAVz3fT5QSU+s5nonrw3lz/Vfc78DPUL5gHOO/bL1D/xr+5fsz7sf+W/Yf3Tfr57AH68el37C/oAfxn/I+mv7Hv7h/tv7VP/t1nryv/arOmMCtPlj6Sn6Rs1H3YyRALKwNjrdXpdHnUylEji8He7oajEWifR51MpRI4RIKK+0oXXsS3B75KEtGYltr5FeZVoJUSoh4T3V3jvxF5BDjR3HqZGeONMPUyM8Z/DbnA30S4qRRg3k/XkY+UyDHtSjLLbOChOZOsYF43K0w9SruNHcepjlVcTvT2NRwi9g+L/1bSNN7S+wZlFuSHoz+3LHiTAqdYAj9NX+KtrvEn81sCz/gvU1QXQw9tBDSKQnACj3wBaA9krizmi9oE1zjQ0aP6MsC7mMjliXHhUj8ANKYmK/9ocZq1TvlDiiRW2CQ7IrowQPbtjNgiGm2LYHuVPFnn9r+3TaJ4aozrUG4+okOxuH5slC7XrL7XxPqgQ46ZJlIt1rMWdwlr9tuzT+PcAQ49TG4fmyULtfDIWfpIVEIhEIgymSnLbrVbmRne6/8C7G+i9nY/kBY4Ah/Pci5440w7seJLCYepjtTPEFHRsBKbdw6k6nFoEMO7HiSwmHqY81o2bWKiS0u8RKwLQIYd2PElhMPUyNsUXuoZcxmvRq45GeONMPUyM8caVlmqlG6h1MjPHGmHqZFdGCB7dsb6L3UMuY30XYgL4Euhh6mRnjjTD1Mbh1A0Wl+RbBOszEoRCIRCIRCIRCIRCIRCIRCIRCIRCIRCHqiKHieHsOe6CxlHd3QWMo7u6CxiIAD+9tEE+5Xrtmg77n0MbclbWBBTx9+/IdOhDT79oc3Xuv29EeT7oMiTK/aK7RXaK7RXaK7RXaK7RXZHk+hEsN2NPyA+3mVACwuCd7W4aFz21XIgPkUDEJ7ov60dAemu0bUfcNT4kFpBa+fvoAABL4Lgw8likBiSWDTiyZQkKpz/i1Im3v14gy8u7WeGBxr4SYW25p7k5dj21AcbygU7LiKXJV+Hxbwc47IEi+mJEAA7XSR4fLFgjPTkCgib5230xpeFPfnalPo0aTUUx/ycKpAIxI3Dbpn6dy9gCCQbjISMwNjkqLx7qEmagPu7deK+0tSiy0YOh950h79tgBz3RCyQ6W1nvVchxVLREFpZL/RdmO9+ISMRTKxfKK3bftRdHqRBSGeEF6p+LgNTK4x8sWjJzwKO+O/wFFDmf5cZvc/528CbT5hhMR3Gs7YPE6XQkJXM6xAkdRoUFu1d8irHKuwQlni6T/lNu0vjlmexJV871rwRK2xWI1PvEqIoQF9vucF2sT2dgebF+S1DfMHuDGL2c0Dp/LIBXABQcihuLlK1IEhXW32Z1Wk86pWpkeQErKeABsrFp4JiqtLg2Dk10DJb3U5JoH57i2TYmM10WKGm2MgS8QxiSMBZeuEHHXkRZT8Opdw3pM3SmXthvFeeFevXPPDGuBxgkYDyb0WWAsGVzljC00JgE97kSD+fjatmbIdVYWu9XoM3v3Jp7cnUyZKxDf7HHOKE0yStehSfgTRbb+BP0NrklbNkaNUq9z0yjzPTX87v7AG4KJKRnZSs1IqQW5CJQU8MmMVj9TYdnyxb1O0yKp4fIc8SoPoO+MJWErRv1G1smrkCpwbmJYUMVpkrboxBsLk10K/sOK4XNRnjli7BJo9wL1ABrwM1kp/uZR+bIaq8GI2SdtWCbJZk+fD1/Qluo28I0DpyaMDUyg1MEs0iWVP2viOuKQJXaOvk0a6Azzsif376X77Uykjr5vk0frVVpv2+UQdFAX3+zGtj2SuIxQDGoYXTWDSGYrdLAxaX7Iuy6JWg9C+5R8pfNRgjkIZCXXEzmYoUAJ5fQnZ9tzkejN/BSk3L+liDEuLWSaxYuVs3TIKEUlLOQHBs8mWMjaRVhfdsGIvfO3gdSdzWnX9AsiCe+mjTACDeBvc9LStuJreMVpjz5PtH8qV+htssf1Aq28O/gG20zh2jKh+tujuU3Lxe7XEEnfcNIY/PAWawGnAG4cKhbDGL7Qej/3U2gocb8G/qxxx/i9SRRIYtVtG7EAbzaoYauLTo0/gYNFf8eGzgKfHtI7yrZsdUv+uiwrJtu2C1PW2aJ93nFug+3tvuhJnxMlW0g9BmLTgIceeGJvowgAkrkqq1FtlETIz2eYDeRsFiatA9LR0rEt9jdpb8Z8Sup6XiWedPnz7weYQf4NVQIR05BrotlxKOLhKLz6Pk0EHwGO7QrgvJKQde8B4f3CB6899pIleSJpnu268/3Z8/sD40a9j8epCNcP6k+KaZKXJ8Gi5R+7Iz3Uj7PVMU7vcpD/flXz2jzgkY0EKaDAxqZOiY1y0Pi5diNWVOOtM16US2E5HPbp+lnprYmeKDwELC4kVT9WoCyWWk3SarSznSalKouo/mb9cb5ydVHlttRHe42qpDFsu2tr4VNDFMtoTLVONnip4S6ICEqeYvq12oerRQ9WigIjd2lHsKT6NX+/xG8NhkhhVBWrK4rNs2V8nv9OAbY5AvAHyHsfGzth+Axbilr1emq0Ae8wByr08LDQFjIqFwyfdERUAclSrk0uff/xMfF4IN4/AElAT//lX/JLJO+Q2xeVqTQeslwBvQvZrvCs7BwgnhMzYfMG4hK9Ie+3g/FVUEntXdtdVfa+Eh5ITnBFJLKn+Hb7W17P7kkyYhTNfd37DHshf3Dg02u6beHMWnsBOXETZaeasi+R7riFJIDyq7S1+wtcZ+JVFMNtwet41yy7IZ7ikUrk+cSdYzZCRRK0Nw+hyCJAm/ZcD4BQ7oXu31gDYUxbLwrRH3j30ASutsAqtn5DADXiULfA8xHUj/MPJfLlt5hr1dNgfehb7FM9Co/uhz46ztJc8QiiZt47Pmf43rGgDXwbJkco/DcAaoIB4FqWaRsoqQfqc/PD7awpR5l2B5gMfIrX17ZCuHof1pBHQVSKkZO/IhfcRkdAFXYf8bDKb3+md7UlIBo96fWALtVtXPkGS37Rgz+Qz1KNf3JWNVUr7dO2lCsEwIFggwNi2QjjRfsnXAiK0uYji/1qitx1LucAh6YQTjxYch0zbT1sg8nwNhx5hk+j2mqqkBwAopFQBPSA4CikVAE9IDgKKbVmsPA80/NvCZtGZZr2LCARRRmHEkZ5oYesh9WUfgmhLHm8dAiRAuBXWOXDtLzEsILvsqbNYAAu4AAA== 400w, /assets/4th-800-0UtLw_o2.webp 800w, /assets/4th-8qKi-LhK.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="/assets/4th-8qKi-LhK.webp" class="card-img-top" alt="4th & Goal" loading="lazy">
<div class="col-md-6 col-lg-6 mb-2">
<div class="card h-100">
<h5 class="card-title">4th & Goal</h5>
<p class="card-text">4th & Goal is a hardcore band based out of Syracuse, NY, known for their intense performances and powerful music that resonates with fans across the state.</p>
<img srcset="/assets/pwlmyers-400-B-_a1Ue0.webp 400w, /assets/pwlmyers-800-C3zufgSe.webp 800w, /assets/pwlmyers-DeYjTU-s.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="/assets/pwlmyers-DeYjTU-s.webp" class="card-img-top" alt="P.W.L. Myers" loading="lazy">
<div class="card-body">
<h5 class="card-title">P.W.L. Myers</h5>
<span class="badge-coffee" aria-label="Technology: High Performance">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg> Fast
</span>
<span class="badge-coffee" aria-label="Technology: Media Integration">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg> Media
</span>
<p class="card-text">P.W.L. Myers provides leadership counseling and professional development services, empowering individuals to achieve their full potential through personalized guidance and strategic career support.</p>
<div class="d-flex flex-wrap gap-2 mb-3">
<span class="badge-coffee" aria-label="Technology: Responsive Design">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg> Responsive
</span>
<span class="badge-coffee" aria-label="Technology: SEO Optimized">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> SEO
</span>
<span class="badge-coffee" aria-label="Technology: Accessibility">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="1"></circle><path d="M12 22V8M5 12H2a10 10 0 0 0 20 0h-3"></path></svg> A11y
</span>
<a href="https://4th.hobokenchicken.com" target="_blank" class="btn btn-outline-coffee btn-sm" aria-label="View 4th & Goal project">View project<span class="visually-hidden"> about 4th & Goal</span></a>
</div>
<div class="mt-auto">
<a href="https://pwlmyers.org" target="_blank" class="btn btn-outline-coffee btn-sm" aria-label="View P.W.L. Myers project">View project<span class="visually-hidden"> about P.W.L. Myers</span></a>
</div>
index.html
+11 -37
View File
@@ -367,32 +367,6 @@
<h2>Portfolio</h2>
<div class="row g-4">
<div class="col-md-6 col-lg-6 mb-2">
<div class="card h-100">
<img srcset="assets/images/optimized/pcw-400.webp 400w, assets/images/optimized/pcw-800.webp 800w, assets/images/optimized/pcw.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="assets/images/optimized/pcw.webp" class="card-img-top" alt="Pemu Counseling and Wellness" loading="lazy">
<div class="card-body">
<h5 class="card-title">Pemu Counseling and Wellness</h5>
<p class="card-text">Pemu Counseling and Wellness is a comprehensive mental health service provider offering personalized counseling and wellness programs to help individuals achieve their mental health goals.</p>
<div class="d-flex flex-wrap gap-2 mb-3">
<span class="badge-coffee" aria-label="Technology: Responsive Design">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg> Responsive
</span>
<span class="badge-coffee" aria-label="Technology: SEO Optimized">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> SEO
</span>
<span class="badge-coffee" aria-label="Technology: Accessibility">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="1"></circle><path d="M12 22V8M5 12H2a10 10 0 0 0 20 0h-3"></path></svg> A11y
</span>
<span class="badge-coffee" aria-label="Technology: Bootstrap Framework">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l9 4.9V17L12 22l-9-4.9V7z"></path></svg> Bootstrap
</span>
</div>
<div class="mt-auto">
<a href="https://pemucounselingandwellness.com" target="_blank" class="btn btn-outline-coffee btn-sm" aria-label="View Pemu Counseling and Wellness project">View project<span class="visually-hidden"> about Pemu Counseling and Wellness</span></a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 mb-2">
<div class="card h-100">
<img srcset="assets/images/optimized/knphd-400.webp 400w, assets/images/optimized/knphd-800.webp 800w, assets/images/optimized/knphd.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="assets/images/optimized/knphd.webp" class="card-img-top" alt="Kayla Newkirk" loading="lazy">
@@ -416,25 +390,25 @@
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 mb-2">
<div class="col-md-6 col-lg-6 mb-2">
<div class="card h-100">
<img srcset="assets/images/optimized/4th-400.webp 400w, assets/images/optimized/4th-800.webp 800w, assets/images/optimized/4th.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="assets/images/optimized/4th.webp" class="card-img-top" alt="4th & Goal" loading="lazy">
<img srcset="assets/images/optimized/pwlmyers-400.webp 400w, assets/images/optimized/pwlmyers-800.webp 800w, assets/images/optimized/pwlmyers.webp 1200w" sizes="(max-width: 768px) 100vw, 50vw" src="assets/images/optimized/pwlmyers.webp" class="card-img-top" alt="P.W.L. Myers" loading="lazy">
<div class="card-body">
<h5 class="card-title">4th & Goal</h5>
<p class="card-text">4th & Goal is a hardcore band based out of Syracuse, NY, known for their intense performances and powerful music that resonates with fans across the state.</p>
<h5 class="card-title">P.W.L. Myers</h5>
<p class="card-text">P.W.L. Myers provides leadership counseling and professional development services, empowering individuals to achieve their full potential through personalized guidance and strategic career support.</p>
<div class="d-flex flex-wrap gap-2 mb-3">
<span class="badge-coffee" aria-label="Technology: High Performance">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg> Fast
</span>
<span class="badge-coffee" aria-label="Technology: Media Integration">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg> Media
</span>
<span class="badge-coffee" aria-label="Technology: Responsive Design">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg> Responsive
</span>
<span class="badge-coffee" aria-label="Technology: SEO Optimized">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> SEO
</span>
<span class="badge-coffee" aria-label="Technology: Accessibility">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="1"></circle><path d="M12 22V8M5 12H2a10 10 0 0 0 20 0h-3"></path></svg> A11y
</span>
</div>
<div class="mt-auto">
<a href="https://4th.hobokenchicken.com" target="_blank" class="btn btn-outline-coffee btn-sm" aria-label="View 4th & Goal project">View project<span class="visually-hidden"> about 4th & Goal</span></a>
<a href="https://pwlmyers.org" target="_blank" class="btn btn-outline-coffee btn-sm" aria-label="View P.W.L. Myers project">View project<span class="visually-hidden"> about P.W.L. Myers</span></a>
</div>
</div>
</div>