commit 6df655b5c5940a9871744ff9bb95d78e797edfc0
parent ec3d0dbd7765b6f8b1b3696bb3d7bbe02b855b2d
Author: Zane Schaffer <znschaffer@gmail.com>
Date: Wed, 26 Aug 2026 09:09:25 -0700
fix some formatting
Diffstat:
| M | index.html | | | 96 | ++++++++++++++++++++++++++++++++++++++++--------------------------------------- |
| M | photos.html | | | 57 | ++++++++++++++++++++++++++++----------------------------- |
| M | posters.html | | | 36 | ++++++++++++++++++------------------ |
| M | style.css | | | 51 | +++++++++++++++++++++++++++++---------------------- |
4 files changed, 124 insertions(+), 116 deletions(-)
diff --git a/index.html b/index.html
@@ -5,64 +5,66 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<meta
- name="description"
- content="Zane Schaffer's Lovely Indescribable Information and Tasty Site"
- />
+ name="description"
+ content="Zane Schaffer's Lovely Indescribable Information and Tasty Site"
+ />
<link
- rel="icon"
- type="image/x-icon"
- href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>↔</text></svg>"
- />
- <link rel="stylesheet" type="text/css" href="style.css" />
- <title>Zane Schaffer</title>
- <meta
- name="description"
- content="A site for Zanes all around the world, but specifically me."
- />
+ rel="icon"
+ type="image/x-icon"
+ href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>↔</text></svg>"
+ />
+ <link rel="stylesheet" type="text/css" href="style.css" />
+ <title>Zane Schaffer</title>
+ <meta
+ name="description"
+ content="A site for Zanes all around the world, but specifically me."
+ />
</head>
<body>
- <main class="b" >
+ <main class="b">
<h1>Zane Schaffer</h1>
<p>
- This site contains notes, information, blog posts, and other
- tidbits about my life. You may contact me via
- <a href="mailto:znschaffer@gmail.com">email</a> or any
- social media platform you see fit. You may also view my CV
- <a
- href="https://store.znschaffer.com/docs/Zane_Schaffer_Resume.pdf"
+ This site contains notes, information, blog posts, and other tidbits
+ about my life. You may contact me via
+ <a href="mailto:znschaffer@gmail.com">email</a> or any social media
+ platform you see fit. You may also view my CV
+ <a href="https://store.znschaffer.com/docs/Zane_Schaffer_Resume.pdf"
>here</a
>.
</p>
- <h2>Life</h2>
- <p>You can find me in the Capitol Hill neighbourhood of Seattle,
+ <h2>Life</h2>
+ <p>
+ You can find me in the Capitol Hill neighbourhood of Seattle,
Washington. I enjoy walking and sitting in Cal Anderson park and
photographing the many oddly shaped light fixtures. I live with my
- partner <a href="https://xinrui.work">Xinrui Chen</a>, a talented and multi-faceted artist turned
- programmer, and our tuxedo cat Cleo.</p>
- <h2>Music</h2>
- <p>I play guitar and sing in a garage punk band, <a
- href="https://johnhonda.com">John Honda</a>, previously
- created electronic music under my given name, and have experimented
- around with different forms of sound art installations.
- </p>
- <h2>Photography</h2>
- A recent hobby of mine. I don't so much collect memories with photos as
- I enjoy capturing certain aesthetically pleasing angles or scenes
- around my life.
- View my photos taken with film cameras, toy cameras, phones, and more
- <a href="/photos">here</a>.
- <h2>Design</h2>
- As my band has begun playing more and more shows, posters advertising
- those shows needed to be created. Xinrui has helped with quite a few
- but I've been picking up the skill as well as needed. View a smattering
- of these punk show posters <a href="/posters">here</a>.
- <h2>Coding</h2>
- I put together this site although my main focus isn't in the domain of
- web-tech. I enjoy TUIs and weird tools built in C and C++. Audio
- programming has become a recent passion and I'm working on a few
- projects in the JUCE framework. See my current and past projects on my
- github <a href="https://github.com/znschaffer">here</a>.
+ partner <a href="https://xinrui.work">Xinrui Chen</a>, a talented and
+ multi-faceted artist turned programmer, and our tuxedo cat Cleo.
+ </p>
+ <h2>Music</h2>
+ <p>
+ I play guitar and sing in a garage punk band,
+ <a href="https://johnhonda.com">John Honda</a>, previously created
+ electronic music under my given name, and have experimented around with
+ different forms of sound art installations.
+ </p>
+ <h2>Photography</h2>
+ A recent hobby of mine. I don't so much collect memories with photos as I
+ enjoy capturing certain aesthetically pleasing angles or scenes around my
+ life. View my photos taken with film cameras, toy cameras, phones, and
+ more
+ <a href="/photos">here</a>.
+ <h2>Design</h2>
+ As my band has begun playing more and more shows, posters advertising
+ those shows needed to be created. Xinrui has helped with quite a few but
+ I've been picking up the skill as well as needed. View a smattering of
+ these punk show posters <a href="/posters">here</a>.
+ <h2>Coding</h2>
+ I put together this site although my main focus isn't in the domain of
+ web-tech. I enjoy TUIs and weird tools built in C and C++. Audio
+ programming has become a recent passion and I'm working on a few projects
+ in the JUCE framework. See my current and past projects on my github
+ <a href="https://github.com/znschaffer">here</a>.
</main>
</body>
</html>
diff --git a/photos.html b/photos.html
@@ -5,85 +5,84 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<meta
- name="description"
- content="Zane Schaffer's Lovely Indescribable Information and Tasty Site"
- />
+ name="description"
+ content="Zane Schaffer's Lovely Indescribable Information and Tasty Site"
+ />
<link
- rel="icon"
- type="image/x-icon"
- href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>↔</text></svg>"
- />
- <link rel="stylesheet" type="text/css" href="style.css" />
- <title>Z-PICS</title>
- <meta
- name="description"
- content="A site for Zanes all around the world, but specifically me."
- />
+ rel="icon"
+ type="image/x-icon"
+ href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>↔</text></svg>"
+ />
+ <link rel="stylesheet" type="text/css" href="style.css" />
+ <title>Z-PICS</title>
+ <meta
+ name="description"
+ content="A site for Zanes all around the world, but specifically me."
+ />
</head>
<body>
<main>
<h1 style="text-align: center">PHOTOS</h1>
<div class="photos outline">
-
<figure>
- <img src="photos/P1040028.webp">
+ <img src="photos/P1040028.webp" />
</figure>
<figure>
- <img src="photos/P1040033.webp">
+ <img src="photos/P1040033.webp" />
</figure>
<figure>
- <img src="photos/P1040035.webp">
+ <img src="photos/P1040035.webp" />
</figure>
<figure>
- <img src="photos/P1040050.webp">
+ <img src="photos/P1040050.webp" />
</figure>
<figure>
- <img src="photos/P1040052.webp">
+ <img src="photos/P1040052.webp" />
</figure>
<figure>
- <img src="photos/P1040056.webp">
+ <img src="photos/P1040056.webp" />
</figure>
<figure>
- <img src="photos/P1040060.webp">
+ <img src="photos/P1040060.webp" />
</figure>
<figure>
- <img src="photos/P1040200.webp">
+ <img src="photos/P1040200.webp" />
</figure>
<figure>
- <img src="photos/P1040347.webp">
+ <img src="photos/P1040347.webp" />
</figure>
<figure>
- <img src="photos/Scan50774.webp">
+ <img src="photos/Scan50774.webp" />
</figure>
<figure>
- <img src="photos/Scan50775.webp">
+ <img src="photos/Scan50775.webp" />
</figure>
<figure>
- <img src="photos/Scan50888.webp">
+ <img src="photos/Scan50888.webp" />
</figure>
<figure>
- <img src="photos/Scan50894.webp">
+ <img src="photos/Scan50894.webp" />
</figure>
<figure>
- <img src="photos/Scan54292.webp">
+ <img src="photos/Scan54292.webp" />
</figure>
<figure>
- <img src="photos/Scan54298.webp">
+ <img src="photos/Scan54298.webp" />
</figure>
</div>
</main>
diff --git a/posters.html b/posters.html
@@ -5,20 +5,20 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<meta
- name="description"
- content="Zane Schaffer's Lovely Indescribable Information and Tasty Site"
- />
+ name="description"
+ content="Zane Schaffer's Lovely Indescribable Information and Tasty Site"
+ />
<link
- rel="icon"
- type="image/x-icon"
- href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>↔</text></svg>"
- />
- <link rel="stylesheet" type="text/css" href="style.css" />
- <title>Z-POSTERS</title>
- <meta
- name="description"
- content="A site for Zanes all around the world, but specifically me."
- />
+ rel="icon"
+ type="image/x-icon"
+ href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>↔</text></svg>"
+ />
+ <link rel="stylesheet" type="text/css" href="style.css" />
+ <title>Z-POSTERS</title>
+ <meta
+ name="description"
+ content="A site for Zanes all around the world, but specifically me."
+ />
</head>
<body>
@@ -26,23 +26,23 @@
<h1 style="text-align: center">POSTERS</h1>
<div class="photos posters-outline">
<figure>
- <img src="posters/2026_05_tour.webp">
+ <img src="posters/2026_05_tour.webp" />
<figcaption>May 2026 Tour</figcaption>
</figure>
<figure>
- <img src="posters/2026_06_tour.webp">
+ <img src="posters/2026_06_tour.webp" />
<figcaption>June 2026 Tour</figcaption>
</figure>
<figure>
- <img src="posters/2026_06_25.webp">
+ <img src="posters/2026_06_25.webp" />
<figcaption>June 2026 @ Conor Byrne</figcaption>
</figure>
<figure>
- <img src="posters/2026_06_26.webp">
+ <img src="posters/2026_06_26.webp" />
<figcaption>June 2026 @ Rollin' Records</figcaption>
</figure>
<figure>
- <img src="posters/2026_06_28.webp">
+ <img src="posters/2026_06_28.webp" />
<figcaption>June 2026 @ Zap House</figcaption>
</figure>
</div>
diff --git a/style.css b/style.css
@@ -1,8 +1,8 @@
@font-face {
- font-family: "Cordata";
- src: url('./Px437_Cordata_PPC-400.woff2') format('woff2');
+ font-family: "Cordata";
+ src: url("./Px437_Cordata_PPC-400.woff2") format("woff2");
}
-* {
+* {
image-rendering: pixelated;
box-sizing: border-box;
margin: 0;
@@ -14,9 +14,9 @@ html {
}
body {
max-width: 900px;
- filter: drop-shadow(1px 1px 4px #9A9A9A);
+ filter: drop-shadow(1px 1px 4px #9a9a9a);
background-color: #dffafa;
- font-family: 'Cordata';
+ font-family: "Cordata";
color: #333;
font-size: 16px;
flex-direction: row;
@@ -26,32 +26,37 @@ body {
align-items: center;
}
-::selection { color: white; background: #b03a0f; }
+::selection {
+ color: white;
+ background: #b03a0f;
+}
-h1, h2 {
+h1,
+h2 {
margin-bottom: 12px;
margin-top: 16px;
}
- .posters-outline {
- border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACpUlEQVR4AeyX0U0DQQxED5qhMnqgBHqgMqoBKR+IfXvsaLAvXMggJcqc7bHv3cokj1v+WgkEaCvObQvQAG0m0Gx3+Al9en37cF7N97ep3t39DgfaPfDZ/QK0+QkF6NmAqh31/vL84LyUH+9f5averKe/q3NCXWIiP0AFIDccoC4xkW8DfXp9G75XujuKO4va9XPzVT/GBb8pbAOdHHJhIBCgA466CNA6w8FBAuVO4c5inJr51MM0O0L5MU7NftQqn/GdEYdLEuiQHSEJBKhE5CUEqMdLZk9AuTPcncN8NYGbr+Zz/dR8bnwC6hokfyQQoCOPsgrQMsLR4FpAx66G4k6kNqx2U+mndjTjND09UA58dh2gzU8oQI8G2r1Tmuc9vV1OaPMjCtAAbSbQbJcTGqDNBJrtckIDtJlAs508oX/4vbT5Vvft+NvcvV+6SqAsiF4TCNA1HzsaoDaydYEE2r1j1uPcflQCvf1bvO4dBGgz7wAN0BqBo/8n5ITWns9UHaATktqFAK3xm6onoEfvmGmC3gvSzf2tTh6qwQRUFSS+JhCgaz52NEBtZOuCAF3zsaMBaiNbFwTomo8dDVAb2brg7oF2fy+9e6Dr8+ZHA9RntqwI0CUePzgB7d4p7kjub2fXfye/9dIEtNX9Ds0CtPmhB+itA+WOpFY7nPkuD9ZTq/6Ms39OKIkUdYAWAbI8QEmkqCVQ7gx356h811/lsx8166lVvuItgSqDxEcCATryKKsALSMcDWyg7s5R+WpnMU5Nf6VZT836EdeX+vGDDfRHpwQuBAL0gqHvLUD7WF6cykC5c7iTqJlPfZnq2xvj1PRXmvXU31r/6mMZ6K+6/uOiAG1+uAF6dqDcSdTN82/0V7q7P/1yQkmkqAO0CJDlAUoiRf0JAAD//xE2jyEAAAAGSURBVAMARU7w5aRwlOEAAAAASUVORK5CYII=') 28 / 28px / 0 round;
- border-width: 28px;
- border-style: solid;
- }
-
+.posters-outline {
+ border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACpUlEQVR4AeyX0U0DQQxED5qhMnqgBHqgMqoBKR+IfXvsaLAvXMggJcqc7bHv3cokj1v+WgkEaCvObQvQAG0m0Gx3+Al9en37cF7N97ep3t39DgfaPfDZ/QK0+QkF6NmAqh31/vL84LyUH+9f5averKe/q3NCXWIiP0AFIDccoC4xkW8DfXp9G75XujuKO4va9XPzVT/GBb8pbAOdHHJhIBCgA466CNA6w8FBAuVO4c5inJr51MM0O0L5MU7NftQqn/GdEYdLEuiQHSEJBKhE5CUEqMdLZk9AuTPcncN8NYGbr+Zz/dR8bnwC6hokfyQQoCOPsgrQMsLR4FpAx66G4k6kNqx2U+mndjTjND09UA58dh2gzU8oQI8G2r1Tmuc9vV1OaPMjCtAAbSbQbJcTGqDNBJrtckIDtJlAs508oX/4vbT5Vvft+NvcvV+6SqAsiF4TCNA1HzsaoDaydYEE2r1j1uPcflQCvf1bvO4dBGgz7wAN0BqBo/8n5ITWns9UHaATktqFAK3xm6onoEfvmGmC3gvSzf2tTh6qwQRUFSS+JhCgaz52NEBtZOuCAF3zsaMBaiNbFwTomo8dDVAb2brg7oF2fy+9e6Dr8+ZHA9RntqwI0CUePzgB7d4p7kjub2fXfye/9dIEtNX9Ds0CtPmhB+itA+WOpFY7nPkuD9ZTq/6Ms39OKIkUdYAWAbI8QEmkqCVQ7gx356h811/lsx8166lVvuItgSqDxEcCATryKKsALSMcDWyg7s5R+WpnMU5Nf6VZT836EdeX+vGDDfRHpwQuBAL0gqHvLUD7WF6cykC5c7iTqJlPfZnq2xvj1PRXmvXU31r/6mMZ6K+6/uOiAG1+uAF6dqDcSdTN82/0V7q7P/1yQkmkqAO0CJDlAUoiRf0JAAD//xE2jyEAAAAGSURBVAMARU7w5aRwlOEAAAAASUVORK5CYII=")
+ 28 / 28px / 0 round;
+ border-width: 28px;
+ border-style: solid;
+}
.outline {
- border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACD0lEQVR4AezX0W6DMAyFYbb3f+eNcFEFq07w4VCV9p/KVBr7NP2wkPhd+LMKAGrlXBZAATULmOOYUEDNAuY4JhRQs4A5jgkF1CxgjmNCATULmOOUCTVv4bPiADVfT0ABNQuY414xoX/rnivHWl56VbJbbSm8WvwK0Oqebl0PqPnyAXoD0Haf6o+fdc+Vo+898r6S3Wpj5ro934sJ9VluSYBuDL5/gPostyQHaLwntftUf7Qvqhx975H3lexWGzPj/luNfDhA5S//xEZAzVcVUEDNAuY4JhRQs4A5jgkF1CxgjmNCATULmOOY0DcEverZ2PxTH3Hx2T3u/1GovGFCFbVBD6ADHGUJUEVt0APoAEdZAlRRG/QAOsBRlgBV1AY9gA5wlCVAFbVBD6ADHGUJUEVt0OMAvfTZeLD3Z0tHPovP7nH/RzLSGgdoGv6NC4CarzqggJoFzHFMKKBmAXMcEwqoWcAcx4QCahYwxzGhbwjqfjaOz9az8ypJzIv7r+bt6pnQHcf5E0DPG+4SAN1xnD+5AjTek+I9a3Ye+2fns7y4HvPOK3YJV4B28d/3FlDzNQf0hqDxnjU7r/7EWV5cr+aX6pnQEte8GNC5UakC0BLXvBjQudGzivQzQFMabQFQzS3tAjSl0RYA1dzSLkBTGm0BUM0t7QI0pdEWANXc0i5AUxptAVDNLe0CNKXRFv4BAAD//6E3hnoAAAAGSURBVAMAnGpwqYSBGT4AAAAASUVORK5CYII=') 28 / 28px / 0 round;
- border-width: 28px;
+ border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAACD0lEQVR4AezX0W6DMAyFYbb3f+eNcFEFq07w4VCV9p/KVBr7NP2wkPhd+LMKAGrlXBZAATULmOOYUEDNAuY4JhRQs4A5jgkF1CxgjmNCATULmOOUCTVv4bPiADVfT0ABNQuY414xoX/rnivHWl56VbJbbSm8WvwK0Oqebl0PqPnyAXoD0Haf6o+fdc+Vo+898r6S3Wpj5ro934sJ9VluSYBuDL5/gPostyQHaLwntftUf7Qvqhx975H3lexWGzPj/luNfDhA5S//xEZAzVcVUEDNAuY4JhRQs4A5jgkF1CxgjmNCATULmOOY0DcEverZ2PxTH3Hx2T3u/1GovGFCFbVBD6ADHGUJUEVt0APoAEdZAlRRG/QAOsBRlgBV1AY9gA5wlCVAFbVBD6ADHGUJUEVt0OMAvfTZeLD3Z0tHPovP7nH/RzLSGgdoGv6NC4CarzqggJoFzHFMKKBmAXMcEwqoWcAcx4QCahYwxzGhbwjqfjaOz9az8ypJzIv7r+bt6pnQHcf5E0DPG+4SAN1xnD+5AjTek+I9a3Ye+2fns7y4HvPOK3YJV4B28d/3FlDzNQf0hqDxnjU7r/7EWV5cr+aX6pnQEte8GNC5UakC0BLXvBjQudGzivQzQFMabQFQzS3tAjSl0RYA1dzSLkBTGm0BUM0t7QI0pdEWANXc0i5AUxptAVDNLe0CNKXRFv4BAAD//6E3hnoAAAAGSURBVAMAnGpwqYSBGT4AAAAASUVORK5CYII=")
+ 28 / 28px / 0 round;
+ border-width: 28px;
- border-style: solid;
+ border-style: solid;
}
-
.b {
- border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAVKADAAQAAAABAAAAVAAAAAC3aM1AAAACJElEQVR4Ae2bwU0sQRBDF0QGpEF8BEF8pEEMcPccLGPvMoMet1JXeapfV1vN1+d24wcCEIAABH5L4Om3hVete3t9/056//z6iBg9J+LkegIA9YyiDIBGuHyy9QfnOanHaEuP1k/71f5cPROqJ1zGAC0BajlAlUgZv2h96hlXz9f9tzET2hKUeoAKkDYEaEtQ6g/v0NQTRe+m9bru3nGar/Gj9dN+mVA9sTIGaAlQywGqRMp47qFlPw8vV09OPVMbZkKVSBkDtASo5QBVImV8+F1ePWTtMWW/py9nQsdHBFCAjgmM5Q7vUKf/3z213R9X3k1QuA7QEJhLB6gjFK7HHqr6reeo3tnidH9M6PgEAQrQMYGxHBMK0DGBsRwTCtAxgbFc/A5N32Xjfu8u1+6PKz8+IoACdExgLGc9tPWUcb9zufX+uPLjIwIoQMcExnJMKEDHBMZyTChAxwTGcvYdqt9bv9tU/6/jdn9c+fEJAhSgYwJjudhD9fut56je2eJ0f1z58QkCFKBjAmO5w/+xH+tfXi79mwOu/PjIAQrQMYGxXOyh6bvM9at6mq8epusuvre+fp8rr0TKGKAlQC0HqBIpY+uh6kFrT3N66ffvne94M6GOULgO0BCYSweoIxSu238PTT1Jv9/WOz1dd56s+Rprv7ru9JlQJVbGAC0BajlAlUgZWw9Vfecxmu88R/OvHjOh4xMEKEDHBJCDAAQgAIHTEPgBYeexLyRqUugAAAAASUVORK5CYII=') 28 / 28px / 0 round;
- border-width: 28px;
- border-style: solid;
+ border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAVKADAAQAAAABAAAAVAAAAAC3aM1AAAACJElEQVR4Ae2bwU0sQRBDF0QGpEF8BEF8pEEMcPccLGPvMoMet1JXeapfV1vN1+d24wcCEIAABH5L4Om3hVete3t9/056//z6iBg9J+LkegIA9YyiDIBGuHyy9QfnOanHaEuP1k/71f5cPROqJ1zGAC0BajlAlUgZv2h96hlXz9f9tzET2hKUeoAKkDYEaEtQ6g/v0NQTRe+m9bru3nGar/Gj9dN+mVA9sTIGaAlQywGqRMp47qFlPw8vV09OPVMbZkKVSBkDtASo5QBVImV8+F1ePWTtMWW/py9nQsdHBFCAjgmM5Q7vUKf/3z213R9X3k1QuA7QEJhLB6gjFK7HHqr6reeo3tnidH9M6PgEAQrQMYGxHBMK0DGBsRwTCtAxgbFc/A5N32Xjfu8u1+6PKz8+IoACdExgLGc9tPWUcb9zufX+uPLjIwIoQMcExnJMKEDHBMZyTChAxwTGcvYdqt9bv9tU/6/jdn9c+fEJAhSgYwJjudhD9fut56je2eJ0f1z58QkCFKBjAmO5w/+xH+tfXi79mwOu/PjIAQrQMYGxXOyh6bvM9at6mq8epusuvre+fp8rr0TKGKAlQC0HqBIpY+uh6kFrT3N66ffvne94M6GOULgO0BCYSweoIxSu238PTT1Jv9/WOz1dd56s+Rprv7ru9JlQJVbGAC0BajlAlUgZWw9Vfecxmu88R/OvHjOh4xMEKEDHBJCDAAQgAIHTEPgBYeexLyRqUugAAAAASUVORK5CYII=")
+ 28 / 28px / 0 round;
+ border-width: 28px;
+ border-style: solid;
padding: 1rem;
}
@@ -63,7 +68,6 @@ h1, h2 {
position: relative;
z-index: 2;
padding-bottom: 15px;
-
}
figure {
@@ -72,7 +76,10 @@ figure {
position: relative;
}
-figure:hover figcaption, figure:focus figcaption { z-index: 3; }
+figure:hover figcaption,
+figure:focus figcaption {
+ z-index: 3;
+}
.photos figure figcaption {
line-height: 1;
