From c798717f6abd5b32226a797f347e096f48d96ec6 Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Thu, 6 Apr 2023 15:16:07 +0200
Subject: [PATCH] feat: add About page layout

---
 .../assets/images/portrait-stefan-imhoff.svg  |  1 +
 src/layouts/AboutLayout.astro                 | 28 +++++++++++++++++++
 src/pages/about.mdx                           |  3 +-
 3 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 public/assets/images/portrait-stefan-imhoff.svg
 create mode 100644 src/layouts/AboutLayout.astro

diff --git a/public/assets/images/portrait-stefan-imhoff.svg b/public/assets/images/portrait-stefan-imhoff.svg
new file mode 100644
index 0000000..37d429d
--- /dev/null
+++ b/public/assets/images/portrait-stefan-imhoff.svg
@@ -0,0 +1 @@
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" viewBox="0 0 2481 3596" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path clip-rule="evenodd" d="m0 0h2480.32v3507.87h-2480.32z"/></clipPath><g transform="scale(1 1.02509)"><path d="m0 0h2480.32v3507.87h-2480.32z" fill="none"/><g clip-path="url(#a)"><path d="m-6-106h2562v3763h-2562z" fill="#484848" transform="matrix(.968117 0 0 .932201 5.8087 98.8134)"/><path d="m531 2503s-64.326-3.78-97 23-93.302 79.64-151 86-297 38-297 38v961l2511 5 8-1204s-140.24-57.08-207-57-281.9-2.9-329-3-171-3-171-3l-144 283-24 299-5 176 31 139 10 68-23 83-19 52-145 84h-53l-30-54-102 9-175 22-195-47-194-170-184-245-87-314 4-89 65-44z" fill="#242424" transform="scale(1 .975528)"/><path d="m2313 2520-12 179 17 211-12 87 41 124 59 170-9 149 15 154-89 14-3-151s13.15-127.12 12-150-50-177-50-177l-20-132s10.93-95.68 12-116-10.3-118.15-10-131 .76-75.75 6-107 43-124 43-124z" transform="scale(1 .975528)"/><path d="m2158 3607-30-336s-41.57-202.98-42-216-27-177-27-177l-45-136s15.34 173.17 16 192 14.69 185.37 19 203c4.3 17.63 28 124 28 124s16.19 129.39 17 172-10 164-10 164z" transform="scale(1 .975528)"/><path d="m-10 3172 135 126 159 203 79 103-19 7-238-292-116-116z" transform="scale(1 .975528)"/><path d="m-9 2868s103.47 62.77 158 96 136 134 136 134l85 141 68 115-83-233-97-133-118-83z" transform="scale(1 .975528)"/><path d="m321 2869s-40.816-71.69-16-134 37.423-122.64 62-143 72.035-59.51 96-63-47.889 33.58-84 117-68.524 143.2-58 223z" transform="scale(1 .975528)"/><path d="m359 805 5-185 18-131 125-152-8-148 88-39s119.75-23.43 132-21 174 10 174 10l173-7 267-2 280-15 117 8 42-25 65 85 93 538 25 128s46.43-39.315 67-37 66.95 25.14 78 40 27.31 59.874 22 79-25.65 179.81-28 188-4.81 94.01-12 107-39.76 103.85-44 116-15.1 43.75-28 48-72.26 19.74-79 18-77 236-77 236-136.24 280.4-147 293-55 98-55 98l-16 287s-16.1 152.35-8 195 40.99 198.51 40 212-36 103-36 103-1.79 27.59-12 32-125.44 81.64-152 84c-26.56 2.37-40.77 14.89-47-3s-10.62-53.66-21-55-159.09 26.03-174 30-149.96 8.23-242-16c-92.043-24.23-252.127-187.59-339-288-82.542-95.4-109-160-109-160-48.073-110.5-77.418-248.86-84-378 2.212-15.99 9.967-25.5 22-30 0 0 57.686-18.09 56-34s13-295 13-295l-109-244s-66.311-11.76-104-40-52-52-52-52l-34-90s-15.229-47.28-21-58-59.792-77.38-67-148-10.281-139.823 5-154 91-72 91-72z" fill="#f1be9a" stroke="#f1be9a" stroke-width="1.67" transform="matrix(1 0 0 .975528 1 573.61)"/><g fill="#a9704d"><path d="m843.36 2877.71 87.062 152.56 85.578 216.73 113 144 99 27 108-18 88-97 49-117-110 108-242-40-27-115 53.83-19.74 20.25 3.52c12.35 3.86 54.92 11.22 54.92 11.22s23.7 2.62 26.47 2.91l23.53 4.09 4.98-1.48 108.02-23.52 64-79 23-72-100 109-63.88 27.38-47.12-14.38-54.44-46.6-27.56-60.4s-13.9-10.44-21.75-15.28c16.78-2.65 48.75-8.72 48.75-8.72l66-24 42-50-295-103-111-85-148-151-183-229-35 8-14 277-16 162 26 250 16 62 27-178-17-166s13.136-63.42 20-74 52-57 52-57 67.103 48.65 77 64 64 120 64 120z" transform="scale(1 .975528)"/><path d="m315 1041s-.475-53.198-31-77-82-34-82-34l-35 20 12 81 24 67 8 78 4 43 22-124 10-72s4.366-46.206 18-37 26 58 26 58z" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1158 985 4 170-36 101-18 85 25 49-58 30s-44.86-49.55-48-67 8.29-46.59 12-57 37.39-83.93 41-94 26-112 26-112z" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1999 950s23-60.562 46-67 42.83-12.672 46 8 .73 56.461 1 66 .92-59.728-16-63-77 56-77 56z" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1076 1436s-46.01-30.53-42-66 4-73 4-73-34.94 27.45-31 56 12.25 80.09 69 83z" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m781 1575v-16s-18.104 17.57-15 54 33 133 33 133l52 43 15-32-41-50s-25.635-48.47-25-56 9-38 9-38l-6-42-22-12" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1384 821 81-69 78-41 56-8 58-32 41-5 88 1 50 10 33 24-25 12-20-1-4 18 42 9-15 35-11 19-348 23z" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1117 839-25-49-35-39-52-19-53-27-56-12-56-6-101-17-78 22-92 16-52 46 49 51 55 12 95-6 112 1 63 3 113 21z" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1864 831-8 102-29 46-32 47-60 51-35 2 39-43 17-46-3-9-53 54-84 3-126-36-21-21 15-13 72 25s40.95 15.25 84 14 84-14 84-14l39-77 35-1-23-37 20-18 2-26-6-20s18.35 14.346 24 20 24 12 24 12z" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1439 1399s28.33-7.76 35-33 6.44-55.63-10-68-11.56-18.6-5 7 16.18 36.92 6 53-26 41-26 41z" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m685.267 1354.48c5.904 19.16 10.49 33.64 11.733 36.52 4.32 10.02 53 90 53 90l-16 92v103l49 100 80 102 103-20 79 22 73 54 36 81-28 37-18 111s-51.13 39.98-61 37-212-145-212-145l-137-202-212-256-53-129-90-92 14-55 13-42-48-11s-28.559-50.88-29-68 17-68 17-68l38-29 30 2-12-134-38-142 14-372 82-74 12-208 358-79 272 18 213-13c84.6-11.491 251.48-28.482 251.48-28.482s169.31 21.081 252.45 33.915l-20.06 65.509-40.08 7.583-66.64 4.363-76.29-25.313-60.98 21.588-69.47 10.367-117.99-.441-103.47-25.565-117.95 52.476-100.2 3.759-46.8-35.759s-86.403 6.47-105 8-173 33-173 33l-53 75-12 177 22 126-51 106-37 118 20 65 102-20-34 93 115 82 70 3-15 49-62 20-113-34-43-77-50-57-52 20 60 186 96 73 .181.61c20.662 7.13 39.457 12.93 43.819 13.39 10.32 1.09 106.602 3.49 131 3s128.338-19.38 170-29c41.66-9.62 86-60 86-60s-5.41 19.69-13 38-44 30-44 30l-73 31s-92.196 28.36-109 33-91 33-91 33-35.122 15.92-63.733 30.48z" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1602 2961s-104.8 353.63-113 406-17 85-17 85 110.32-282.49 130-491z" transform="scale(1 .975528)"/><path d="m1039.35 3502.69-114.35-168.69-92-145 1-171-50-119-169-41-24.816 275.23s107.531 146.49 273.964 295.59c60.765 54.43 175.202 73.87 175.202 73.87z" transform="scale(1 .975528)"/><path d="m920 2278 210-36 168 10 95-36 180 8 35 2-66 64-130 89-64 24-135 11s-71.39-9.32-113-22-74-44-74-44z" transform="scale(1 .975528)"/><path d="m1514 1895 113 132s44.98 96.32 42 123-18 76-18 76l48-48-6-99-46-82z" transform="scale(1 .975528)"/><path d="m1355 1660s-21.58 45.72-20 59 22 72 22 72l36 67 27 48-7 60-23 34 39-47v-70l-41-73-38-87z" transform="scale(1 .975528)"/><path d="m968 855 68 69 36 73-6 72-1 38 27 19 34-77 19-129-38-49-94-27z" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/></g><path d="m1249 1918-11 53 46 51 49-3 31-39-10-49-22-18-19 44-29-18z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1213 1517s-19.36 126.02-16 145 31 93 31 93l42 67 35 23-1-89s13.46-65.89 22-78 24.8-41.29 18-63-57-116-57-116z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1162 827-78 64-83 87s-5.99 87.93 0 97-3 77-3 77l-29 36-29 34 14 42 31 23 104 67-14-53 112 88 75 5 80-12 88-27 71-44 98-41 97-24h83l-85-36 13.49-28.17-8.03-46.57-57.47 23.39-15.33-37.47 21.34-27.18 35-53-18-46 5-52-54 36 1-52-2-66-45 10 7-66-56 26-46-16-63-28-121 2z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1156 2203 78 32 63 2 65-17 43-35 13-27-77 22-45 3-50-5z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1954 1978 46-14 27-52-5-39 30-45-40 28-39 48z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1989 1863 42-44 25-32-2-86-29-86-24-43 12 126z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1996 1510 44-39 22-17 34 1-27-30-35 17-22 25z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1602 3007-50 202-38 159-6 73 43-118 21-14-16 104-8 41 48-124z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1055 2340 103 35 71 12 43-13 48 11 63-5 54-54-65 19-49 3-43-7-36 13-73-7-70-11z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1441 1647 20 102 76 34 123 9 31-33-42-32-145-55z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1778 1796 48-125 42 46 29 75-29 92-33 16-34 37s-35.51 52.6-86 39-99-60-99-60l42-42-12-37 10-36z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m2066 1673-4-67 12-39 17 8 21-12-37 219-4-75 26.15-56.13-12.15-28.87z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m910 1519-22 42-2 35 57-27-16-16s-10.692-32.89-17-34z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1350 2655 91-66 54 11 37-21 1 57-78 79-30-44z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1010 1838-187 60-47 117 7 38 121-98 50-50z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1051 1572-44 65-98 46-72 8 77-38 84-74z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1417 1599 83 143 64 45 44 123 102 78 76-74 35-93 67-92-15-136-27-40-55 108-131 40z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1362 1096s27.59 77.4 51 96 49.95 28.96 101 36c83.41 11.5 233.5-4.65 233.5-4.65s-207.35-4-254.5-26.35-77.13-46.95-93-67-38-34-38-34z" fill="#a9704d" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1528 1545s51.33 15.33 74 8 62-52 62-52l32 29-11 38 19-2-63 30-55-6-49-16z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1647 1444 34 11 17 28-6 28-19-33z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1590 1476-1 13 12 11 20-2 7-10-11-3-2-9-16-3z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m834 1501 7 16 11 8 13-2 7-7-2-9-8-4-7-5z" fill="#fae2d3" transform="scale(1 .975528)"/><path d="m1410 948s63.08-103.545 134-111.983c70.92-8.439 155-8.017 155-8.017s78.3 32.176 84 49 31 51 31 51l-52-2-8 22-26 42-18 3-2-23 29-55-20-40-52-21-30-1s35.56 46.998 22 66-27.79 51.545-77 45-56.68-51.803-53-65 14-38 14-38-63.8 26.918-77 63 0 43 0 43l-32 3zm186-61-11 5 12 18.498h15l8-15.498-8-10z" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1105 841-65-82-75-24-86-34-115-23-83 18-81 25-64 3-26 52 42 38 58 20 92-36 87-9 106 14 58 16z" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1035 962-68-91-85-34.983s-61.934-12.818-88-8.02c-26.066 4.797-104 33.003-104 33.003l-55 93s-2.791 31.06 0 39 41 0 41 0l12.165-52.48 27.835-38.52s22.995-19.08 37-21c28.582-3.918 30 6 30 6s-17.623 19.267-16.58 39.113c1.421 27.044 11.415 58.24 56.591 59.887 85.414 3.115 77.252-75.95 72.989-88s79 36 79 36l21 26s-8.147 21.798-2 21c6.15-.798 41-19 41-19zm-200.62-51.502c-8.526 4.129 2.637 17.284 9.62 19.502s21 3 21 3l5-15s-27.095-11.63-35.62-7.502z" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1427 804 107-66 107-37 86-14 82 8 62 12-5 10-40 2 2 8h24l22 6-5 21-17 14 4 12-179 9-108 7-120 18z" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1082 1432s52.64-6.85 77 5 74 53 74 53-30.52 5.26-39-2c-8.47-7.26-49-30-49-30z" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1353 1470s36.03-43.04 47-49 19-13 19-13-55.47 57.25-66 62z" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m888 1681s59.46 96.41 76 109 77.65 70.76 98 79c20.35 8.25 70 30 70 30l21 40 12 42s40.04 38.58 79 34 102-51 102-51l40-57 63-67-67 24-57 36-43 4-21-10-20 14-26 8-46-14-36-32-64-49-63-34-53-41z" fill="#242424" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m921 1694 88 17 58 2 92 2 59 7 57 2 52-7 42-10 40-6 71-19 63-22 43-10 19-10-95 45-105 29-54 4-55 16-55 3-72-6-63-5-69-5-50-2z" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m376 1084s-1.628 229.11 53 371 123 285 123 285 184.935 277.79 333 395c148.07 117.21 143.47 134.06 182 150s159.77 46.56 240 39 145.45-25.41 183-65 181.53-242.91 231-352 118.67-223.16 133-268 77.53-227.22 83-282" fill="none" stroke="#000" stroke-width="12.5" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1962 844s33.23-33.865 64-30 97.34 26.376 92 117c-5.34 90.62-32.96 229.1-35 263s-24.77 98.85-42 132c-10.01 19.26-9.64 54.25-39 68-20.58 9.63-46.98 21.62-70 16" fill="none" stroke="#000" stroke-width="12.5" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m541 1713-17 304s-18.634 20.48-39 31-29.716-11.04-34 49 40.656 313.8 128 430 267.061 351.48 414 381c146.94 29.52 199.41 22.4 251 9s144.85-41.14 160-16 5.07 48.59 24 51 50.63-.35 78-18 113.31-50.34 118-84 49.1-86.2 40-139-43.72-173.64-41-238 30-440 30-440" fill="none" stroke="#000" stroke-width="12.5" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m256 862s-102.041 41.505-103 102c-.959 60.5-21.535 127.04 42 231s37.458 82.2 53 115 24.126 91.08 66 116 67.315 48.08 113 47" fill="none" stroke="#000" stroke-width="12.5" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1230 1424s40.24 6.05 153-20 187.19-40.42 272-41 172.94-3.21 218 2 91.67 8.43 113 8 29-3 29-3l-2 98s-17.17-1.59-26 28-21.45 71.32-33 116-24.58 119.81-62 147-105.58 63.03-241 54-198.83 2.58-246-59-50.91-91.59-71-135-46.33-103.03-83-99-48.16-6.98-83 81-59.03 158.72-95 180-124.656 85.38-291 71-81.723-1.97-122-13-77.22-7.74-109-85-22.907-95.24-46-144-39.196-65.42-61-75-85.105-30.8-85-31-106-56-106-56l-1-22s22.523 3.24 48.566 3.79c45.09.97 109.728 2.89 126.434 6.21 26.356 5.24 27.111 10.48 50 4s97.955-18.27 124-22 161.596-19.63 208-20 147.179-4.11 190 5c42.82 9.11 131.41 22.54 166 23s65-2 65-2zm-519.03 394.25c2.129-.62.536-1.64-8.97-3.25-48.75-8.24-105.594-15.88-132-98s-29-170-29-170-11.762-56.76 21-73 81.793-34.08 150-38 206.348-9.64 248-6c41.65 3.64 124.01 15.22 147 37s59.26 56.34 32 115-40.43 135.3-83 162-69.385 77.92-267 75c-159.08-2.35-86.828 1.83-78.03-.75zm692.03-375.25s139.21-45.36 200-45 209.03-7.02 251-1 66.63 28.82 74 55 5.59 157.37-13 202-15.26 92.48-106 115-206.92 31.27-292 4-111.29-43.43-149-149-38.12-114.98-20-141c18.12-26.01 55-40 55-40z" transform="scale(1 .975528)"/><path d="m426 1434 82 99 148 108 55 70 36 78 65 92 22 93 43 78 91 61 78 41 66-1 78-26 62 41 59 31 96-36 37-26 54-10 49-70s61.67-62.24 71-69 60-97 60-97l15-98 59-146 42-101 38-17 58-6c-52.39 167.08-135.92 338.3-238 512l-38 69-52 84-30 37-35 40-49 37-65 18-109 7-110-10-74-20-60-27-93-90-113-107-82-83-166-216-49-98z" fill="#242424" stroke="#000" stroke-width="1.67" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m1080 1466-70 17-40 17-49 30-39 37-31 31-2 52 33 7 53-25 51-11 45 11 37-25 40 15 59-21 70-14s41.7 14.37 53 16 48-7 48-7l40-17 38-5 37 1 52 4s29.27 2.11 44 10 53.62 10.47 63 9 31-19 31-19-.83-49-10-70-62-35-62-35l-49-22-50-12-57 7-40 30-37 26s-10.47 15.67-48 12-69-3-69-3l-68-27z" fill="#242424" stroke="#000" transform="matrix(1 0 0 .975528 1 573.61)"/><path d="m244 853 84 39 31 150 10 58 20-47-9-109-1-137 14-35-3-57-8-149s29.287-48.656 37-58 72.295-94.906 85-109 27.188-41.41 26-59-27-94-27-94 3.884-47.16 17-54 110-41 110-41l116-1 102 20 110-23 50 27 69 2 79-13 70-18 79 20 108 7 64-20 81-21 72 6s45.06 9.853 56 18 48-1 48-1l32-38s41.45 74.896 49 82 42 176 42 176l43 241 22 162 37 214 11 108-11 121-34.72 126.5 16.72 22.5 8-41 32-90 16-109s-15.11-122.18-15-135-9-91-9-91l-7-114 54-23s18.86-113.834 21-124 25-148 25-148l1-104-22-57-11-53 32 4-32-43-27-51 20-22-2-27-41-75-12-58-38-46c-3.72-34.569-22.84-74.518-71.84-124.921l-43.74-76.185-79.89-48.46-96.53-68.434-98.95-33.4-32.98-8.895 9.78-38.095-32.56 23.734-83.09-29.376-56.19-10.931-65.9 5.396 29.53-39.436-61.57 31.713-74.59-23.869-46.57 34.091-76.46-23.991-51.86 36.185-53.373-16.769-59.701 40.263-85.849-.329-82.543 48.886-149.124 50.823-100.317 89.757-104.683 83.243-63.527 45.45-46.473 56.55-13 58-25 91-16 91 6 78-18 53v38l5 82 4 79 25 57 21 115-3 82z" stroke="#000" transform="matrix(1 0 0 .975528 8 582.39)"/><path d="m478 849-60 55-37 166-34 118-42 17 8-129 19-135s16.22-96.143 31-111 106-91 106-91l39 6z" fill="#242424" transform="scale(1 .975528)"/><path d="m656 689-87-59 25-126 72-92 64-36-2 72 71-115 58-52 48-9 89.577-63.709 57.763-20.293-88.251 83.295 51.911 30.707 98 58 117 35-34-71 141 73 42-94s18.05 22.515 15 96 4 89 4 89 41.77 2.228 43-79-3-123-3-123 44.96-25.514 52 72 9 171 9 171 40.67-33.128 53-56 19.66 10.442 24-62 25-111 25-111 17.62 60.574 7 119-9 88-9 88 7.64 64.781 37 13 51-154 51-154l28-39-13 160 24 29 54-65s38.19 39.31 42 15 37.47-11.824 13 39-50 108-50 108l-65 44 7-100-59 91-5-84-42 1-47 36-64-26-32 48-38-47-71 8 4 52 34 54-91-98-73-73-64-40-20-64-37-11 55 146-95-57-92-150-21 3 86 174-7 56-61-61-70-99-17-70-2 91 31 97 69 57 3 37-99-41-56-97-22-103-9 85 36 85 36 51v37l-75-88-31-80-38 3 52 108 53 63 17 33-115-76-33 26-32-2z" fill="#242424" transform="scale(1 .975528)"/><path d="m1910 1006 75 113 40 45-59-153 63 60-70-132 13-51 43 13-55-85-65-82-70-25 60 110 52 70z" fill="#242424" transform="scale(1 .975528)"/><path d="m527 444-27 58-40 52-20 28h-35l-18 29 2 51-44 37h-45l31-31 30-7 2-50 15-51 49-11 24-54z" fill="#242424" transform="scale(1 .975528)"/></g></g></svg>
\ No newline at end of file
diff --git a/src/layouts/AboutLayout.astro b/src/layouts/AboutLayout.astro
new file mode 100644
index 0000000..b626b48
--- /dev/null
+++ b/src/layouts/AboutLayout.astro
@@ -0,0 +1,28 @@
+---
+import GridLayout from './GridLayout.astro';
+
+import PageTitle from '../components/PageTitle.astro';
+
+import { Image } from '../components';
+
+export interface Props {
+	class?: string;
+	grid?: 'wide' | 'narrow';
+}
+
+const { frontmatter, class: className, grid = 'narrow' } = Astro.props;
+const gridVariant = frontmatter.grid || grid;
+---
+
+<GridLayout grid={gridVariant} class={className} {frontmatter}>
+	<PageTitle slot="title" grid={gridVariant} {frontmatter}>
+		{frontmatter.title}
+	</PageTitle>
+	<div
+		slot="before-content"
+		class="col-start-1 col-end-12 md:col-start-3 md:col-end-10 xl:col-start-15 xl:col-end-18 xl:row-start-2 3xl:col-start-14 3xl:col-end-17"
+	>
+		<Image src="/assets/images/portrait-stefan-imhoff.svg" alt="Stefan Imhoff" />
+	</div>
+	<slot />
+</GridLayout>
diff --git a/src/pages/about.mdx b/src/pages/about.mdx
index a78cfb6..6816d39 100644
--- a/src/pages/about.mdx
+++ b/src/pages/about.mdx
@@ -1,6 +1,7 @@
 ---
-layout: ../layouts/PageLayout.astro
+layout: ../layouts/AboutLayout.astro
 title: About
+description: I’m Stefan Imhoff, a Front-End Web Developer, and Designer from Hamburg, Germany.
 ---
 
 import { mapping } from "../mdx-components.ts";