y.vierkoetter/plassonke.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add vase design: split SVG title/image/date into homepage sections

Browse Source 
- Hero glass panel now shows Lina · rings · Marlin from vase artwork
  (side-by-side on landscape, stacked on portrait)
- Vase illustration used as ornamental divider above album grid
- Vase date used as footer closing line
- Homepage structure: intro text, ornament, albums divider, gallery, date

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
yvierkoetter
2026-06-18 23:04:36 +02:00
parent 921a852cbf
commit d62e71bafb
10 changed files with 319 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/vase-date.svg
+39
View File
@@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 233 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-478,-610)">
<rect id="Vase" x="-0" y="0" width="1187.34" height="755.906" style="fill:none;"/>
<g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M902.512,638.149C902.032,640.686 900.889,642.68 899.083,644.132C897.277,645.583 895.403,646.309 893.46,646.309C891.494,646.309 889.757,645.646 888.248,644.32C887.38,643.543 886.5,643.155 885.608,643.155C883.848,643.155 882.785,644.16 882.42,646.172L881.46,646.172C881.574,642.789 882.768,639.766 885.043,637.103C887.317,634.44 889.449,632.457 891.437,631.154C893.426,629.829 894.854,628.389 895.723,626.834C896.592,625.28 897.026,623.76 897.026,622.274C897.026,620.24 896.346,618.423 894.986,616.823C893.626,615.223 891.951,614.422 889.963,614.422C888.043,614.422 886.437,615.032 885.146,616.251C883.854,617.47 883.208,619.025 883.208,620.917C883.208,622.284 883.557,623.39 884.254,624.233C884.951,625.076 885.826,625.497 886.877,625.497C887.814,625.497 888.586,625.191 889.191,624.579C889.797,623.968 890.1,623.265 890.1,622.472L890.1,621.861L890.854,621.588C891.197,622.183 891.369,622.903 891.369,623.748C891.369,625.166 890.906,626.291 889.98,627.126C889.054,627.96 887.848,628.377 886.363,628.377C884.831,628.377 883.574,627.817 882.591,626.697C881.608,625.577 881.117,624.126 881.117,622.343C881.117,619.6 882.134,617.28 884.168,615.383C886.203,613.485 888.717,612.537 891.711,612.537C894.294,612.537 896.506,613.365 898.346,615.023C900.186,616.68 901.106,618.674 901.106,621.006C901.106,624.846 898.477,628.491 893.22,631.943C887.963,635.394 884.831,638.777 883.826,642.092C885.037,641.155 886.443,640.686 888.043,640.686C889.209,640.686 890.706,640.995 892.534,641.612C894.386,642.206 895.586,642.503 896.134,642.503C897.323,642.503 898.317,642.178 899.117,641.526C899.917,640.875 900.752,639.612 901.62,637.737L902.512,638.149Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M913.998,621.657C913.929,621.314 913.895,620.823 913.895,620.183C913.895,618.468 914.421,617.045 915.472,615.914C916.524,614.783 917.872,614.217 919.518,614.217C922.055,614.217 924.164,615.491 925.844,618.04C927.524,620.588 928.364,624.011 928.364,628.309C928.364,633.589 927.255,637.846 925.038,641.08C922.821,644.315 920.066,645.932 916.775,645.932C913.621,645.932 911.021,644.429 908.975,641.423C906.929,638.417 905.906,634.617 905.906,630.023C905.906,621.52 909.415,615.52 916.432,612.022L916.946,612.88C911.643,616.331 908.992,621.36 908.992,627.966C908.992,632.332 909.969,636 911.923,638.972C913.878,641.943 916.135,643.429 918.695,643.429C920.889,643.429 922.701,642.263 924.129,639.932C925.558,637.6 926.272,634.526 926.272,630.709C926.272,626.731 925.484,623.503 923.907,621.023C922.329,618.543 920.501,617.303 918.421,617.303C917.392,617.303 916.569,617.645 915.952,618.331C915.335,619.017 915.026,619.931 915.026,621.074L915.026,621.451L913.998,621.657Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M939.987,643.635L936.901,646.926L933.815,643.772L936.901,640.343L939.987,643.635Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M952.844,621.657C952.776,621.314 952.742,620.823 952.742,620.183C952.742,618.468 953.267,617.045 954.319,615.914C955.37,614.783 956.719,614.217 958.365,614.217C960.902,614.217 963.01,615.491 964.69,618.04C966.371,620.588 967.211,624.011 967.211,628.309C967.211,633.589 966.102,637.846 963.885,641.08C961.668,644.315 958.913,645.932 955.622,645.932C952.467,645.932 949.867,644.429 947.821,641.423C945.776,638.417 944.753,634.617 944.753,630.023C944.753,621.52 948.261,615.52 955.279,612.022L955.793,612.88C950.49,616.331 947.839,621.36 947.839,627.966C947.839,632.332 948.816,636 950.77,638.972C952.724,641.943 954.982,643.429 957.542,643.429C959.736,643.429 961.548,642.263 962.976,639.932C964.405,637.6 965.119,634.526 965.119,630.709C965.119,626.731 964.33,623.503 962.753,621.023C961.176,618.543 959.347,617.303 957.267,617.303C956.239,617.303 955.416,617.645 954.799,618.331C954.182,619.017 953.873,619.931 953.873,621.074L953.873,621.451L952.844,621.657Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M977.702,634.206C976.994,633.223 976.639,632.149 976.639,630.983C976.639,629.131 977.371,627.56 978.834,626.269C980.297,624.977 982.068,624.331 984.148,624.331C986.48,624.331 988.388,625.188 989.874,626.903C991.36,628.617 992.103,630.846 992.103,633.589C992.103,637.04 991.068,639.977 989,642.4C986.931,644.823 984.434,646.035 981.508,646.035C978.491,646.035 976.016,644.812 974.085,642.366C972.154,639.92 971.188,636.663 971.188,632.594C971.188,627.086 972.708,622.354 975.748,618.4C978.788,614.445 982.297,612.468 986.274,612.468C987.577,612.468 988.605,612.708 989.36,613.188C990.114,613.668 990.491,614.308 990.491,615.108C990.491,615.885 990.177,616.571 989.548,617.165C988.92,617.76 988.205,618.057 987.405,618.057C987.2,618.057 986.914,618.011 986.548,617.92L986.48,617.508C987.28,617.028 987.68,616.423 987.68,615.691C987.68,614.525 986.811,613.942 985.074,613.942C982.285,613.942 979.788,615.554 977.582,618.777C975.376,622 974.274,625.794 974.274,630.16C974.274,634.069 975.091,637.269 976.725,639.76C978.359,642.252 980.514,643.498 983.188,643.498C985.245,643.498 986.891,642.766 988.125,641.303C989.36,639.84 989.977,637.92 989.977,635.543C989.977,633.189 989.291,631.246 987.92,629.714C986.548,628.183 984.902,627.417 982.982,627.417C981.565,627.417 980.388,627.874 979.451,628.789C978.514,629.703 978.045,630.811 978.045,632.114C978.045,632.892 978.137,633.429 978.319,633.726L977.702,634.206Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M1004.48,643.635L1001.39,646.926L998.309,643.772L1001.39,640.343L1004.48,643.635Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M1031.5,638.149C1031.02,640.686 1029.88,642.68 1028.07,644.132C1026.26,645.583 1024.39,646.309 1022.45,646.309C1020.48,646.309 1018.74,645.646 1017.24,644.32C1016.37,643.543 1015.49,643.155 1014.6,643.155C1012.84,643.155 1011.77,644.16 1011.41,646.172L1010.45,646.172C1010.56,642.789 1011.75,639.766 1014.03,637.103C1016.3,634.44 1018.44,632.457 1020.42,631.154C1022.41,629.829 1023.84,628.389 1024.71,626.834C1025.58,625.28 1026.01,623.76 1026.01,622.274C1026.01,620.24 1025.33,618.423 1023.97,616.823C1022.61,615.223 1020.94,614.422 1018.95,614.422C1017.03,614.422 1015.42,615.032 1014.13,616.251C1012.84,617.47 1012.2,619.025 1012.2,620.917C1012.2,622.284 1012.54,623.39 1013.24,624.233C1013.94,625.076 1014.81,625.497 1015.86,625.497C1016.8,625.497 1017.57,625.191 1018.18,624.579C1018.78,623.968 1019.09,623.265 1019.09,622.472L1019.09,621.861L1019.84,621.588C1020.18,622.183 1020.36,622.903 1020.36,623.748C1020.36,625.166 1019.89,626.291 1018.97,627.126C1018.04,627.96 1016.84,628.377 1015.35,628.377C1013.82,628.377 1012.56,627.817 1011.58,626.697C1010.6,625.577 1010.1,624.126 1010.1,622.343C1010.1,619.6 1011.12,617.28 1013.15,615.383C1015.19,613.485 1017.7,612.537 1020.7,612.537C1023.28,612.537 1025.49,613.365 1027.33,615.023C1029.17,616.68 1030.09,618.674 1030.09,621.006C1030.09,624.846 1027.46,628.491 1022.21,631.943C1016.95,635.394 1013.82,638.777 1012.81,642.092C1014.02,641.155 1015.43,640.686 1017.03,640.686C1018.2,640.686 1019.69,640.995 1021.52,641.612C1023.37,642.206 1024.57,642.503 1025.12,642.503C1026.31,642.503 1027.3,642.178 1028.1,641.526C1028.9,640.875 1029.74,639.612 1030.61,637.737L1031.5,638.149Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M1042.98,621.657C1042.91,621.314 1042.88,620.823 1042.88,620.183C1042.88,618.468 1043.41,617.045 1044.46,615.914C1045.51,614.783 1046.86,614.217 1048.5,614.217C1051.04,614.217 1053.15,615.491 1054.83,618.04C1056.51,620.588 1057.35,624.011 1057.35,628.309C1057.35,633.589 1056.24,637.846 1054.02,641.08C1051.81,644.315 1049.05,645.932 1045.76,645.932C1042.61,645.932 1040.01,644.429 1037.96,641.423C1035.91,638.417 1034.89,634.617 1034.89,630.023C1034.89,621.52 1038.4,615.52 1045.42,612.022L1045.93,612.88C1040.63,616.331 1037.98,621.36 1037.98,627.966C1037.98,632.332 1038.95,636 1040.91,638.972C1042.86,641.943 1045.12,643.429 1047.68,643.429C1049.88,643.429 1051.69,642.263 1053.12,639.932C1054.54,637.6 1055.26,634.526 1055.26,630.709C1055.26,626.731 1054.47,623.503 1052.89,621.023C1051.32,618.543 1049.49,617.303 1047.41,617.303C1046.38,617.303 1045.56,617.645 1044.94,618.331C1044.32,619.017 1044.01,619.931 1044.01,621.074L1044.01,621.451L1042.98,621.657Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M1082.79,638.149C1082.31,640.686 1081.17,642.68 1079.36,644.132C1077.56,645.583 1075.68,646.309 1073.74,646.309C1071.77,646.309 1070.04,645.646 1068.53,644.32C1067.66,643.543 1066.78,643.155 1065.89,643.155C1064.13,643.155 1063.06,644.16 1062.7,646.172L1061.74,646.172C1061.85,642.789 1063.05,639.766 1065.32,637.103C1067.6,634.44 1069.73,632.457 1071.72,631.154C1073.7,629.829 1075.13,628.389 1076,626.834C1076.87,625.28 1077.31,623.76 1077.31,622.274C1077.31,620.24 1076.62,618.423 1075.27,616.823C1073.9,615.223 1072.23,614.422 1070.24,614.422C1068.32,614.422 1066.72,615.032 1065.42,616.251C1064.13,617.47 1063.49,619.025 1063.49,620.917C1063.49,622.284 1063.84,623.39 1064.53,624.233C1065.23,625.076 1066.11,625.497 1067.16,625.497C1068.09,625.497 1068.87,625.191 1069.47,624.579C1070.08,623.968 1070.38,623.265 1070.38,622.472L1070.38,621.861L1071.13,621.588C1071.48,622.183 1071.65,622.903 1071.65,623.748C1071.65,625.166 1071.18,626.291 1070.26,627.126C1069.33,627.96 1068.13,628.377 1066.64,628.377C1065.11,628.377 1063.85,627.817 1062.87,626.697C1061.89,625.577 1061.4,624.126 1061.4,622.343C1061.4,619.6 1062.41,617.28 1064.45,615.383C1066.48,613.485 1069,612.537 1071.99,612.537C1074.57,612.537 1076.79,613.365 1078.62,615.023C1080.46,616.68 1081.38,618.674 1081.38,621.006C1081.38,624.846 1078.76,628.491 1073.5,631.943C1068.24,635.394 1065.11,638.777 1064.11,642.092C1065.32,641.155 1066.72,640.686 1068.32,640.686C1069.49,640.686 1070.99,640.995 1072.81,641.612C1074.66,642.206 1075.87,642.503 1076.41,642.503C1077.6,642.503 1078.6,642.178 1079.4,641.526C1080.2,640.875 1081.03,639.612 1081.9,637.737L1082.79,638.149Z" style="fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-400.248,0)">
<path d="M1093.49,634.206C1092.78,633.223 1092.42,632.149 1092.42,630.983C1092.42,629.131 1093.16,627.56 1094.62,626.269C1096.08,624.977 1097.85,624.331 1099.93,624.331C1102.27,624.331 1104.17,625.188 1105.66,626.903C1107.15,628.617 1107.89,630.846 1107.89,633.589C1107.89,637.04 1106.85,639.977 1104.79,642.4C1102.72,644.823 1100.22,646.035 1097.29,646.035C1094.28,646.035 1091.8,644.812 1089.87,642.366C1087.94,639.92 1086.97,636.663 1086.97,632.594C1086.97,627.086 1088.49,622.354 1091.53,618.4C1094.57,614.445 1098.08,612.468 1102.06,612.468C1103.36,612.468 1104.39,612.708 1105.15,613.188C1105.9,613.668 1106.28,614.308 1106.28,615.108C1106.28,615.885 1105.96,616.571 1105.33,617.165C1104.71,617.76 1103.99,618.057 1103.19,618.057C1102.99,618.057 1102.7,618.011 1102.33,617.92L1102.27,617.508C1103.07,617.028 1103.47,616.423 1103.47,615.691C1103.47,614.525 1102.6,613.942 1100.86,613.942C1098.07,613.942 1095.57,615.554 1093.37,618.777C1091.16,622 1090.06,625.794 1090.06,630.16C1090.06,634.069 1090.88,637.269 1092.51,639.76C1094.14,642.252 1096.3,643.498 1098.97,643.498C1101.03,643.498 1102.68,642.766 1103.91,641.303C1105.15,639.84 1105.76,637.92 1105.76,635.543C1105.76,633.189 1105.08,631.246 1103.71,629.714C1102.33,628.183 1100.69,627.417 1098.77,627.417C1097.35,627.417 1096.17,627.874 1095.24,628.789C1094.3,629.703 1093.83,630.811 1093.83,632.114C1093.83,632.892 1093.92,633.429 1094.11,633.726L1093.49,634.206Z" style="fill-rule:nonzero;"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB