skills/pbakaus_impeccable
1
0
Fork 0
mirror of https://github.com/pbakaus/impeccable.git synced 2026-09-15 15:46:30 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add case study images for dashboard, landing, and form

Browse Source 
Replaced placeholder divs with actual before/after webp images
for all three transformation examples.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2026-01-08 13:07:46 -08:00
co-authored by Claude Opus 4.5
parent bf5b95319b
commit c981e1b9ea
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+6 -6
View File
@@ -253,12 +253,12 @@
<article class="transformation-panel active" role="tabpanel" data-panel="0">
<div class="transformation-images">
<figure class="transformation-before">
<div class="transformation-placeholder">Before screenshot</div>
<img src="assets/dashboard.before.webp" alt="Dashboard before transformation" loading="lazy">
<figcaption>Before</figcaption>
</figure>
<span class="transformation-arrow">→</span>
<figure class="transformation-after">
<div class="transformation-placeholder">After screenshot</div>
<img src="assets/dashboard.after.webp" alt="Dashboard after transformation" loading="lazy">
<figcaption>After</figcaption>
</figure>
</div>
@@ -276,12 +276,12 @@
<article class="transformation-panel" role="tabpanel" data-panel="1">
<div class="transformation-images">
<figure class="transformation-before">
<div class="transformation-placeholder">Before screenshot</div>
<img src="assets/landing.before.webp" alt="Landing page before transformation" loading="lazy">
<figcaption>Before</figcaption>
</figure>
<span class="transformation-arrow">→</span>
<figure class="transformation-after">
<div class="transformation-placeholder">After screenshot</div>
<img src="assets/landing.after.webp" alt="Landing page after transformation" loading="lazy">
<figcaption>After</figcaption>
</figure>
</div>
@@ -299,12 +299,12 @@
<article class="transformation-panel" role="tabpanel" data-panel="2">
<div class="transformation-images">
<figure class="transformation-before">
<div class="transformation-placeholder">Before screenshot</div>
<img src="assets/form.before.webp" alt="Form before transformation" loading="lazy">
<figcaption>Before</figcaption>
</figure>
<span class="transformation-arrow">→</span>
<figure class="transformation-after">
<div class="transformation-placeholder">After screenshot</div>
<img src="assets/form.after.webp" alt="Form after transformation" loading="lazy">
<figcaption>After</figcaption>
</figure>
</div>