diff --git a/src/components/ability.webc b/src/components/ability.webc
index 5ce6716..3f15853 100644
--- a/src/components/ability.webc
+++ b/src/components/ability.webc
@@ -6,13 +6,8 @@
:alt="`${$data.firstName.toLowerCase()}'s ${name}`"
:width="[250, 500]"
sizes="(min-width: 64em) 500px, 250px"
- >
-
-
- ©
-
-
- Here you would see an illustration… If I had one…
+ >Here you would see an illustration… If I had one…
@@ -21,23 +16,18 @@
diff --git a/src/components/page-content.webc b/src/components/page-content.webc
index 3b2fc5b..686471c 100644
--- a/src/components/page-content.webc
+++ b/src/components/page-content.webc
@@ -1,5 +1,5 @@
diff --git a/src/components/page-footer.webc b/src/components/page-footer.webc
deleted file mode 100644
index 8968d70..0000000
--- a/src/components/page-footer.webc
+++ /dev/null
@@ -1,61 +0,0 @@
-
-
-
-
-
diff --git a/src/components/ref-img.webc b/src/components/ref-img.webc
index fcc7dca..640b6f4 100644
--- a/src/components/ref-img.webc
+++ b/src/components/ref-img.webc
@@ -56,15 +56,11 @@
:host :where(picture, img) {
grid-area: image;
- display: grid;
- grid-template-columns: subgrid;
- justify-items: center;
- max-width: 100%;
}
:host .image {
display: block;
- width: auto;
+ width: 100%;
height: 100%;
max-height: 35rem;
object-fit: contain;
@@ -76,7 +72,7 @@
}
:host .dropshadow {
- filter: drop-shadow(0.5em 0.25em 0.375em var(--clr-box-shadow));
+ filter: drop-shadow(0.5em 0.25em 0.375em oklch(0 0 0 / 0.5));
}
:host .caption {
diff --git a/src/layouts/base.webc b/src/layouts/base.webc
index d059c16..31328a3 100644
--- a/src/layouts/base.webc
+++ b/src/layouts/base.webc
@@ -14,8 +14,5 @@
-
-
-
-
+