Add wiki dump and instructions

eh22.easterhegg.eu/design/assets/icon/arrow_down.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M300 0a25 25 0 0 0-24.998 24.996v359.186c0 29.564 18.8 53.722 42.437 63.513 23.638 9.791 54.02 6.009 74.924-14.896l93.258-93.258c5.091-5.09 12.583-5.09 17.674 0s5.09 12.583 0 17.674L317.68 542.83c-9.973 9.973-25.381 9.978-35.354.006L105.546 366.06a25 25 0 0 0-35.359 0 25 25 0 0 0 .006 35.353l176.78 176.777c29.08 29.08 76.984 29.08 106.064 0l185.617-185.615c24.199-24.198 24.193-64.188-.006-88.386-24.198-24.199-64.188-24.205-88.386-.006l-93.258 93.257c-6.656 6.656-13.615 6.884-20.43 4.06-6.815-2.822-11.576-7.904-11.576-17.317l.004-359.18A25 25 0 0 0 300 0" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/arrow_down_left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M501.832 73.168a25 25 0 0 0-17.678 7.324L230.18 334.467c-20.905 20.905-24.696 51.288-14.905 74.926 9.791 23.637 33.95 42.439 63.514 42.439h131.877c7.2 0 12.498 5.296 12.498 12.496s-5.298 12.506-12.498 12.506h-262.5c-14.103 0-24.994-10.899-24.994-25.002V201.828a25 25 0 0 0-25.002-24.994 25 25 0 0 0-25.004 24.994v250.004c0 41.125 33.875 75 75 75h262.5c34.222 0 62.504-28.282 62.504-62.504s-28.282-62.494-62.504-62.494H278.789c-9.413 0-14.503-4.759-17.326-11.574-2.823-6.816-2.588-13.778 4.068-20.434l253.98-253.982a25 25 0 0 0 0-35.352 25 25 0 0 0-17.679-7.324" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/arrow_down_right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M98.168 73.17a25 25 0 0 0-17.676 7.32 25 25 0 0 0 0 35.352l253.975 253.982c20.905 20.905 51.288 24.695 74.926 14.905 23.637-9.791 42.437-33.958 42.437-63.522V189.33c0-7.2 5.306-12.498 12.506-12.498s12.498 5.298 12.498 12.498v262.5c0 14.103-10.9 25.002-25.004 25.002H201.836a25 25 0 0 0-25.002 25.002 25 25 0 0 0 25.002 24.996H451.83c41.125 0 75-33.875 75-75v-262.5c0-34.222-28.272-62.496-62.494-62.496s-62.502 28.274-62.502 62.496v131.877c0 9.413-4.76 14.501-11.576 17.324s-13.776 2.598-20.432-4.058L115.844 80.49a25 25 0 0 0-17.676-7.32" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/arrow_left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M216.266 62.867a25 25 0 0 0-17.678 7.319L21.808 246.965c-29.08 29.08-29.08 76.986 0 106.066l185.616 185.615c24.198 24.199 64.194 24.199 88.392 0 24.199-24.198 24.193-64.188-.006-88.386l-93.25-93.252c-6.656-6.656-6.885-13.615-4.062-20.43S206.405 325 215.818 325h359.184A25 25 0 0 0 600 300.002 25 25 0 0 0 574.996 275H215.822c-29.564 0-53.728 18.804-63.52 42.441-9.79 23.638-6 54.015 14.905 74.92l93.25 93.252c5.09 5.091 5.097 12.589.006 17.68-5.09 5.09-12.595 5.09-17.686 0L57.162 317.678c-9.972-9.973-9.967-25.381.006-35.354l176.777-176.78a25 25 0 0 0-.004-35.353 25 25 0 0 0-17.675-7.324" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/arrow_right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M348.379 43.203c-16.046 0-32.09 6.05-44.19 18.149-24.198 24.198-24.204 64.188-.006 88.386l93.252 93.252c6.657 6.656 6.89 13.62 4.067 20.436-2.823 6.815-7.907 11.576-17.32 11.576H24.997A25 25 0 0 0 0 300a25 25 0 0 0 24.998 24.998h359.184c29.564 0 53.724-18.8 63.515-42.437 9.791-23.638 5.997-54.02-14.908-74.924l-93.252-93.252c-5.09-5.091-5.085-12.589.006-17.68s12.583-5.09 17.674 0L542.832 282.32c9.973 9.973 9.973 25.387 0 35.36L366.06 494.453a25 25 0 0 0 0 35.358 25 25 0 0 0 35.353-.004l176.774-176.774c29.08-29.08 29.08-76.986 0-106.066L392.57 61.352c-12.099-12.1-28.145-18.149-44.191-18.149" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/arrow_up.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M300.002 0c-19.247 0-38.493 7.27-53.033 21.81L61.354 207.427c-24.199 24.198-24.199 64.194 0 88.392 24.198 24.199 64.188 24.193 88.386-.006l93.25-93.252c6.656-6.656 13.62-6.889 20.436-4.066 6.815 2.823 11.572 7.911 11.572 17.324v359.184A25 25 0 0 0 299.996 600a25 25 0 0 0 25.002-25.002V215.824c0-29.564-18.804-53.729-42.441-63.52-23.638-9.79-54.015-6.002-74.92 14.903l-93.25 93.252c-5.091 5.09-12.585 5.09-17.676 0-5.091-5.091-5.095-12.589-.004-17.68L282.322 57.164c9.973-9.972 25.387-9.972 35.36 0l176.777 176.777a25 25 0 0 0 35.348 0 25 25 0 0 0 .006-35.353L353.035 21.81C338.495 7.27 319.248 0 300.002 0" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/arrow_up_left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M148.17 73.166c-41.125 0-75 33.875-75 75v262.5c0 34.222 28.272 62.502 62.494 62.502s62.502-28.28 62.502-62.502V278.789c0-9.413 4.76-14.495 11.576-17.318s13.778-2.596 20.434 4.06l253.98 253.98a25 25 0 0 0 35.352 0 25 25 0 0 0 0-35.359L265.533 230.18c-20.905-20.905-51.288-24.696-74.926-14.905-23.637 9.791-42.437 33.95-42.437 63.514v131.877c0 7.2-5.306 12.506-12.506 12.506s-12.498-5.306-12.498-12.506v-262.5c0-14.103 10.9-24.994 25.004-24.994h249.994a25 25 0 0 0 25.002-25.004 25 25 0 0 0-25.002-25.002Z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/arrow_up_right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M189.334 73.168c-34.222 0-62.504 28.282-62.504 62.504s28.282 62.494 62.504 62.494h131.877c9.413 0 14.501 4.759 17.324 11.574 2.823 6.816 2.59 13.778-4.066 20.434L80.486 484.156a25 25 0 0 0 0 35.352 25 25 0 0 0 35.36 0L369.82 265.533c20.905-20.905 24.695-51.288 14.905-74.926-9.791-23.637-33.95-42.439-63.514-42.439H189.334c-7.2 0-12.498-5.296-12.498-12.496s5.298-12.506 12.498-12.506h262.5c14.103 0 25.002 10.899 25.002 25.002v250.004a25 25 0 0 0 24.994 24.994 25 25 0 0 0 25.004-24.994V148.168c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/basket.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="500">
+    <path d="M255.775.053a25 25 0 0 0-22.41 11.08l-66.666 100a25 25 0 0 0 6.934 34.668 25 25 0 0 0 34.668-6.934l66.666-100A25 25 0 0 0 268.033 4.2 25 25 0 0 0 255.775.053m88.45 0a25 25 0 0 0-12.258 4.146 25 25 0 0 0-6.934 34.668l66.666 100a25 25 0 0 0 34.668 6.934 25 25 0 0 0 6.934-34.668l-66.666-100a25 25 0 0 0-22.41-11.08M74.637 175.002c-40.845 0-71.443 40.057-60.696 79.463l48.881 179.228c10.646 39.034 46.353 66.303 86.813 66.303h300.73c40.46 0 76.17-27.269 86.815-66.303l61.943-227.113a25 25 0 0 0-17.543-30.695 25 25 0 0 0-30.703 17.535l-61.936 227.113c-4.775 17.51-20.426 29.469-38.576 29.469h-300.73c-18.15 0-33.8-11.959-38.576-29.469L62.178 241.305c-2.408-8.827 3.31-16.309 12.459-16.309H500A25 25 0 0 0 524.998 200 25 25 0 0 0 500 175.002Z" style="stroke-width:3.82848"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/bed.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="375">
+    <path d="M25 0A25 25 0 0 0 0 25v325a25 25 0 0 0 25 25 25 25 0 0 0 25-25V25A25 25 0 0 0 25 0m137.498.002C114.47.002 75 39.472 75 87.5s39.47 87.498 87.498 87.498a25 25 0 0 0 25.002-24.996A25 25 0 0 0 162.498 125c-21.007 0-37.5-16.493-37.5-37.5s16.493-37.5 37.5-37.5 37.5 16.493 37.5 37.5v12.498c0 41.125 33.875 75 75 75h244A49.8 49.8 0 0 1 554.24 189.6l3.086 3.078a25 25 0 0 0 35.352 0 25 25 0 0 0 0-35.354l-3.078-3.084A99.88 99.88 0 0 0 518.998 125h-244c-14.103 0-24.996-10.899-24.996-25.002V87.5c0-48.029-39.475-87.498-87.504-87.498M150 199.998c-41.125 0-75 33.875-75 75v75A25 25 0 0 0 100.002 375a25 25 0 0 0 24.996-25.002v-75c0-14.103 10.899-24.996 25.002-24.996h349.998c14.103 0 25.002 10.893 25.002 24.996v75A25 25 0 0 0 550.002 375a25 25 0 0 0 24.996-25.002v-75c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/clock.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M300 0C220.428 0 147.8 31.12 94.102 81.81a25 25 0 0 0-1.018 35.342 25 25 0 0 0 35.34 1.018C173.224 75.88 233.429 50 300 50c138.367 0 250 111.633 250 250S438.367 550 300 550 50 438.367 50 300c0-41.007 9.823-79.539 27.246-113.621a25 25 0 0 0-10.88-33.639 25 25 0 0 0-33.641 10.881C11.805 204.545 0 250.985 0 300c0 165.39 134.61 300 300 300s300-134.61 300-300S465.39 0 300 0m0 72.15a25 25 0 0 0-25.002 25.002v177.846a175.02 175.02 0 0 0 35.004 105l45 60A25 25 0 0 0 390 445.002a25 25 0 0 0 4.998-35.004l-45-60a124.98 124.98 0 0 1-24.996-75V97.152A25 25 0 0 0 300 72.15" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/code.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400">
+    <path d="M376.402.002c-26.675 0-50.36 17.869-57.69 43.518L233.01 343.475c-1.135 3.972-4.52 6.525-8.653 6.525h-35.035a8.82 8.82 0 0 1-6.355-2.687L57.15 217.629c-9.716-10.015-9.716-25.24 0-35.256l135.79-139.96a25 25 0 0 0-.532-35.352 25 25 0 0 0-35.351.53l-135.79 139.96C7.188 162.064.148 181.033.148 200s7.04 37.936 21.12 52.45l125.817 129.677a58.89 58.89 0 0 0 42.238 17.871h35.035c26.23 0 49.525-17.565 56.73-42.785l85.696-299.957c1.258-4.402 5.041-7.256 9.62-7.256h33.853a9.8 9.8 0 0 1 7.064 2.99l125.53 129.383c9.716 10.015 9.716 25.241 0 35.256L407.059 357.588a25 25 0 0 0 .53 35.353 25 25 0 0 0 35.354-.533L578.74 252.45c28.161-29.025 28.161-75.873 0-104.898L453.21 18.17A59.88 59.88 0 0 0 410.257.002Z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/creature.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600">
+    <path d="M187.5-.17c-82.547 0-150 67.453-150 150 0 55.323 30.14 103.976 74.982 129.916a25 25 0 0 0 34.159-9.121 25 25 0 0 0-9.123-34.158C107.635 219.18 87.5 187.043 87.5 149.83c0-55.524 44.475-100 100-100s100 44.476 100 100c0 37.213-20.135 69.35-50.018 86.637a25 25 0 0 0-9.123 34.158 25 25 0 0 0 34.159 9.121c44.843-25.94 74.982-74.593 74.982-129.916 0-82.547-67.453-150-150-150m-62.502 325.172C56.258 325.002 0 381.26 0 450v124.998A25 25 0 0 0 25.002 600a25 25 0 0 0 24.996-25.002V450c0-41.717 33.283-75 75-75h125.004c41.717 0 75 33.283 75 75v124.998A25 25 0 0 0 349.998 600 25 25 0 0 0 375 574.998V450c0-68.74-56.259-124.998-124.998-124.998Z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/cross.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M22.797.516a25 25 0 0 0-15.49 7.24 25 25 0 0 0 .03 35.355l225 224.582a25 25 0 0 0 35.356-.03 25 25 0 0 0-.03-35.356l-225-224.584a25 25 0 0 0-11.216-6.46 25 25 0 0 0-8.65-.747m554.838 0a25 25 0 0 0-8.65.744 25 25 0 0 0-11.217 6.453L6.932 556.879a25 25 0 0 0-.055 35.355 25 25 0 0 0 35.355.053L593.068 43.121a25 25 0 0 0 .055-35.355 25 25 0 0 0-15.488-7.25M347.797 325.098a25 25 0 0 0-15.49 7.24 25 25 0 0 0 .03 35.355l225 224.584a25 25 0 0 0 35.356-.033 25 25 0 0 0-.03-35.355l-225-224.582a25 25 0 0 0-11.216-6.461 25 25 0 0 0-8.65-.748"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/cross_small.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="412.5" height="412.5">
+    <path d="M25 0a25 25 0 0 0-6.47.852 25 25 0 0 0-11.208 6.47 25 25 0 0 0 0 35.356l125 125a25 25 0 0 0 35.356 0 25 25 0 0 0 0-35.356l-125-125A25 25 0 0 0 25 0m364.68.096a25 25 0 0 0-8.65.756 25 25 0 0 0-11.208 6.47l-362.5 362.5a25 25 0 0 0 0 35.356 25 25 0 0 0 35.356 0l362.5-362.5a25 25 0 0 0 0-35.356A25 25 0 0 0 389.68.096M262.5 237.5a25 25 0 0 0-6.47.852 25 25 0 0 0-11.208 6.47 25 25 0 0 0 0 35.356l125 125a25 25 0 0 0 35.356 0 25 25 0 0 0 0-35.356l-125-125A25 25 0 0 0 262.5 237.5"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/cup_1.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M151.773.063a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 161.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 261.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.819 27.637a75.07 75.07 0 0 0 0 67.086l2.643 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.177 33.543 25 25 0 0 0 33.543-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 361.18 2.637a25 25 0 0 0-9.407-2.574m48.221 224.939-325.002.066c-40.818.008-70.027 42.55-55.37 80.647l89.09 231.592c14.502 37.694 50.899 62.695 91.286 62.695H300c40.387 0 76.784-25.001 91.285-62.695l89.1-231.592c7.13-18.536 24.755-30.643 44.615-30.643 14.103 0 25.002 10.899 25.002 25.002v23.963a57.19 57.19 0 0 1-30.9 50.854l-5.625 2.923a25 25 0 0 0-10.666 33.706 25 25 0 0 0 33.712 10.666l5.625-2.915C577.652 400.838 600 364.041 600 324.037v-23.963c0-41.125-33.875-75-75-75-40.387 0-76.784 24.993-91.285 62.688l-89.1 231.592c-7.13 18.535-24.755 30.642-44.615 30.642H199.998c-19.86 0-37.486-12.107-44.617-30.642l-89.1-231.592c-2.65-6.89 1.344-12.696 8.727-12.698l324.994-.066a25 25 0 0 0 24.996-25.002 25 25 0 0 0-25.004-24.994" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/cup_2.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M151.773.063a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 161.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.82 27.637a75.07 75.07 0 0 0 0 67.086l2.644 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.175 33.543 25 25 0 0 0 33.545-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 261.18 2.637a25 25 0 0 0-9.407-2.574m100 0a25 25 0 0 0-9.675 1.222 25 25 0 0 0-14.461 12.535l-13.819 27.637a75.07 75.07 0 0 0 0 67.086l2.643 5.28a24.94 24.94 0 0 1 0 22.359l-13.82 27.638a25 25 0 0 0 11.177 33.543 25 25 0 0 0 33.543-11.183l13.819-27.639a75.05 75.05 0 0 0 0-67.078l-2.635-5.285a24.94 24.94 0 0 1 0-22.362l13.818-27.636A25 25 0 0 0 361.18 2.637a25 25 0 0 0-9.407-2.574m48.221 249.949-325.002.066 1.506.043c-42.822-2.572-77.719 36.651-70.18 78.883a25 25 0 0 0 .303 1.476c26.464 109.63 127.365 194.602 243.38 194.602 116.017 0 216.912-84.971 243.376-194.602a25 25 0 0 0 .295-1.416c2.886-15.95 15.938-27.567 32.021-28.85 13.742.375 24.309 11.017 24.309 24.872v23.96a57.19 57.19 0 0 1-30.9 50.854l-5.626 2.924a25 25 0 0 0-10.666 33.705 25 25 0 0 0 33.713 10.666l5.625-2.922C577.652 425.84 600 389.05 600 349.047v-23.961c0-41.125-33.875-75-75-75a25 25 0 0 0-1.447.043c-39.24 2.272-72.083 31.356-79.082 70.033l.302-1.41c-20.961 86.837-103.608 156.334-194.771 156.334-90.812 0-173.093-68.99-194.445-155.36-1.719-11.293 6.426-20.387 17.945-19.695a25 25 0 0 0 1.506.043l324.994-.066a25 25 0 0 0 24.996-25.002 25 25 0 0 0-25.002-24.994ZM70.115 550a25 25 0 0 0-25 25 25 25 0 0 0 25 25h359.77a25 25 0 0 0 25-25 25 25 0 0 0-25-25Z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/dect.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="350" height="600">
+    <path d="M325.002 0A25 25 0 0 0 300 25.002V75c0 14.103-10.899 25.002-25.002 25.002H75c-41.125 0-75 33.875-75 75V525c0 41.125 33.875 75 75 75h199.998c41.125 0 75-33.875 75-75V199.998a25 25 0 0 0-24.996-24.996A25 25 0 0 0 300 199.998V525c0 14.103-10.899 25.002-25.002 25.002H75c-14.103 0-25.002-10.899-25.002-25.002V175.002C49.998 160.899 60.897 150 75 150h199.998c41.125 0 75-33.875 75-75V25.002A25 25 0 0 0 325.002 0m-175 175c-41.125 0-75 33.875-75 75v25.002c0 41.125 33.875 75 75 75H200c41.125 0 75-33.875 75-75v-75A25 25 0 0 0 249.998 175a25 25 0 0 0-24.996 25.002v75c0 14.103-10.899 24.996-25.002 24.996h-49.998c-14.103 0-25.002-10.893-25.002-24.996V250c0-14.103 10.899-25.002 25.002-25.002h24.996A25 25 0 0 0 200 200.002 25 25 0 0 0 174.998 175ZM100 400a25 25 0 0 0-25 25 25 25 0 0 0 25 25h150a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 70a25 25 0 0 0-25 25 25 25 0 0 0 25 25h150a25 25 0 0 0 25-25 25 25 0 0 0-25-25z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/external.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="600" height="600">
+    <path d="M262.5 0c-34.222 0-62.502 28.28-62.502 62.502s28.28 62.496 62.502 62.496h162.498c3.763 0 4.61 1.35 5.604 3.75s1.346 3.945-1.315 6.606l-321.96 321.968a25 25 0 0 0 0 35.352 25 25 0 0 0 35.35 0l321.97-321.961c16.91-16.91 20.112-41.877 12.15-61.1C468.834 90.39 448.912 75 424.998 75H262.5c-7.2 0-12.498-5.298-12.498-12.498S255.3 49.998 262.5 49.998H525c14.103 0 25.002 10.899 25.002 25.002v250.002a25 25 0 0 0 24.996 24.996A25 25 0 0 0 600 325.002V75c0-41.125-33.875-75-75-75ZM75 75c-41.125 0-75 33.875-75 75v375c0 41.125 33.875 75 75 75h375c41.125 0 75-33.875 75-75V424.998a25 25 0 0 0-25.002-24.996 25 25 0 0 0-24.996 24.996V525c0 14.103-10.899 25.002-25.002 25.002H75c-14.103 0-25.002-10.899-25.002-25.002V150c0-14.103 10.899-25.002 25.002-25.002h49.998A25 25 0 0 0 150 100.002 25 25 0 0 0 124.998 75Z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/fairydust.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="387.074" height="600">
+    <path d="M193.537 0c-16.56 0-33.118 5.21-47 15.621l-19.998 15a189.67 189.67 0 0 0-70.94 108.78l-2.355 10.142a221.3 221.3 0 0 0-2.414 88.346l18.086 103.05a25 25 0 0 0 28.945 20.301 25 25 0 0 0 20.3-28.945l-18.087-103.05a171.3 171.3 0 0 1 1.87-68.38l2.36-10.148a139.63 139.63 0 0 1 52.235-80.102l19.998-15c10.163-7.622 23.837-7.622 34 0l36.002 27.002a83.1 83.1 0 0 1 31.27 48.47l7.648 34.407a173.1 173.1 0 0 1 1.328 68.504l-10.69 58.79.296-1.388a111.98 111.98 0 0 0 12.314 82.957 25 25 0 0 0 .752 1.204 321.4 321.4 0 0 1 44.38 100.328l.745 2.988a83.47 83.47 0 0 1-6.236 57.424l-5.479 11.021c-2.485 4.998-6.173 4.998-8.658 0l-5.479-11.021-.006-.015a540 540 0 0 1-28.82-69.627l-.008-.023c-10.933-32.766-41.813-55.023-76.357-55.023h-19.791c-34.27-.295-65.094 21.528-76.211 53.947l-.067.199A547 547 0 0 1 78.341 536.3l-5.476 11.022c-2.485 4.998-6.173 4.998-8.658 0L58.728 536.3a83.47 83.47 0 0 1-6.236-57.424l15.303-61.195a25 25 0 0 0-18.198-30.316 25 25 0 0 0-30.318 18.187L3.984 466.749a133.52 133.52 0 0 0 9.973 91.815l5.478 11.013c19.46 39.138 78.741 39.138 98.201 0l5.477-11.013a597 597 0 0 0 31.787-76.992l-.066.207c4.198-12.242 15.545-20.272 28.486-20.16h20.219c13.222 0 24.748 8.309 28.93 20.853l.007.015a590 590 0 0 0 31.49 76.092l5.471 10.998c19.46 39.137 78.741 39.137 98.202 0l5.476-11.014a133.52 133.52 0 0 0 9.975-91.814l-.746-2.99c-10.221-40.882-27.35-79.708-50.6-114.847a61.92 61.92 0 0 1-6.75-45.789 25 25 0 0 0 .295-1.389l10.69-58.789a223.1 223.1 0 0 0-1.713-88.302l-7.649-34.399a133.16 133.16 0 0 0-50.078-77.629l-36.002-26.994C226.656 5.21 210.097 0 193.537 0m-.012 126a25 25 0 0 0-25 25 25 25 0 0 0 25 25c14.104 0 25 10.897 25 25s-10.896 25-25 25-25-10.897-25-25a25 25 0 0 0-25-25 25 25 0 0 0-25 25c0 41.125 33.875 75 75 75s75-33.875 75-75-33.874-75-75-75m0 360.617a25 25 0 0 0-25 25v63.967a25 25 0 0 0 25 25 25 25 0 0 0 25-25v-63.967a25 25 0 0 0-25-25" style="stroke-width:3.77952"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/flag.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="384.92" height="600">
+    <path d="M60.115.084C28.094 1.748.015 28.487.014 62.588L-.002 575a25.017 24.983 0 0 0 25.016 24.98A25.017 24.983 0 0 0 50.035 575l.016-512.412c0-9.262 7.646-14.874 16.498-12.111l263.558 82.25c4.644 1.449 4.789 3.295 4.782 6.507-.007 3.213-.153 5.054-4.803 6.483l-235.44 72.34a25.017 24.983 0 0 0-16.558 31.23 25.017 24.983 0 0 0 31.271 16.531l235.438-72.347c25.233-7.754 40.07-31.614 40.119-54.131.05-22.518-14.686-46.44-39.885-54.305L81.473 2.785A61 61 0 0 0 60.115.084" style="stroke-width:3.87606"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/font.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="425">
+    <path d="M163.033.006c-23.087.008-43.707 15.055-50.537 36.879L1.12 392.77a25.132 24.87 0 0 0 16.572 31.113 25.132 24.87 0 0 0 31.442-16.399L160.51 51.598c.376-1.202 1.271-1.853 2.543-1.854 1.271 0 2.166.652 2.543 1.854l53.287 169.816c.26.829.627.334-.25.334h-38.38c-32.62 0-59.603 26.702-59.603 58.982s26.983 58.983 59.604 58.983h59.625c9.52 0 17.69 5.99 20.459 15.004l16.18 52.654a25.132 24.87 0 0 0 31.355 16.559 25.132 24.87 0 0 0 16.732-31.028l-16.18-52.656c-9.144-29.76-37.113-50.271-68.546-50.271h-59.625c-5.457 0-9.34-3.845-9.34-9.245s3.883-9.244 9.34-9.244h38.379c33.346 0 58.14-33.308 48.252-64.822L213.598 36.848C206.75 15.029 186.12-.002 163.033.006m282.555 136.328c-39.34 0-73.902 22.15-91.047 54.867a25 25 0 0 0 10.54 33.746 25 25 0 0 0 33.747-10.539c8.677-16.558 26.134-28.074 46.76-28.074H497.3c26.687 0 52.568 20.665 52.568 51.758v161.972a25 25 0 0 0 25 25 25 25 0 0 0 25-25V238.092c0-58.956-49.391-101.758-102.568-101.758zm0 85.213c-56.21 0-102.568 45.712-102.568 101.758s46.358 101.76 102.568 101.76H497.3c3.822 0 7.605-.21 11.336-.618a25 25 0 0 0 22.134-27.57 25 25 0 0 0-27.57-22.133q-2.895.318-5.9.32h-51.713c-29.47 0-52.568-23.02-52.568-51.76 0-28.738 23.098-51.757 52.568-51.757H497.3c1.93 0 3.862.11 5.785.33a25 25 0 0 0 27.672-22.006 25 25 0 0 0-22.006-27.672c-3.78-.431-7.604-.652-11.451-.652z"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/gluten.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="315.625" height="600">
+    <path d="M151.52.053A25 25 0 0 0 139.26 4.2a25 25 0 0 0-6.94 34.664l33.36 50.043c15.85 23.776 45.37 34.84 72.947 27.35l58.553-15.9a25 25 0 0 0 17.568-30.68 25 25 0 0 0-30.678-17.576L225.523 68.01c-7.009 1.904-14.21-.793-18.24-6.836l-33.36-50.041A25 25 0 0 0 158.032.486a25 25 0 0 0-6.511-.433m-37.5 99.996a25 25 0 0 0-12.26 4.146 25 25 0 0 0-6.94 34.672l33.36 50.035c15.85 23.777 45.37 34.849 72.947 27.358l58.553-15.9a25 25 0 0 0 17.568-30.688 25 25 0 0 0-30.678-17.568l-58.547 15.908c-7.009 1.904-14.21-.8-18.24-6.844l-33.36-50.033a25 25 0 0 0-15.892-10.653 25 25 0 0 0-6.511-.433M76.52 200.05a25 25 0 0 0-12.26 4.146 25 25 0 0 0-6.94 34.674l33.36 50.033c15.85 23.776 45.37 34.849 72.947 27.358l58.553-15.908a25 25 0 0 0 17.568-30.678 25 25 0 0 0-30.678-17.57l-58.547 15.902c-7.009 1.904-14.21-.793-18.24-6.836l-33.36-50.043a25 25 0 0 0-15.892-10.645 25 25 0 0 0-6.511-.433m-37.5 100.002a25 25 0 0 0-12.26 4.148 25 25 0 0 0-6.94 34.664l33.36 50.043a33.5 33.5 0 0 1 3.506 30.406L1.594 566.221a25 25 0 0 0 14.63 32.185 25 25 0 0 0 32.186-14.63l55.092-146.909c9.428-25.143 6.176-53.35-8.719-75.693l-33.36-50.041a25 25 0 0 0-15.892-10.647 25 25 0 0 0-6.511-.433" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/hackertours.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M350.002-.002A213.3 213.3 0 0 0 244.184 28.1l-89.041 50.884a204.7 204.7 0 0 0-76.159 76.159L28.1 244.183A213.3 213.3 0 0 0-.002 350.003v49.613c-.503 4.886-.603 9.706-.053 14.365 4.766 40.358 46.799 70.319 87.934 57.196a25 25 0 0 0 3.58-1.453 175.02 175.02 0 0 0 78.264-78.264L175 380.902A125 125 0 0 1 230.902 325l11.45-5.729c16.634-8.317 36.47-5.095 49.62 8.055l265.35 265.348a25 25 0 0 0 35.352 0 25 25 0 0 0 0-35.352l-265.348-265.35c-28.233-28.232-71.622-35.275-107.334-17.42l-11.449 5.73a175 175 0 0 0-78.262 78.261l-5.28 10.557C113.3 392.506 94.46 411.47 71.345 423.645c-12.973 3.242-23.769-6.184-21.645-19.791a25 25 0 0 0 .303-3.854v-49.998c0-28.416 7.413-56.336 21.512-81.008l50.882-89.049a154.64 154.64 0 0 1 57.55-57.549l89.048-50.882a163.27 163.27 0 0 1 81.008-21.512H400c16.782 0 26.407 15.52 19.178 30.539-11.229 19.473-28.33 34.893-48.934 43.922a25 25 0 0 0-1.144.539l-10.557 5.28a175 175 0 0 0-78.262 78.261l-2.642 5.28a25 25 0 0 0 11.183 33.534 25 25 0 0 0 33.535-11.175l2.643-5.28A125 125 0 0 1 380.902 175l10.557-5.277-1.145.539a155.4 155.4 0 0 0 72.913-65.885 25 25 0 0 0 .59-1.113C487.07 56.756 451.996-.002 400-.002Z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/hare_head.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M215.691.084c-24.836-1.325-49.965 13.31-58.503 38.922l-9.073 27.21a24.977 24.977 0 0 0 15.795 31.595 24.977 24.977 0 0 0 31.596-15.795l9.07-27.211c1.93-5.788 7.246-7.357 12.014-3.543l46.265 37.006a103.36 103.36 0 0 1 36.801 60.455l5.516 27.58c7.422 37.103 34.236 67.47 70.135 79.433l54.43 18.141a167.1 167.1 0 0 1 66.962 42.027l28.672 29.479 1.193.959c12.595 10.12 20.88 24.551 23.395 40.465-.36 18.612-10.84 35.453-27.549 43.859l-9.857 4.959c-35.007 17.61-50.963 59.597-36.483 96.01l13.164 33.101a219 219 0 0 1 6.116 17.498 24.977 24.977 0 0 0 31.14 16.672 24.977 24.977 0 0 0 16.67-31.14 269 269 0 0 0-7.508-21.489l-13.164-33.101c-5.076-12.766.236-26.75 12.514-32.926l9.857-4.959c34.028-17.118 55.455-52.207 55.137-90.295l-.012-1.53-.2-1.517c-3.747-28.48-18.106-54.447-40.055-72.888l-27.22-27.987a217.1 217.1 0 0 0-86.98-54.588l-54.43-18.14a55.5 55.5 0 0 1-36.943-41.842l-5.517-27.58a153.36 153.36 0 0 0-54.582-89.666L247.79 12.252c-9.583-7.665-20.81-11.566-32.1-12.168m-91.19 127.154c-9.2-.424-18.494.116-27.73 1.655l-49.019 8.168c-39.144 6.522-60.25 52.218-39.83 86.246l22.476 37.455a125.3 125.3 0 0 0 89.68 59.535l72.541 10.361c18.588 2.655 33.565 16.162 38.117 34.37l.899 3.593.23.73c6.79 21.462 2.901 44.774-10.398 62.901-16.922 19.734-42.273 40.916-84.22 72.342a867 867 0 0 0-66.485 51.414 24.977 24.977 0 0 0-2.77 35.213 24.977 24.977 0 0 0 35.213 2.771 817 817 0 0 1 63.168-48.82l.346-.242.338-.252c43.25-32.397 71.604-55.472 93.021-80.658l.498-.584.46-.616c22.979-30.653 29.946-70.448 18.874-107.06l-.006-.024-.707-2.826c-9.444-37.771-40.97-66.198-79.515-71.703l-72.541-10.361a75.23 75.23 0 0 1-53.91-35.787l-22.477-37.455c-3.158-5.263-.852-10.26 5.209-11.27l49.02-8.168a81.88 81.88 0 0 1 64.63 16.83l82.04 65.62a24.977 24.977 0 0 0 35.105-3.903 24.977 24.977 0 0 0-3.904-35.108l-82.04-65.619a131.9 131.9 0 0 0-76.312-28.748"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/history.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M300 0C220.422 0 147.792 31.123 94.092 81.82a25 25 0 0 0-1.018 35.342 25 25 0 0 0 35.342 1.018C173.216 75.885 233.424 50 300 50c138.367 0 250 111.633 250 250S438.367 550 300 550 50 438.367 50 300a25 25 0 0 0-25-25 25 25 0 0 0-25 25c0 165.39 134.61 300 300 300s300-134.61 300-300S465.39 0 300 0m0 72.15a25 25 0 0 0-25.002 25.002v177.846a175.02 175.02 0 0 0 35.004 105l45 60A25 25 0 0 0 390 445.002a25 25 0 0 0 4.998-35.004l-45-60a124.98 124.98 0 0 1-24.996-75V97.152A25 25 0 0 0 300 72.15M34.887 75.016a25 25 0 0 0-5.582.414 25 25 0 0 0-19.94 29.195l9.59 50.885c6.08 32.273 37.795 53.935 70.068 47.855l53.106-10.002a25 25 0 0 0 19.937-29.203 25 25 0 0 0-29.195-19.937l-53.105 10.01c-5.719 1.077-10.6-2.263-11.678-7.981L58.5 95.369a25 25 0 0 0-23.613-20.353" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/home.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M250.002.088c-19.347 0-38.698 6.674-54.213 20.02L46.602 148.442A134 134 0 0 0 0 250.002V525c0 41.125 33.875 75 75 75h49.998c41.125 0 75-33.875 75-75V424.998c0-14.103 10.899-24.996 25.002-24.996h49.998c14.103 0 25.002 10.893 25.002 24.996V525c0 41.125 33.875 75 75 75h49.998c41.125 0 75-33.875 75-75V400.002A25 25 0 0 0 475.002 375 25 25 0 0 0 450 400.002V525c0 14.103-10.899 25.002-25.002 25.002H375c-14.103 0-25.002-10.899-25.002-25.002V424.998c0-41.125-33.875-75-75-75H225c-41.125 0-75 33.875-75 75V525c0 14.103-10.899 25.002-25.002 25.002H75c-14.103 0-25.002-10.899-25.002-25.002V250.002a83.92 83.92 0 0 1 29.209-63.654l149.19-128.334c12.557-10.802 30.647-10.802 43.205 0l149.187 128.334A83.92 83.92 0 0 1 450 250.002V300a25 25 0 0 0 25.002 25.002A25 25 0 0 0 499.998 300v-49.998c0-39.01-17.028-76.12-46.602-101.559L304.207 20.107C288.692 6.762 269.349.087 250.002.087" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/hygene.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M25.004-.006a25 25 0 0 0-25.01 25.01v465.38c0 60.244 49.378 109.622 109.621 109.622h380.77c60.243 0 109.62-49.378 109.62-109.621v-380.77c0-60.243-49.377-109.62-109.62-109.62H99.996a25 25 0 0 0-24.998 25.009 25 25 0 0 0 24.998 24.998h390.389c33.22 0 59.613 26.392 59.613 59.613v380.77c0 33.22-26.392 59.613-59.613 59.613h-380.77c-33.22 0-59.613-26.392-59.613-59.613V25.004A25 25 0 0 0 25.004-.006m248.994 75.004c-40.573 0-73.996 33.431-73.996 74.004V175c0 14.103-10.899 25.002-25.002 25.002h-25.002c-41.125 0-75 33.875-75 75V325c0 41.125 33.875 75 75 75H175c14.103 0 25.002 10.899 25.002 25.002v24.996c0 41.125 33.875 75 75 75H325c41.125 0 75-33.875 75-75v-24.996C400 410.899 410.899 400 425.002 400h24.996c41.125 0 75-33.875 75-75v-49.998c0-41.125-33.875-75-75-75h-24.996C410.899 200.002 400 189.103 400 175v-25.002a25 25 0 0 0-25.002-24.996 25 25 0 0 0-24.996 24.996V175c0 41.125 33.875 75 75 75h24.996C464.101 250 475 260.899 475 275.002V325c0 14.103-10.899 25.002-25.002 25.002h-24.996c-41.125 0-75 33.875-75 75v24.996C350.002 464.101 339.103 475 325 475h-49.998C260.899 475 250 464.101 250 449.998v-24.996c0-41.125-33.875-75-75-75h-25.002c-14.103 0-24.996-10.899-24.996-25.002v-49.998c0-14.103 10.893-25.002 24.996-25.002H175c41.125 0 75-33.875 75-75v-25.998c0-13.551 10.447-24 23.998-24H325A25 25 0 0 0 350.002 100 25 25 0 0 0 325 74.998Z" style="stroke-width:6.39612"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/info.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M300-.021a302 302 0 0 0-54.22 4.91C123.543 27.215 27.22 123.54 4.894 245.775a301.8 301.8 0 0 0 0 108.448C27.22 476.458 123.545 572.78 245.779 595.107l.569.104.568.074a67.5 67.5 0 0 0 15.525.31c35.441-3.4 64.245-34.597 62.532-71.743l.03 1.15V287.498A25 25 0 0 0 300 262.502a25 25 0 0 0-25.002 24.996v238.08l.03.576c.56 12.161-9.045 20.989-21.06 19.563C152.57 526.846 72.621 446.75 54.08 345.238a251.8 251.8 0 0 1 0-90.478C72.671 152.975 152.98 72.665 254.764 54.074a251.8 251.8 0 0 1 90.473 0c101.785 18.591 182.092 98.9 200.683 200.686a251.8 251.8 0 0 1 0 90.478c-17.169 93.999-87.02 169.7-177.727 195.356a25 25 0 0 0-17.25 30.855 25 25 0 0 0 30.864 17.26c109.004-30.83 192.68-121.602 213.298-234.486a301.8 301.8 0 0 0 0-108.448C572.78 123.54 476.455 27.215 354.221 4.89A302 302 0 0 0 300-.021M300 75c-41.125 0-75 33.875-75 75s33.875 75 75 75 75-33.875 75-75a25 25 0 0 0-25-25 25 25 0 0 0-25 25c0 14.103-10.897 25-25 25s-25-10.897-25-25 10.897-25 25-25a25 25 0 0 0 25-25 25 25 0 0 0-25-25" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/lightbulb.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="350" height="600">
+    <path d="M175.002-.037a175 175 0 0 0-57.268 9.627C49.132 33.336 0 98.642 0 175.002c0 32.284 7.99 76.66 21.94 118.922s30.923 82.685 65.52 102.705a25 25 0 0 0 4.614 2.074l67.301 22.442a49.43 49.43 0 0 0 31.256 0l35.459-11.823c25.922-6.562 49.197-20.998 66.506-41.424a25 25 0 0 0 1.373-1.771c33.695-47.882 51.52-122.526 55.37-174.596a197 197 0 0 0-.138-33.314l-.015-.178a174.3 174.3 0 0 0-9.147-41.37 25 25 0 0 0-31.904-15.241 25 25 0 0 0-15.244 31.904 124 124 0 0 1 6.511 29.432c.729 8.247.764 16.542.096 24.795l-.008.177c-3.118 42.349-23.046 115.583-45.959 148.76-10.754 12.27-25.002 20.959-40.902 24.715a25 25 0 0 0-2.157.613l-35.47 11.824-63.352-21.119c-10.443-6.927-30.176-37.757-42.23-74.275-12.335-37.37-19.422-80.022-19.422-103.252 0-54.945 35.223-101.246 84.094-118.162a125.04 125.04 0 0 1 81.814 0 124.3 124.3 0 0 1 21.576 9.87 25 25 0 0 0 34.157-9.124 25 25 0 0 0-9.123-34.156 174.2 174.2 0 0 0-30.252-13.84 175 175 0 0 0-57.262-9.627m-72.57 437.652a25 25 0 0 0-26.147 16.977 25 25 0 0 0 15.81 31.623l43.378 14.46a125 125 0 0 0 79.052 0l43.383-14.46a25 25 0 0 0 15.813-31.623 25 25 0 0 0-31.625-15.813L198.72 453.24a75 75 0 0 1-47.436 0l-43.377-14.46a25 25 0 0 0-5.476-1.165m0 87.504a25 25 0 0 0-26.147 16.977 25 25 0 0 0 15.81 31.625l43.378 14.453a125 125 0 0 0 79.052 0l43.383-14.453a25 25 0 0 0 15.813-31.625 25 25 0 0 0-31.625-15.81l-43.375 14.46a75 75 0 0 1-47.436 0l-43.377-14.46a25 25 0 0 0-5.476-1.167" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/link.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M462.5 0c-47.534 0-89.756 24.304-114.4 61.209l-.006.008-49.944 74.916a25 25 0 0 0 6.934 34.668 25 25 0 0 0 34.668-6.934l49.928-74.89.011-.014v-.002C405.386 65.469 431.954 50 462.5 50c48.621 0 87.5 38.879 87.5 87.5 0 18.065-5.389 34.62-14.674 48.514l-.008.011-100.01 150.014C419.614 359.531 393.046 375 362.5 375c-48.621 0-87.5-38.879-87.5-87.5 0-3.306.182-6.56.535-9.754a25 25 0 0 0-22.101-27.596 25 25 0 0 0-27.596 22.104A139 139 0 0 0 225 287.5c0 75.643 61.857 137.5 137.5 137.5 47.534 0 89.756-24.304 114.4-61.209l.006-.008L576.9 213.795l.015-.024C591.487 191.955 600 165.595 600 137.5 600 61.857 538.143 0 462.5 0m-225 175c-47.534 0-89.756 24.304-114.4 61.209l-.006.008L23.086 386.229C8.513 408.045 0 434.405 0 462.5 0 538.143 61.857 600 137.5 600c47.534 0 89.756-24.304 114.4-61.209l.006-.008 49.944-74.916a25 25 0 0 0-6.934-34.668 25 25 0 0 0-34.668 6.934l-49.94 74.906C194.615 534.53 168.047 550 137.5 550 88.879 550 50 511.121 50 462.5c0-18.065 5.389-34.618 14.674-48.512l.008-.011 99.998-150 .011-.014v-.002C180.386 240.469 206.954 225 237.5 225c48.621 0 87.5 38.879 87.5 87.5 0 3.306-.182 6.558-.535 9.752a25 25 0 0 0 22.101 27.598 25 25 0 0 0 27.596-22.102c.554-5.014.838-10.104.838-15.248 0-75.643-61.857-137.5-137.5-137.5"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/location.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600">
+    <path d="M187.5-.016c-11.596 0-23.19 1.072-34.637 3.211C77.062 17.365 17.367 77.063 3.197 152.865a188.4 188.4 0 0 0 .006 69.28l.156.85.213.833c9.28 35.752 22.002 70.517 37.93 103.84l22.566 56.592a25 25 0 0 0 32.479 13.967 25 25 0 0 0 13.967-32.489l-23.016-57.726-.377-.776c-14.652-30.47-26.285-62.29-34.842-94.998-3.016-16.597-3.035-33.598.067-50.183v-.006c10.376-55.51 54.19-99.327 109.7-109.703a138.5 138.5 0 0 1 50.907 0c63.386 11.848 111.416 67.043 111.953 134.049-4.602 41.951-16.983 82.682-36.629 120.044l-.605 1.159-95.33 239.109c-1.288 3.23-2.524 3.285-4.842 3.285s-3.554-.056-4.842-3.285L140.41 440.738a25 25 0 0 0-32.48-13.959 25 25 0 0 0-13.965 32.48l42.246 105.962c8.826 22.138 30.597 34.77 51.289 34.77s42.463-12.632 51.29-34.77l94.782-237.75c22.17-42.826 36.244-89.382 41.287-137.356l.141-1.3v-1.313c0-91.448-65.82-168.036-152.863-184.307A188.5 188.5 0 0 0 187.5-.015m0 75.016C125.664 75 75 125.664 75 187.5S125.664 300 187.5 300 300 249.336 300 187.5c0-11.116-1.626-21.928-4.662-32.13a25 25 0 0 0-31.092-16.83 25 25 0 0 0-16.83 31.09A62.4 62.4 0 0 1 250 187.5c0 34.814-27.686 62.5-62.5 62.5S125 222.314 125 187.5s27.686-62.5 62.5-62.5c6.26 0 12.233.906 17.875 2.586a25 25 0 0 0 31.094-16.826 25 25 0 0 0-16.828-31.096A112.6 112.6 0 0 0 187.5 75"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/lock.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="375" height="600">
+    <path d="M187.5 0C111.857 0 49.998 61.859 49.998 137.502v37.5A25 25 0 0 0 75 199.998a25 25 0 0 0 25.002-24.996v-37.5c0-48.621 38.877-87.504 87.498-87.504s87.498 38.883 87.498 87.504v37.5A25 25 0 0 0 300 199.998a25 25 0 0 0 25.002-24.996v-37.5C325.002 61.859 263.143 0 187.5 0M75 225c-41.125 0-75 33.875-75 75v199.998A25 25 0 0 0 25.002 525a25 25 0 0 0 24.996-25.002V300c0-14.103 10.899-25.002 25.002-25.002h225c14.103 0 25.002 10.899 25.002 25.002v225c0 14.103-10.899 25.002-25.002 25.002H25.002A25 25 0 0 0 0 574.998 25 25 0 0 0 25.002 600H300c41.125 0 75-33.875 75-75V300c0-41.125-33.875-75-75-75zm112.5 112.5a25 25 0 0 0-25.002 25.002v99.996A25 25 0 0 0 187.5 487.5a25 25 0 0 0 25.002-25.002v-99.996A25 25 0 0 0 187.5 337.5"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/login.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="450" height="600">
+    <path d="M149.998 0c-41.125 0-75 33.875-75 75v150A25 25 0 0 0 100 250.002 25 25 0 0 0 125.002 225V75c0-14.103 10.893-25.002 24.996-25.002h225C389.101 49.998 400 60.897 400 75v450c0 14.103-10.899 25.002-25.002 25.002h-225c-14.103 0-24.996-10.899-24.996-25.002V375A25 25 0 0 0 100 349.998 25 25 0 0 0 74.998 375v150c0 41.125 33.875 75 75 75h225c41.125 0 75-33.875 75-75V75c0-41.125-33.875-75-75-75Zm57.88 140.805c-8.207.045-16.27 1.776-23.503 5.03-19.289 8.681-34.377 28.973-34.377 53.167v51c0 14.103-10.893 24.996-24.996 24.996H25A25 25 0 0 0-.002 300 25 25 0 0 0 25 325.002h100.002c41.125 0 75-33.875 75-75v-51c0-4.515 1.862-6.21 4.894-7.574 3.033-1.365 5.531-1.637 8.91 1.357l104.706 92.768c8.987 7.962 8.987 20.932 0 28.894l-104.705 92.768c-3.38 2.994-5.878 2.722-8.91 1.357s-4.895-3.057-4.895-7.572v-26A25 25 0 0 0 175 349.998 25 25 0 0 0 149.998 375v26c0 24.194 15.088 44.484 34.377 53.164s44.483 6.521 62.592-9.523l104.697-92.768c30.806-27.295 30.806-76.451 0-103.746l-104.697-92.768c-9.055-8.022-19.885-12.571-30.858-14.033a60 60 0 0 0-8.23-.521" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/logout.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="450" height="600">
+    <path d="M75.002 0c-41.125 0-75 33.875-75 75v450c0 41.125 33.875 75 75 75h225c41.125 0 75-33.875 75-75v-25.002A25 25 0 0 0 350 475.002a25 25 0 0 0-25.002 24.996V525c0 14.103-10.893 25.002-24.996 25.002h-225C60.899 550.002 50 539.103 50 525V75c0-14.103 10.899-25.002 25.002-25.002h225c14.103 0 24.996 10.899 24.996 25.002v25.002A25 25 0 0 0 350 124.998a25 25 0 0 0 25.002-24.996V75c0-41.125-33.875-75-75-75Zm207.877 140.805c-8.208.045-16.27 1.776-23.504 5.03-19.289 8.681-34.377 28.973-34.377 53.167v51c0 14.103-10.893 24.996-24.996 24.996H100A25 25 0 0 0 74.998 300 25 25 0 0 0 100 325.002h100.002c41.125 0 75-33.875 75-75v-51c0-4.515 1.862-6.21 4.894-7.574 3.033-1.365 5.532-1.637 8.91 1.357l104.69 92.768c8.987 7.963 8.987 20.93 0 28.894l-104.69 92.768c-3.378 2.994-5.877 2.722-8.91 1.357-3.032-1.364-4.894-3.057-4.894-7.572v-26A25 25 0 0 0 250 349.998 25 25 0 0 0 224.998 375v26c0 24.194 15.088 44.484 34.377 53.164s44.484 6.514 62.592-9.531l104.69-92.76c30.804-27.295 30.804-76.45 0-103.746l-104.69-92.76c-9.054-8.022-19.885-12.579-30.858-14.04a60 60 0 0 0-8.23-.522" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/looping.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M231.51 7.746a25 25 0 0 0-9.752.256c-17.828 4.035-35.735 9.9-52.84 18.553a25 25 0 0 0-11.023 33.591 25 25 0 0 0 33.593 11.024c12.659-6.403 26.647-11.084 41.307-14.402a25 25 0 0 0 18.865-29.903 25 25 0 0 0-20.15-19.119m140.744.736a25 25 0 0 0-20.42 18.834 25 25 0 0 0 18.44 30.166c14.563 3.514 28.421 8.42 40.884 15.057a25 25 0 0 0 33.817-10.312 25 25 0 0 0-10.313-33.819c-16.979-9.042-34.844-15.232-52.66-19.531a25 25 0 0 0-9.748-.395M107.334 145.42a25 25 0 0 0-24.295 25.685c.53 19.03 3.845 37.498 8.832 55.06l.045.151.088.303a25 25 0 0 0 30.986 17.024 25 25 0 0 0 17.024-30.989l-.045-.15-.01-.037c-4.05-14.271-6.548-28.663-6.94-42.752a25 25 0 0 0-25.685-24.295zm385.73 3.521a25 25 0 0 0-26.195 23.745c-.7 14.263-3.477 28.763-7.8 43.09a25 25 0 0 0 16.71 31.158 25 25 0 0 0 31.157-16.713c5.3-17.567 8.938-36.037 9.873-55.084a25 25 0 0 0-23.745-26.196M193.774 324.48a25 25 0 0 0-8.682.039 25 25 0 0 0-11.705 5.523 25 25 0 0 0-2.918 35.234c11.308 13.351 23.245 26.099 35.68 38.266a25 25 0 0 0 35.351-.383 25 25 0 0 0-.383-35.353c-11.39-11.145-22.258-22.758-32.494-34.844a25 25 0 0 0-14.85-8.482m210.353 2.636a25 25 0 0 0-14.908 8.377c-10.33 12.023-21.277 23.573-32.737 34.649a25 25 0 0 0-.603 35.35 25 25 0 0 0 35.35.603c12.508-12.089 24.52-24.756 35.914-38.016a25 25 0 0 0-2.67-35.256 25 25 0 0 0-11.664-5.605 25 25 0 0 0-8.682-.102m-61.328 125.031a25 25 0 0 0-21.98 11.91 25 25 0 0 0 8.224 34.385 804 804 0 0 0 44.826 25.55 25 25 0 0 0 33.787-10.415 25 25 0 0 0-10.412-33.787c-14.284-7.553-28.315-15.53-42.039-23.957a25 25 0 0 0-12.406-3.686m-88.475 1.823a25 25 0 0 0-12.422 3.629 753 753 0 0 1-42.144 23.765 25 25 0 0 0-10.574 33.739 25 25 0 0 0 33.738 10.572 803 803 0 0 0 44.943-25.348 25 25 0 0 0 8.385-34.346 25 25 0 0 0-21.926-12.011m270.647 81.006a25 25 0 0 0-6.506.513 25 25 0 0 0-18.576 16.729 25 25 0 0 0 16.054 31.5 959 959 0 0 0 49.23 14.537 25 25 0 0 0 30.597-17.717 25 25 0 0 0-17.717-30.596 909 909 0 0 1-46.664-13.777 25 25 0 0 0-6.418-1.19m-453.182 1.072a25 25 0 0 0-6.422 1.164 923 923 0 0 1-46.732 13.613 25 25 0 0 0-17.81 30.541 25 25 0 0 0 30.54 17.81 973 973 0 0 0 49.266-14.35 25 25 0 0 0 16.176-31.438 25 25 0 0 0-18.514-16.803 25 25 0 0 0-6.504-.537"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/menu.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M25 0A25 25 0 0 0 0 25a25 25 0 0 0 25 25h550a25 25 0 0 0 25-25 25 25 0 0 0-25-25Zm0 275a25 25 0 0 0-25 25 25 25 0 0 0 25 25h550a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 275a25 25 0 0 0-25 25 25 25 0 0 0 25 25h550a25 25 0 0 0 25-25 25 25 0 0 0-25-25z"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/menu_small.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="412.5" height="412.5">
+    <path d="M25 0A25 25 0 0 0 0 25a25 25 0 0 0 25 25h362.5a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 181.25a25 25 0 0 0-25 25 25 25 0 0 0 25 25h362.5a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm0 181.25a25 25 0 0 0-25 25 25 25 0 0 0 25 25h362.5a25 25 0 0 0 25-25 25 25 0 0 0-25-25z"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/merch.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="550" height="600">
+    <path d="M156.43.023C134.7.152 113.102 6.84 94.756 19.855L51.314 50.674C19.148 73.496.002 110.557.002 149.998c0 41.125 33.875 75 75 75 14.103 0 24.996 10.899 24.996 25.002v325.002A25 25 0 0 0 125 599.998a25 25 0 0 0 25.002-24.996V250c0-41.125-33.875-75-75-75C60.899 175 50 164.101 50 149.998a71.7 71.7 0 0 1 30.244-58.539l43.442-30.826a57.52 57.52 0 0 1 59.513-4.348l35.899 18.291c35.097 17.883 76.707 17.883 111.804 0l35.899-18.29a57.52 57.52 0 0 1 59.513 4.347l43.442 30.826A71.7 71.7 0 0 1 500 149.998C500 164.101 489.101 175 474.998 175c-41.125 0-75 33.875-75 75v274.998c0 14.103-10.893 25.002-24.996 25.002H200a25 25 0 0 0-25.002 25.002A25 25 0 0 0 200 599.998h175.002c41.125 0 75-33.875 75-75V250c0-14.103 10.893-25.002 24.996-25.002 41.125 0 75-33.875 75-75 0-39.44-19.146-76.502-51.312-99.324l-43.442-30.819c-32.615-23.14-75.51-26.275-111.142-8.12l-35.899 18.292a73.08 73.08 0 0 1-66.406 0l-35.899-18.293A107.5 107.5 0 0 0 156.43.024" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/message.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400">
+    <path d="M75 .002c-41.125 0-75 33.875-75 75v249.996c0 41.125 33.875 75 75 75h450c41.125 0 75-33.875 75-75V75.002c0-19.301-12.602-35.76-28.22-42.23-15.62-6.47-36.165-3.742-49.813 9.906L317.68 246.963c-9.973 9.972-25.387 9.972-35.36 0L117.674 82.326a25 25 0 0 0-35.352 0 25 25 0 0 0 0 35.352L246.97 282.322c29.08 29.08 76.982 29.08 106.062 0L550.002 85.36V325c0 14.102-10.899 25.001-25.002 25.001H75c-14.103 0-25.002-10.899-25.002-25.002V75.002C49.998 60.899 60.897 50 75 50h375a25 25 0 0 0 25.002-25.002A25 25 0 0 0 450 .002Z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/microphone.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="440.769" height="600">
+    <path d="M132.297.088c-21.964.54-44.077 6.376-64.352 18.039C3.067 55.448-19.356 138.832 18.102 203.475a135.7 135.7 0 0 0 55.722 52.875 24.957 25.048 90 0 0 .844.412 38.34 38.34 0 0 1 14.797 12.158l196.824 293.748c24.55 36.64 74.036 48.145 112.328 26.117s53.035-70.48 33.463-109.984L308.727 229.824c-19.565-39.488-69.42-54.546-107.698-32.527l-21.947 12.625a24.955 25.046 90 0 0-9.168 34.09 24.955 25.046 90 0 0 34.215 9.134l21.947-12.625c13.836-7.959 30.67-2.875 37.742 11.399L387.17 500.889c8.1 16.348 2.247 35.556-13.6 44.672s-35.46 4.557-45.62-10.606l-197.264-294.41a24.957 25.048 90 0 0-.536-.758 88.4 88.4 0 0 0-34.314-28.256l.84.403c-14.248-7.276-26.542-18.485-35.194-33.414-23.921-41.284-9.924-93.332 31.51-117.166s93.68-9.893 117.602 31.39c7.89 13.615 11.567 28.288 11.554 42.86a24.955 25.046 90 0 0 25.024 24.972 24.955 25.046 90 0 0 25.064-24.933c.02-23.061-5.906-46.537-18.26-67.856C228.225 23.345 180.619-1.1 132.297.087" style="stroke-width:4.19282"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/network.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M300 39.727c-105.448 0-204.202 29.633-288.06 81.011a25 25 0 0 0-8.256 34.38 25 25 0 0 0 34.377 8.255C114.327 116.646 203.905 89.727 300 89.727c96.093 0 185.672 26.919 261.938 73.644a25 25 0 0 0 34.378-8.258 25 25 0 0 0-8.257-34.377C504.2 69.36 405.447 39.726 300 39.726m0 150c-78.743 0-152.41 22.744-214.447 62.003a25 25 0 0 0-7.756 34.495 25 25 0 0 0 34.494 7.755c54.317-34.374 118.574-54.253 187.709-54.253 69.134 0 133.39 19.878 187.707 54.252a25 25 0 0 0 34.494-7.756 25 25 0 0 0-7.758-34.494c-62.036-39.26-135.7-62.002-214.443-62.002m0 150c-52.216 0-100.94 16.038-141.14 43.433a25 25 0 0 0-6.583 34.736 25 25 0 0 0 34.739 6.583c32.206-21.947 70.972-34.752 112.984-34.752s80.777 12.804 112.982 34.75a25 25 0 0 0 34.739-6.582 25 25 0 0 0-6.582-34.737c-40.201-27.393-88.924-43.431-141.139-43.431m0 150c-26.519 0-50.923 10.43-68.861 27.37a25 25 0 0 0-1.01 35.342 25 25 0 0 0 35.34 1.01c9.038-8.535 21.017-13.722 34.531-13.722s25.493 5.187 34.531 13.722a25 25 0 0 0 35.34-1.011 25 25 0 0 0-1.01-35.34c-17.938-16.94-42.343-27.371-68.861-27.371"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/paperplane.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="500">
+    <path d="M535.018.094a62.1 62.1 0 0 0-21.815 4.885L40.133 205.717c-48.038 20.384-52.852 90-8.076 116.8l39.984 23.934a25 25 0 0 0 34.291-8.611 25 25 0 0 0-8.611-34.291l-39.985-23.934c-12.309-7.367-11.28-22.267 1.926-27.87L532.734 51.007c5.133-2.178 10.814-.833 14.424 3.416s4.022 10.072 1.043 14.785L346.838 387.883c-16.664 26.371-50.638 34.466-77.404 18.445l-4.643-2.78a25 25 0 0 0-34.291 8.612 25 25 0 0 0 8.611 34.291l4.645 2.78c49.586 29.68 114.48 14.215 145.35-34.64L590.468 95.919c14.549-23.025 12.428-53.113-5.207-73.87C574.24 9.077 558.64 1.497 542.372.233a63 63 0 0 0-7.354-.138M396.455 142.82a25 25 0 0 0-11.898 5.088l-211.47 166.139c-30.343 23.84-48.087 60.34-48.087 98.93V475a25 25 0 0 0 25 25 25 25 0 0 0 25.002-25v-62.023a75.75 75.75 0 0 1 28.975-59.612l211.468-166.138a25 25 0 0 0 4.215-35.104 25 25 0 0 0-23.205-9.303"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/pen.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M475.002 0a25 25 0 0 0-17.68 7.322L67.928 396.717a104.4 104.4 0 0 0-21.842 32.023l-41.54 95.086c-9.442 21.618-3.09 45.77 11.384 60.244s38.626 20.826 60.244 11.383l95.086-41.539a104.4 104.4 0 0 0 32.023-21.842l389.395-389.394a25 25 0 0 0 0-35.352 25 25 0 0 0-35.352 0L167.93 496.713a54.4 54.4 0 0 1-16.682 11.383l-95.094 41.537c-2.882 1.259-3.435.508-4.865-.922s-2.181-1.983-.922-4.865l41.537-95.094a54.4 54.4 0 0 1 11.383-16.682L492.674 42.674a25 25 0 0 0 0-35.352A25 25 0 0 0 475.002 0m98.69.033a25 25 0 0 0-5.163.819 25 25 0 0 0-11.207 6.47l-100 100a25 25 0 0 0 0 35.356 25 25 0 0 0 35.356 0l100-100a25 25 0 0 0 0-35.356A25 25 0 0 0 573.69.033" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/pin.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="350" height="600">
+    <path d="M106.055 0C62.76 0 33.348 47.596 52.709 86.318l2.57 5.141A186.8 186.8 0 0 1 75 175v50a73.68 73.68 0 0 1-30.1 59.441l-22.513 16.532c-19.028 13.97-27.006 38.84-19.655 61.271C10.083 384.676 31.232 400 54.838 400H100a25 25 0 0 0 25-25 25 25 0 0 0-25-25H54.838c-2.186 0-3.911-1.249-4.592-3.326s-.03-4.105 1.733-5.399l22.515-16.53C106.227 301.444 125 264.367 125 225v-50a236.8 236.8 0 0 0-25-105.902l-2.57-5.141C93.756 56.61 97.84 50 106.055 50h137.89c8.215 0 12.299 6.61 8.625 13.957l-2.57 5.14A236.8 236.8 0 0 0 225 175v50c0 39.369 18.773 76.444 50.506 99.744l22.515 16.531c1.763 1.294 2.414 3.321 1.733 5.399-.68 2.077-2.406 3.326-4.592 3.326H225c-41.125 0-75 33.875-75 75v150a25 25 0 0 0 25 25 25 25 0 0 0 25-25V425c0-14.103 10.897-25 25-25h70.162c23.606 0 44.755-15.324 52.106-37.756s-.627-47.3-19.655-61.271L305.1 284.44A73.68 73.68 0 0 1 275 225v-50c0-29.001 6.751-57.602 19.72-83.541l2.571-5.14C316.652 47.595 287.239 0 243.945 0Z"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/plate_and_cutlery.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M25.002 0A25 25 0 0 0 0 25.002v75c0 38.635 15.355 75.71 42.674 103.03l4.289 4.288A95.68 95.68 0 0 1 75 274.998v300A25 25 0 0 0 100.002 600a25 25 0 0 0 24.996-25.002v-300c0-38.635-15.356-75.71-42.676-103.03l-4.289-4.288a95.68 95.68 0 0 1-28.035-67.678v-75A25 25 0 0 0 25.002 0M100 0a25 25 0 0 0-25 25v100a25 25 0 0 0 25 25 25 25 0 0 0 25-25V25a25 25 0 0 0-25-25m75 0a25 25 0 0 0-25 25v100a25 25 0 0 0 25 25 25 25 0 0 0 25-25V25a25 25 0 0 0-25-25m368.838.133c-14.337-.385-29.24 4.4-40.94 15.178l-8.06 7.425A139.07 139.07 0 0 0 450 124.998v125.004a25 25 0 0 0 25.002 24.996 25 25 0 0 0 24.996-24.996V124.998a89 89 0 0 1 28.715-65.484l8.06-7.428c3.244-2.988 5.575-2.712 8.512-1.424s4.717 2.81 4.717 7.219v517.117A25 25 0 0 0 574.998 600 25 25 0 0 0 600 574.998V57.881c0-24.241-15.266-44.514-34.643-53.01-4.844-2.124-10.05-3.555-15.421-4.258a59 59 0 0 0-6.098-.48M300 98c-19.053 0-37.652 2.138-55.531 6.195a25 25 0 0 0-18.85 29.912 25 25 0 0 0 29.912 18.848C269.813 149.715 284.684 148 300 148c32.015 0 62.111 7.475 88.875 20.775a25 25 0 0 0 33.514-11.261A25 25 0 0 0 411.125 124C377.641 107.36 339.827 98 300 98m0 100c-82.547 0-150 67.453-150 150s67.453 150 150 150 150-67.453 150-150a149.7 149.7 0 0 0-30-90.012 25 25 0 0 0-35.004-4.974 25 25 0 0 0-4.975 35.002C392.586 304.745 400 325.368 400 348c0 55.525-44.475 100-100 100s-100-44.475-100-100 44.475-100 100-100a25 25 0 0 0 25-25 25 25 0 0 0-25-25m191.729 244.273a25 25 0 0 0-22.086 11.715C434.287 510.444 371.713 548 300 548c-49.84 0-95.145-18.104-130.15-48.137a25 25 0 0 0-35.252 2.696 25 25 0 0 0 2.695 35.253C180.996 575.307 238.001 598 300 598c89.21 0 167.828-46.911 212.018-117.473a25 25 0 0 0-7.918-34.457 25 25 0 0 0-12.371-3.797"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/power.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M299.998 0c-17.969.002-35.937 8.867-44.912 26.594L97.07 338.689a24.986 25.014 0 0 0 10.987 33.622 24.986 25.014 0 0 0 33.582-11L299.656 49.207c.836-1.65-.156-1.65.68 0l249.31 492.395c2.42 4.777.216 8.367-5.134 8.367H55.486c-5.35 0-7.548-3.59-5.129-8.367l53.311-105.291a24.986 25.014 0 0 0-10.994-33.622 24.986 25.014 0 0 0-33.582 11l-53.31 105.3c-18.312 36.166 9.202 81.015 49.704 81.015h489.026c40.502 0 68.017-44.849 49.705-81.016L344.912 26.586C335.937 8.859 317.967-.002 299.998 0m-1.494 125.045a25 25 0 0 0-6.41 1.236 25 25 0 0 0-14.453 12.535l-45.834 91.66c-20.544 41.088 16.57 90.745 61.793 82.678l46.97-8.37c4.572-.816 6.43.767 8.254 3.587s2.508 5.17-.111 9.006l-63.875 93.521a25 25 0 0 0 6.547 34.747 25 25 0 0 0 34.748-6.547L390 345.576c13.941-20.413 12.491-46.296.813-64.355-11.68-18.06-34.69-30.007-59.026-25.666l-46.965 8.377c-7.813 1.393-11.838-3.996-8.289-11.094l45.826-91.654a25 25 0 0 0-11.175-33.543 25 25 0 0 0-12.68-2.596m-57.086 293.9a25 25 0 0 0-7.818.229 25 25 0 0 0-19.938 29.195l5.293 28.102c6.08 32.273 37.795 53.937 70.068 47.857l28.104-5.293a25 25 0 0 0 19.937-29.195 25 25 0 0 0-29.195-19.937l-28.103 5.292c-5.719 1.078-10.6-2.262-11.678-7.98l-5.293-28.104a25 25 0 0 0-21.377-20.166z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/question.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M300 0C134.61 0 0 134.61 0 300c0 148.033 107.597 271.458 249.027 295.682l.532.095.533.067c40.434 5.138 76.65-28.182 74.888-68.903l.022 1.079V487.5A25 25 0 0 0 300 462.498a25 25 0 0 0-25.002 25.002v41.066l.022.538c.46 10.654-7.845 18.313-18.39 17.11C139.263 525.697 49.999 423.55 49.999 300 49.998 161.633 161.633 49.998 300 49.998S550.002 161.633 550.002 300c0 114.68-76.959 210.935-181.809 240.59a25 25 0 0 0-17.25 30.865 25 25 0 0 0 30.864 17.25C507.807 553.067 600 437.075 600 300 600 134.61 465.39 0 300 0m0 75c-46.07 0-86.646 25.11-108.264 62.48a25 25 0 0 0 9.125 34.165 25 25 0 0 0 34.157-9.125c12.963-22.41 37.023-37.522 64.982-37.522 41.717 0 75 33.283 75 75 0 19.348-7.191 36.704-19.09 49.996h-.008l-49.074 54.871a125.03 125.03 0 0 0-31.83 83.334v11.803A25 25 0 0 0 300 424.998a25 25 0 0 0 25.002-24.996v-11.803a75 75 0 0 1 19.097-50.006l49.061-54.847.008-.006c19.769-22.087 31.83-51.466 31.83-83.342C424.998 131.258 368.74 75 300 75z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/schedule.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="450" height="600">
+    <path d="M74-.002C33.427-.002-.002 33.429-.002 74.002V212.5A25 25 0 0 0 25 237.502 25 25 0 0 0 50.002 212.5V74.002c0-13.551 10.447-24 23.998-24h300.998c14.103 0 25.002 10.893 25.002 24.996v450C400 539.101 389.101 550 374.998 550h-300c-14.103 0-24.996-10.899-24.996-25.002V287.5A25 25 0 0 0 25 262.498 25 25 0 0 0-.002 287.5v237.498c0 41.125 33.875 75 75 75h300c41.125 0 75-33.875 75-75v-450c0-41.125-33.875-75-75-75zm26 75A25 25 0 0 0 74.998 100 25 25 0 0 0 100 125.002h75c14.103 0 25.002 10.893 25.002 24.996 0 41.125 33.875 75 75 75h75a25 25 0 0 0 24.996-24.996A25 25 0 0 0 350.002 175h-75C260.899 175 250 164.101 250 149.998c0-41.125-33.875-75-75-75ZM100 225a25 25 0 0 0-25.002 25.002A25 25 0 0 0 100 274.998h75c14.103 0 25.002 10.899 25.002 25.002 0 41.125 33.875 75 75 75h75a25 25 0 0 0 24.996-25.002 25 25 0 0 0-24.996-24.996h-75C260.899 325.002 250 314.103 250 300c0-41.125-33.875-75-75-75zm0 149.998A25 25 0 0 0 74.998 400 25 25 0 0 0 100 425.002h75c14.103 0 25.002 10.893 25.002 24.996 0 41.125 33.875 75 75 75h75a25 25 0 0 0 24.996-24.996A25 25 0 0 0 350.002 475h-75C260.899 475 250 464.101 250 449.998c0-41.125-33.875-75-75-75z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/search.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M375 0C251.032 0 150 101.032 150 225c0 34.638 7.868 67.611 21.953 96.998l3.035 6.348c11.922 24.94 6.863 54.443-12.683 73.99L7.322 557.326a25 25 0 0 0 0 35.352 25 25 0 0 0 35.352 0l154.99-154.983c34.408-34.407 43.419-87.01 22.434-130.912l-3.05-6.385-.005-.013c-10.934-22.813-17.045-48.297-17.045-75.385 0-96.946 78.056-175.002 175.002-175.002S550.002 128.054 550.002 225 471.946 400.002 375 400.002c-31.981 0-61.765-8.513-87.506-23.408a25 25 0 0 0-34.154 9.117 25 25 0 0 0 9.115 34.156C295.559 439.023 334.105 450 375 450c123.968 0 225-101.032 225-225S498.968 0 375 0" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/settings.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M204.652-1.486c-2.586-.01-5.162.12-7.714.382-6.806.703-13.437 2.359-19.622 4.92-24.739 10.248-44.347 35.738-43.818 66.811l.12 7.059c.535 31.434-24.498 56.467-55.932 55.931l-7.059-.119c-31.073-.53-56.563 19.08-66.81 43.818-10.248 24.74-6.09 56.626 16.255 78.223l5.084 4.912c22.606 21.849 22.606 57.249 0 79.098l-5.084 4.912C-2.274 366.058-6.43 397.945 3.816 422.684s35.738 44.347 66.811 43.818l7.059-.121c31.434-.536 56.467 24.491 55.931 55.926l-.119 7.066c-.53 31.073 19.08 56.563 43.818 66.81 24.74 10.248 56.626 6.09 78.223-16.255l4.912-5.084c21.849-22.606 57.249-22.606 79.098 0l4.912 5.084c21.597 22.346 53.484 26.503 78.223 16.256s44.347-35.738 43.818-66.81l-.03-1.849a25 25 0 0 0-25.424-24.57 25 25 0 0 0-24.57 25.422l.03 1.848c.181 10.663-5.236 16.565-12.957 19.763s-15.725 2.86-23.137-4.808l-4.912-5.084c-41.046-42.47-109.954-42.47-151 0l-4.912 5.084c-7.412 7.668-15.416 8.007-23.137 4.808s-13.14-9.1-12.959-19.763l.121-7.067c1.004-59.054-47.719-107.777-106.773-106.771l-7.067.119c-10.663.181-16.565-5.236-19.763-12.957s-2.86-15.725 4.808-23.137l5.084-4.912c42.47-41.046 42.47-109.954 0-151l-5.084-4.914c-7.668-7.412-8.007-15.414-4.808-23.135s9.1-13.14 19.763-12.959l7.067.121c59.054 1.006 107.777-47.717 106.771-106.771l-.12-7.067c-.182-10.663 5.237-16.565 12.958-19.763 7.722-3.199 15.725-2.86 23.137 4.808l4.912 5.084c41.046 42.47 109.954 42.47 151 0l4.912-5.084c7.412-7.668 15.415-8.007 23.137-4.808 7.721 3.198 13.139 9.1 12.957 19.763l-.12 7.067c-1.005 59.054 47.718 107.777 106.772 106.771l7.067-.12c10.663-.182 16.565 5.237 19.763 12.958 3.199 7.722 2.86 15.723-4.808 23.135l-38.56 37.27c-24.168 23.357-24.168 62.931 0 86.289l38.56 37.267c7.668 7.412 8.007 15.415 4.808 23.137-3.198 7.721-9.1 13.139-19.763 12.957l-2.655-.045a25 25 0 0 0-25.416 24.572 25 25 0 0 0 24.57 25.424l2.65.045c31.072.53 56.562-19.08 66.81-43.818 10.247-24.74 6.09-56.626-16.256-78.223l-38.563-37.268c-4.304-4.16-4.304-10.227 0-14.386l38.563-37.268c22.346-21.597 26.503-53.484 16.256-78.223s-35.739-44.347-66.811-43.818l-7.066.12c-31.435.535-56.462-24.498-55.926-55.932l.12-7.059c.53-31.073-19.078-56.563-43.817-66.81s-56.626-6.09-78.223 16.255l-4.912 5.084c-21.849 22.606-57.249 22.606-79.098 0l-4.912-5.084C241.366 5.408 222.76-1.42 204.652-1.486M300 150c-82.547 0-150 67.453-150 150 0 21.257 4.457 41.618 12.492 60.01a25 25 0 0 0 32.918 12.898 25 25 0 0 0 12.9-32.918C202.967 327.76 200 314.298 200 300c0-55.524 44.476-100 100-100s100 44.476 100 100-44.476 100-100 100c-14.303 0-27.767-2.969-40.002-8.316a25 25 0 0 0-32.922 12.896 25 25 0 0 0 12.897 32.92C258.369 445.54 278.736 450 300 450c82.547 0 150-67.453 150-150s-67.453-150-150-150" style="stroke-width:3.82848"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/signup.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M337.5 0c-82.547 0-150 67.453-150 150 0 55.323 30.14 103.978 74.982 129.918a25 25 0 0 0 34.159-9.123 25 25 0 0 0-9.123-34.158C257.635 219.35 237.5 187.213 237.5 150c0-55.525 44.475-100 100-100s100 44.475 100 100c0 37.213-20.135 69.35-50.018 86.637a25 25 0 0 0-9.123 34.158 25 25 0 0 0 34.159 9.123C457.36 253.978 487.5 205.323 487.5 150c0-82.547-67.453-150-150-150M125.002 199.998A25 25 0 0 0 100 225v25.002c0 41.125 33.875 75 75 75h25.002A25 25 0 0 0 224.998 300a25 25 0 0 0-24.996-25.002H175c-14.103 0-25.002-10.893-25.002-24.996V225a25 25 0 0 0-24.996-25.002m-100.004 100A25 25 0 0 0 .002 325a25 25 0 0 0 24.996 25.002H50c14.103 0 25.002 10.893 25.002 24.996V400a25 25 0 0 0 24.996 25.002A25 25 0 0 0 125 400v-25.002c0-41.125-33.875-75-75-75zm250 25.004C206.258 325.002 150 381.26 150 450v124.998A25 25 0 0 0 175.002 600a25 25 0 0 0 24.996-25.002V450c0-41.717 33.283-75 75-75h125.004c41.717 0 75 33.283 75 75v124.998A25 25 0 0 0 499.998 600 25 25 0 0 0 525 574.998V450c0-68.74-56.259-124.998-124.998-124.998Z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/soldering_iron.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M537.424.154c-14.128 0-28.254 5.319-38.889 15.953l-52.572 52.575a154.94 154.94 0 0 1-131.524 43.84l-2.746-.391c-23.82-3.403-45.647 10.262-54.9 28.767-9.253 18.506-7.085 44.16 9.93 61.174l16.556 16.565c3.724 3.724 3.724 9.002 0 12.726L71.465 443.18A73.32 73.32 0 0 0 49.998 495v10.002a23.25 23.25 0 0 1-6.822 16.463L7.322 557.326a25 25 0 0 0 0 35.352 25 25 0 0 0 35.352 0l35.861-35.854a73.33 73.33 0 0 0 21.467-51.822V495a23.25 23.25 0 0 1 6.822-16.46L318.64 266.722c22.831-22.832 22.831-60.614 0-83.446l-16.565-16.556c-2.012-2.012-1.284-2.016-.56-3.463.723-1.448.29-2.033 3.107-1.631l2.746.39c63.855 9.123 128.337-12.365 173.947-57.976l52.575-52.574c2.162-2.162 4.908-2.162 7.07 0l7.574 7.574c2.162 2.162 2.162 4.908 0 7.07l-94.998 94.998c-18.903 18.903-27.823 45.658-24.043 72.121l8.881 62.149c.402 2.817-.183 2.384-1.63 3.107-1.448.724-1.452 1.452-3.464-.56l-15.855-15.856c-23.222-23.222-61.626-23.222-84.848 0L132.32 482.326a25 25 0 0 0 0 35.352 25 25 0 0 0 35.36 0l200.248-200.25c4.114-4.115 10.03-4.115 14.144 0l15.856 15.85c17.015 17.014 42.668 19.182 61.174 9.929 18.505-9.253 32.17-31.08 28.767-54.9l-8.88-62.141a34.95 34.95 0 0 1 9.9-29.705l95.004-94.996c21.269-21.27 21.269-56.514 0-77.783l-7.575-7.575C565.684 5.473 551.552.154 537.424.154" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/tick.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M579.277.787a25 25 0 0 0-9.752.24 25 25 0 0 0-15.642 11.014L223.176 534.082c-12.96 20.46-40.422 22.014-55.61 3.148L44.471 384.324a25 25 0 0 0-35.15-3.799 25 25 0 0 0-3.792 35.15l123.094 152.909c35.737 44.391 106.296 40.396 136.793-7.746l330.7-522.041a25 25 0 0 0-7.739-34.502 25 25 0 0 0-9.1-3.508" style="stroke-width:3.82848"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/tick_small.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="412.33">
+    <path d="M575.02 0a25 25 0 0 0-17.686 7.305L210.582 353.424c-12.206 12.183-31.206 12.29-43.549.246L42.457 232.11a25 25 0 0 0-35.346.433 25 25 0 0 0 .426 35.354l124.576 121.552c31.516 30.755 82.625 30.466 113.791-.642l346.754-346.11a25 25 0 0 0 .04-35.361A25 25 0 0 0 575.02 0" style="stroke-width:3.82847"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/ticket.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="475" height="600">
+    <path d="M75 0C33.875 0 0 33.875 0 75v450c0 41.125 33.875 75 75 75h34.865a75 75 0 0 0 41.596-12.594l44.44-29.623a74.85 74.85 0 0 1 83.2 0l44.432 29.623A75 75 0 0 0 365.14 600h34.863c41.125 0 75-33.875 75-75V75c0-41.125-33.875-75-75-75h-34.863a75 75 0 0 0-41.606 12.594l-44.431 29.623a74.85 74.85 0 0 1-83.202 0l-44.44-29.623A75 75 0 0 0 109.866 0Zm0 49.998h34.865c4.938 0 9.755 1.46 13.864 4.2l44.431 29.624c41.928 27.952 96.748 27.952 138.676 0l44.44-29.625a24.98 24.98 0 0 1 13.863-4.199h34.863c14.103 0 24.996 10.899 24.996 25.002v450c0 14.103-10.893 25.002-24.996 25.002h-34.863c-4.938 0-9.755-1.46-13.864-4.2l-44.44-29.624c-41.927-27.952-96.747-27.952-138.675 0l-44.431 29.625a24.98 24.98 0 0 1-13.864 4.199H75c-14.103 0-25.002-10.899-25.002-25.002V75c0-14.103 10.899-25.002 25.002-25.002M100 180a25 25 0 0 0-25 25 25 25 0 0 0 25 25h25a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm250 0a25 25 0 0 0-25 25 25 25 0 0 0 25 25h25a25 25 0 0 0 25-25 25 25 0 0 0-25-25zm-125 20a25 25 0 0 0-25 25 25 25 0 0 0 25 25h25a25 25 0 0 0 25-25 25 25 0 0 0-25-25z" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/toast.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M163.1.03c-24.085-.381-48.086 6.712-68.41 20.888l-42.977 29.97C19.334 73.472.002 110.523.002 149.999a190.16 190.16 0 0 0 31.936 105.473l8.392 12.593A57.56 57.56 0 0 1 50 299.998v275.004a25 25 0 0 0 25.002 24.996 25 25 0 0 0 24.996-24.996V299.998c0-21.235-6.286-42-18.064-59.668l-8.4-12.594A140.14 140.14 0 0 1 50 149.998a70.76 70.76 0 0 1 30.31-58.096l42.977-29.978a66.24 66.24 0 0 1 63.33-6.865l57.623 23.888a145.65 145.65 0 0 0 111.526 0l57.623-23.888a66.22 66.22 0 0 1 63.322 6.865l42.976 29.978a70.76 70.76 0 0 1 30.311 58.096c0 27.67-8.185 54.716-23.533 77.738l-8.4 12.594A107.58 107.58 0 0 0 500 299.998v225C500 539.101 489.101 550 474.998 550H150.002A25 25 0 0 0 125 575.002a25 25 0 0 0 25.002 24.996h324.996c41.125 0 75-33.875 75-75v-225a57.56 57.56 0 0 1 9.67-31.934l8.4-12.593a190.16 190.16 0 0 0 31.934-105.473c0-39.476-19.33-76.527-51.709-99.11l-42.979-29.97c-32.52-22.68-74.448-27.23-111.074-12.047l-57.623 23.887a95.58 95.58 0 0 1-73.228 0L205.766 8.87A116.2 116.2 0 0 0 163.1.03" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/train.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M25.002 0A25 25 0 0 0 0 25.002a25 25 0 0 0 25.002 24.996h300a73.12 73.12 0 0 1 59.19 30.14l141.185 194.13a128.74 128.74 0 0 1 24.625 75.73v75C550.002 439.101 539.103 450 525 450H25.002A25 25 0 0 0 0 475.002a25 25 0 0 0 25.002 24.996H525c41.125 0 75-33.875 75-75v-75c0-37.776-11.974-74.59-34.193-105.14L424.629 50.735C401.46 18.881 364.39 0 325.002 0Zm0 75A25 25 0 0 0 0 100.002a25 25 0 0 0 25.002 24.996H75c14.103 0 25.002 10.899 25.002 25.002v199.998C100.002 364.101 89.103 375 75 375H25.002A25 25 0 0 0 0 400.002a25 25 0 0 0 25.002 24.996H75c41.125 0 75-33.875 75-75V150c0-41.125-33.875-75-75-75Zm225 0c-41.125 0-75 33.875-75 75v150a25 25 0 0 0 24.996 25.002A25 25 0 0 0 225 300V150c0-14.103 10.899-25.002 25.002-25.002h24.996a74.94 74.94 0 0 1 60 30l90 120h-150A25 25 0 0 0 250.002 300a25 25 0 0 0 24.996 25.002h150c39.629 0 63.78-48.301 40.002-80.004l-90-120C351.406 93.54 314.32 75 274.998 75Zm-92.309 450.002a25 25 0 0 0-12.463 3.482 25 25 0 0 0-8.78 34.248C149.366 584.56 172.954 600 200 600s50.633-15.44 63.55-37.268a25 25 0 0 0-8.78-34.248 25 25 0 0 0-34.249 8.784C215.635 545.524 208.221 550 200 550s-15.635-4.476-20.521-12.732a25 25 0 0 0-21.786-12.266m199.897.015a25 25 0 0 0-12.613 2.897 25 25 0 0 0-10.375 33.8c12.51 23.595 37.013 40.56 65.398 40.56s52.887-16.965 65.398-40.56a25 25 0 0 0-10.375-33.8 25 25 0 0 0-33.798 10.377c-4.78 9.013-12.596 13.984-21.225 13.984s-16.445-4.971-21.225-13.984a25 25 0 0 0-21.185-13.274" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/vegan.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="525" height="600">
+    <path d="M464.906 16.281q-3.127.025-6.275.403h-.002a56.8 56.8 0 0 0-14.336 3.675l-32.154 12.86a268.6 268.6 0 0 0-90.17 59.46l-4.29 4.29c-27.805 27.805-40.92 67.135-35.359 106.062l10.86 76.004a135.06 135.06 0 0 1-12.905 79.504l-52.632 105.28a25 25 0 0 0 11.175 33.542 25 25 0 0 0 33.543-11.183l52.641-105.28a185.08 185.08 0 0 0 17.672-108.935l-10.85-76.004a74.93 74.93 0 0 1 21.207-63.639l4.29-4.289a218.6 218.6 0 0 1 73.39-48.388l32.148-12.86c6.607-2.643 12.143 1.101 12.143 8.217v25.002a25 25 0 0 0 .015.828c.806 24.32-5.588 48.316-18.336 69.035A163.25 163.25 0 0 1 394.097 225l-5.28 2.643a25 25 0 0 0-11.175 33.535 25 25 0 0 0 33.537 11.183l5.278-2.642a213.3 213.3 0 0 0 82.08-72.453 25 25 0 0 0 .449-.694 173.95 173.95 0 0 0 26-97.396l.015.826V75c0-33.454-28.831-58.984-60.094-58.719zM22.736 142.406a25 25 0 0 0-12.146 4.469 25 25 0 0 0-6.02 34.838C84.882 295.575 136.8 430.789 150.102 577.262a25 25 0 0 0 27.16 22.636 25 25 0 0 0 22.636-27.16C185.786 417.35 130.641 273.704 45.43 152.895a25 25 0 0 0-22.694-10.489" style="stroke-width:3.77953"/>
+</svg>

eh22.easterhegg.eu/design/assets/icon/warning.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600">
+    <path d="M299.998.809c-19.76 0-39.517 9.78-49.455 29.343L6.713 510.148c-20.416 40.19 10.015 89.87 55.053 89.87H249.95c41.143 0 75.033-33.93 75.033-75.12V487.5a24.986 25.014 0 0 0-24.982-25.012 24.986 25.014 0 0 0-24.988 25.012v37.398c0 14.153-10.926 25.084-25.063 25.084H61.766c-9.864 0-14.977-8.35-10.506-17.152L295.09 52.832c2.735-5.384 7.09-5.384 9.826 0l243.83 479.982c4.472 8.803-.643 17.162-10.508 17.163l-163.24.006A24.986 25.014 0 0 0 350.018 575a24.986 25.014 0 0 0 24.98 25.018l163.24-.014c45.038-.003 75.472-49.68 55.055-89.87L349.455 30.153C339.517 10.59 319.757.81 299.998.81M300 125a25 25 0 0 0-25 25v250a25 25 0 0 0 25 25 25 25 0 0 0 25-25V150a25 25 0 0 0-25-25"/>
+</svg>

eh22.easterhegg.eu/design/assets/script/generator.js

@@ -0,0 +1,86 @@
+let can = document.createElement("canvas");
+let ctx = can.getContext("2d");
+let result;
+const downloadButton = document.querySelector("#download");
+
+function filterImage(svgDataUrl, width, height) {
+  const filteredImage = new Image();
+  const resultPreview = document.querySelector("#result_img");
+
+  can.width = width;
+  can.height = height;
+
+  filteredImage.onload = function () {
+    ctx.drawImage(filteredImage, 0, 0, width, height);
+    result = can.toDataURL();
+    downloadButton.disabled = false;
+    resultPreview.src = result;
+  };
+  filteredImage.src = svgDataUrl;
+}
+
+function loadImage(base64Image) {
+  const sourceImage = new Image();
+  const svg = document.querySelector("svg");
+  const svgImage = svg.querySelector("image");
+  const sourcePreview = document.querySelector("#source_img");
+  let svgDataUrl;
+
+  sourceImage.onload = function () {
+    let svgViewBox = `0 0 ${Math.trunc((800 / this.height) * this.width)} 800`;
+    svg.setAttribute("height", this.height);
+    svg.setAttribute("width", this.width);
+    svg.setAttribute("viewBox", svgViewBox);
+
+    let svgString = new XMLSerializer().serializeToString(svg);
+    svgDataUrl = "data:image/svg+xml," + encodeURIComponent(svgString);
+
+    filterImage(svgDataUrl, this.width, this.height);
+  };
+  sourceImage.src = svgImage.href.baseVal = sourcePreview.src = base64Image;
+}
+
+function handleFileSelect(e) {
+  const files = e.target.files;
+  if (!files || !files.length) return;
+  const file = files[0];
+  if (!file.type.match("image.*")) return;
+
+  const reader = new FileReader();
+
+  reader.onload = (readerEvent) => {
+    loadImage(readerEvent.target.result);
+  };
+
+  reader.readAsDataURL(file);
+}
+
+document
+  .querySelector("#file_input")
+  .addEventListener("change", handleFileSelect, false);
+
+function downloadURI(_uri, _name) {
+  let link = document.createElement("a");
+  link.download = "distortedImageEH22.png";
+  link.href = result;
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  delete link;
+}
+
+downloadButton.addEventListener("click", downloadURI);
+
+(async () => {
+  let exampleImageBlob = await fetch("../assets/image/example_qrcode.png").then(
+    (r) => r.blob(),
+  );
+
+  let dataUrl = await new Promise((resolve) => {
+    let reader = new FileReader();
+    reader.onload = () => resolve(reader.result);
+    reader.readAsDataURL(exampleImageBlob);
+  });
+
+  loadImage(dataUrl);
+})();

eh22.easterhegg.eu/design/assets/script/merch.js

@@ -0,0 +1,229 @@
+const sizes = [
+  "XXS",
+  "XS",
+  "S",
+  "M",
+  "L",
+  "XL",
+  "2XL",
+  "3XL",
+  "4XL",
+  "5XL",
+  "6XL",
+];
+
+function selectCell(e) {
+  const cell = e.target;
+  const value = parseFloat(cell.dataset.val);
+  const col = cell.dataset.col;
+  const dimension = cell.dataset.dim;
+
+  document.querySelectorAll("td.val:not(.empty)").forEach((match) => {
+    match.dataset.diff = "";
+    match.classList.remove("highlighted");
+    match.classList.remove("currentDimension");
+    if (match.dataset.dim === dimension) {
+      match.classList.add("currentDimension");
+      const diff = parseFloat(match.dataset.val) - value;
+      match.dataset.diff = diff > 0 ? `+${diff}` : diff;
+      if (match.dataset.dim === "A")
+        match.style.cssText = `--custom-color: rgba(96, 165, 249, ${1 - Math.abs(diff) / 5})`;
+      if (match.dataset.dim === "B")
+        match.style.cssText = `--custom-color: rgba(211, 129, 247, ${1 - Math.abs(diff) / 5})`;
+      if (match.dataset.dim === "C")
+        match.style.cssText = `--custom-color: rgba(255, 121, 117, ${1 - Math.abs(diff) / 5})`;
+    }
+  });
+  document.querySelectorAll("td.dimension").forEach((match) => {
+    match.classList.remove("currentDimension");
+    if (match.innerHTML === dimension) {
+      match.classList.add("currentDimension");
+    }
+  });
+
+  cell.classList.add("highlighted");
+}
+
+function selectCellPlus(e) {
+  e.stopPropagation();
+  const cell = e.target;
+  const group = cell.parentElement.parentElement;
+  const col = cell.dataset.col;
+
+  if (
+    cell.classList.contains("highlighted") &&
+    !cell.classList.contains("currentDimension")
+  ) {
+    selectCell(e);
+    return;
+  }
+
+  const values = {};
+  group.querySelectorAll(`td[data-col='${col}']`).forEach((match) => {
+    values[match.dataset.dim] = parseFloat(match.dataset.val);
+  });
+
+  document.querySelectorAll("td.val:not(.empty)").forEach((match) => {
+    match.dataset.diff = "";
+    match.classList.remove("highlighted");
+    match.classList.remove("currentDimension");
+    if (match.dataset.dim in values) {
+      const diff = parseFloat(match.dataset.val) - values[match.dataset.dim];
+      match.dataset.diff = diff > 0 ? `+${diff}` : diff;
+      if (match.dataset.dim === "A")
+        match.style.cssText = `--custom-color: rgba(96, 165, 249, ${1 - Math.abs(diff) / 5})`;
+      if (match.dataset.dim === "B")
+        match.style.cssText = `--custom-color: rgba(211, 129, 247, ${1 - Math.abs(diff) / 5})`;
+      if (match.dataset.dim === "C")
+        match.style.cssText = `--custom-color: rgba(255, 121, 117, ${1 - Math.abs(diff) / 5})`;
+    }
+  });
+  document.querySelectorAll("td.dimension").forEach((match) => {
+    match.classList.remove("currentDimension");
+  });
+
+  group.querySelectorAll(`td[data-col='${col}']`).forEach((match) => {
+    match.classList.add("highlighted");
+  });
+}
+
+function hoverCell(e) {
+  const cell = e.target;
+  const group = cell.parentElement.parentElement;
+  const col = cell.dataset.col;
+  const dim = cell.dataset.dim;
+
+  hoverOff();
+  document.querySelectorAll("table > thead > tr > th").forEach((match) => {
+    if (match.dataset.col === col) match.classList.add("hover");
+  });
+  group.querySelectorAll("td.dimension").forEach((match) => {
+    if (match.innerText === dim) match.classList.add("hover");
+  });
+  group.querySelectorAll("td:not(.dimension), th").forEach((match) => {
+    match.classList.add("hover");
+  });
+}
+
+function hoverOff() {
+  document.querySelectorAll("table > thead > tr > th").forEach((match) => {
+    match.classList.remove("hover");
+  });
+  document.querySelectorAll("td.dimension, td, th").forEach((match) => {
+    match.classList.remove("hover");
+  });
+}
+
+const typeList = new Set();
+const fitList = new Set();
+
+document.querySelectorAll("tbody").forEach((tbody) => {
+  if (tbody.dataset.from) {
+    const source = document.querySelector(`tbody#${tbody.dataset.from}`);
+    if (!source) {
+      console.log(`tbody with ID '${tbody.dataset.from}' not found.`);
+      return;
+    }
+
+    const name = tbody.querySelector("tr th").innerHTML;
+    tbody.replaceChildren();
+    tbody.insertAdjacentHTML("afterbegin", source.innerHTML);
+    tbody.querySelector("tr th").innerHTML = name;
+    delete tbody.dataset.from;
+    tbody.dataset.type = source.dataset.type;
+    tbody.dataset.fit = source.dataset.fit;
+  }
+
+  typeList.add(tbody.dataset.type);
+  fitList.add(tbody.dataset.fit);
+});
+
+// build filter
+const filterTypeElement = document.querySelector("#filterType");
+typeList.forEach((type) => {
+  filterTypeElement.insertAdjacentHTML(
+    "beforeend",
+    `<label>
+                <input type="checkbox" value="${type}" checked>
+                ${type}
+            </label>`,
+  );
+});
+const filterFitElement = document.querySelector("#filterFit");
+fitList.forEach((fit) => {
+  filterFitElement.insertAdjacentHTML(
+    "beforeend",
+    `<label>
+                <input type="checkbox" value="${fit}" checked>
+                ${fit}
+            </label>`,
+  );
+});
+
+const filterType = new Set(typeList);
+const filterFit = new Set(fitList);
+
+function filter() {
+  document.querySelectorAll(`tbody`).forEach((match) => {
+    match.classList.toggle(
+      "filtered",
+      !filterType.has(match.dataset.type) || !filterFit.has(match.dataset.fit),
+    );
+  });
+}
+
+filterTypeElement
+  .querySelectorAll('input[type="checkbox"]')
+  .forEach((checkbox) => {
+    checkbox.addEventListener("change", (e) => {
+      if (checkbox.checked) {
+        filterType.add(checkbox.value);
+      } else {
+        filterType.delete(checkbox.value);
+      }
+      filter();
+    });
+  });
+
+filterFitElement
+  .querySelectorAll('input[type="checkbox"]')
+  .forEach((checkbox) => {
+    checkbox.addEventListener("change", (e) => {
+      if (checkbox.checked) {
+        filterFit.add(checkbox.value);
+      } else {
+        filterFit.delete(checkbox.value);
+      }
+
+      filter();
+    });
+  });
+
+document.querySelectorAll("td.val").forEach((cell) => {
+  const rowTitle = cell.parentElement.querySelector("th");
+  cell.dataset.col =
+    sizes[rowTitle !== null ? cell.cellIndex - 4 : cell.cellIndex - 1];
+  cell.addEventListener("pointerenter", hoverCell);
+  cell.addEventListener("pointerleave", hoverOff);
+});
+
+// initialize table
+document.querySelectorAll("td.val:not(.empty)").forEach((cell) => {
+  cell.dataset.val = cell.innerText;
+  cell.dataset.diff = "";
+  cell.dataset.dim = cell.parentElement.querySelector("td.dimension").innerHTML;
+
+  cell.addEventListener("click", selectCellPlus);
+});
+
+// disable select on click outside value cell
+document.addEventListener("click", (e) => {
+  document.querySelectorAll("td.val:not(.empty)").forEach((match) => {
+    match.dataset.diff = "";
+    match.classList.remove("highlighted");
+    match.classList.remove("currentDimension");
+  });
+  document.querySelectorAll("td.dimension").forEach((match) => {
+    match.classList.remove("currentDimension");
+  });
+});

eh22.easterhegg.eu/design/assets/script/styleguide.js

@@ -0,0 +1,11 @@
+document.querySelector("nav > button")?.addEventListener("click", (e) => {
+  document.querySelector("nav").classList.toggle("visible");
+});
+
+document.querySelector("#themeDark").addEventListener("change", (e) => {
+  setTheme(e.target.checked ? "dark" : "system");
+});
+
+document.querySelector("#themeLight").addEventListener("change", (e) => {
+  setTheme(e.target.checked ? "light" : "system");
+});

eh22.easterhegg.eu/design/assets/style/glows.svg

@@ -0,0 +1,320 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <style>
+      :root {
+        --color-white: #ffffff;
+        --color-primary: #c6257d;
+        --color-secondary: #4badd8;
+      }
+    </style>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur16Primary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-primary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="0.5" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="1" style="flood-color: var(--color-primary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="2" style="flood-color: var(--color-primary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.25" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur18Primary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-primary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="0.5625" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="1.125" style="flood-color: var(--color-primary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="2.25" style="flood-color: var(--color-primary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.28125" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur24Primary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-primary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="0.75" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="1.5" style="flood-color: var(--color-primary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="3" style="flood-color: var(--color-primary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.375" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur32Primary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-primary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="1" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="2" style="flood-color: var(--color-primary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="4" style="flood-color: var(--color-primary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.5" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur48Primary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-primary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="1.5" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="3" style="flood-color: var(--color-primary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="6" style="flood-color: var(--color-primary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.75" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur72Primary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-primary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="2.25" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="4.5" style="flood-color: var(--color-primary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="9" style="flood-color: var(--color-primary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="1.125" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur160Primary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-primary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="5" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="10" style="flood-color: var(--color-primary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="20" style="flood-color: var(--color-primary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="2.5" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur16Secondary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-secondary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="0.5" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="1" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="2" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.25" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur18Secondary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-secondary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="0.5625" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="1.125" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="2.25" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.28125" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur24Secondary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-secondary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="0.75" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="1.5" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="3" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.375" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur32Secondary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-secondary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="1" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="2" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="4" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.5" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur48Secondary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-secondary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="1.5" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="3" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="6" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="0.75" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur72Secondary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-secondary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="2.25" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="4.5" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="9" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="1.125" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+
+    <filter style="color-interpolation-filters:sRGB;" id="textBlur160Secondary">
+      <feFlood style="flood-color: var(--color-white);" result="flood-white" />
+      <feFlood style="flood-color: var(--color-secondary);" result="flood-glow-color" />
+
+      <feDropShadow in="SourceGraphic" dx="0" dy="0" stdDeviation="5" style="flood-color: var(--color-white);"
+        result="drop_shadow_0" />
+      <feDropShadow in="drop_shadow_0" dx="0" dy="0" stdDeviation="10" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_1" />
+      <feDropShadow in="drop_shadow_1" dx="0" dy="0" stdDeviation="20" style="flood-color: var(--color-secondary);"
+        result="drop_shadow_2" />
+
+      <feComposite in="flood-glow-color" in2="SourceAlpha" operator="in" result="flooded" />
+      <feGaussianBlur in="SourceAlpha" stdDeviation="2.5" result="inset_drop_shadow" />
+      <feComposite in="flood-white" in2="inset_drop_shadow" operator="in" result="inset_drop_shadow_white" />
+      <feComposite in="inset_drop_shadow_white" in2="SourceAlpha" operator="in" result="inset_shadow" />
+      <feMerge result="final">
+        <feMergeNode in="drop_shadow_2" />
+        <feMergeNode in="flooded" />
+        <feMergeNode in="inset_shadow" />
+      </feMerge>
+    </filter>
+  </defs>
+</svg>

eh22.easterhegg.eu/design/changelog.html

@@ -0,0 +1,149 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <script>
+      const setTheme = (theme) => {
+        theme ??= localStorage.theme || "system";
+        document.getElementById("themeLight").checked = theme === "light";
+        document.getElementById("themeDark").checked = theme === "dark";
+        localStorage.theme = theme;
+      };
+      document.addEventListener("DOMContentLoaded", function () {
+        setTheme();
+      });
+    </script>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="assets/image/favicon.png" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="assets/style/styleguide.css"
+    />
+    <title>Changelog</title>
+  </head>
+
+  <body>
+    <header>
+      <a href="../index.html" id="backToWiki">
+        <img
+          src="assets/image/logo_eventname_glow.svg"
+          class="header-image dark-only"
+          alt="Logo of Easterhegg 2025. In the style of a neon sign:
+     The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
+     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."
+        />
+        <img
+          src="assets/image/logo_eventname_glow_off.svg"
+          class="header-image light-only"
+          alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
+     The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
+     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink."
+        />
+      </a>
+    </header>
+    <div>
+      <nav>
+        <button aria-label="Open Navigation">
+          <i data-icon="menu_small"></i>
+        </button>
+        <ul>
+          <li class="link-back">
+            <a href="../index.html"><i data-icon="arrow_left"></i>Back to Wiki</a>
+          </li>
+          <li>
+            <a href="index.html"><i data-icon="home"></i>Overview</a>
+          </li>
+          <li>
+            <a href="colors.html"><i data-icon="pen"></i>Colors</a>
+          </li>
+          <li>
+            <a href="typography.html"><i data-icon="font"></i>Typography</a>
+          </li>
+          <li>
+            <a href="iconography.html"><i data-icon="info"></i>Iconography</a>
+          </li>
+          <li>
+            <a href="logo.html"><i data-icon="hare_head"></i>Logo</a>
+          </li>
+          <li>
+            <a href="glow.html"><i data-icon="lightbulb"></i>Glow</a>
+          </li>
+          <li>
+            <a href="doodles.html"><i data-icon="looping"></i>Doodles</a>
+          </li>
+          <li>
+            <a href="demopage.html"><i data-icon="code"></i>Demopage</a>
+          </li>
+          <li>
+            <a href="generator.html"
+              ><i data-icon="settings"></i>Image Generator</a
+            >
+          </li>
+          <li class="active">
+            <a href="changelog.html"><i data-icon="history"></i>Changelog</a>
+          </li>
+          <li id="themeToggleDark" class="themeToggle">
+            <input
+              id="themeDark"
+              type="checkbox"
+              aria-label="Switch between dark and light mode"
+            />
+            <label for="themeDark">
+              <i data-icon="lightbulb"></i>
+            </label>
+          </li>
+          <li id="themeToggleLight" class="themeToggle">
+            <input
+              id="themeLight"
+              type="checkbox"
+              aria-label="Switch between dark and light mode"
+            />
+            <label for="themeLight">
+              <i data-icon="lightbulb"></i>
+            </label>
+          </li>
+        </ul>
+      </nav>
+      <main>
+        <h1>Changelog</h1>
+        <p>
+          Here you can see the list of changes we have made to the style guide
+          since the initial release:
+        </p>
+        <ul>
+          <li>
+            <b>2025-04-09 - Update 2</b>
+            <ul>
+              <li>New Icon: <code>pin</code></li>
+              <li>Updated <code>schedule</code> icon width</li>
+            </ul>
+          </li>
+          <li>
+            <b>2025-04-05 - Update 1</b>
+            <ul>
+              <li>
+                New pages: <a href="doodles.html">Doodles</a>,
+                <a href="changelog.html">Changelog</a>
+              </li>
+              <li>The page about glow is no longer WIP</li>
+              <li>New Color: <code>warning</code></li>
+              <li>New Icons: <code>paperplane</code> <code>looping</code></li>
+              <li>Updated icon: <code>fairydust</code></li>
+              <li>
+                Typography: update border color of <code>&lt;code&gt;</code>
+              </li>
+            </ul>
+          </li>
+          <li>
+            <p><b>2025-03-05 - Initial release</b></p>
+          </li>
+        </ul>
+      </main>
+    </div>
+    <script
+      src="assets/script/styleguide.js"
+      type="text/javascript"
+    ></script>
+  </body>
+</html>

eh22.easterhegg.eu/design/colors.html

@@ -0,0 +1,679 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <script>
+      const setTheme = (theme) => {
+        theme ??= localStorage.theme || "system";
+        document.getElementById("themeLight").checked = theme === "light";
+        document.getElementById("themeDark").checked = theme === "dark";
+        localStorage.theme = theme;
+      };
+      document.addEventListener("DOMContentLoaded", function () {
+        setTheme();
+      });
+    </script>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="assets/image/favicon.png" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="assets/style/styleguide.css"
+    />
+    <title>Color Guide</title>
+  </head>
+
+  <body>
+    <header>
+      <a href="../index.html" id="backToWiki">
+        <img
+          src="assets/image/logo_eventname_glow.svg"
+          class="header-image dark-only"
+          alt="Logo of Easterhegg 2025. In the style of a neon sign:
+     The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
+     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."
+        />
+        <img
+          src="assets/image/logo_eventname_glow_off.svg"
+          class="header-image light-only"
+          alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
+     The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
+     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink."
+        />
+      </a>
+    </header>
+    <div>
+      <nav>
+        <button aria-label="Open Navigation">
+          <i data-icon="menu_small"></i>
+        </button>
+        <ul>
+          <li class="link-back">
+            <a href="../index.html"><i data-icon="arrow_left"></i>Back to Wiki</a>
+          </li>
+          <li>
+            <a href="index.html"><i data-icon="home"></i>Overview</a>
+          </li>
+          <li class="active">
+            <a href="colors.html"><i data-icon="pen"></i>Colors</a>
+          </li>
+          <li>
+            <a href="typography.html"><i data-icon="font"></i>Typography</a>
+          </li>
+          <li>
+            <a href="iconography.html"><i data-icon="info"></i>Iconography</a>
+          </li>
+          <li>
+            <a href="logo.html"><i data-icon="hare_head"></i>Logo</a>
+          </li>
+          <li>
+            <a href="glow.html"><i data-icon="lightbulb"></i>Glow</a>
+          </li>
+          <li>
+            <a href="doodles.html"><i data-icon="looping"></i>Doodles</a>
+          </li>
+          <li>
+            <a href="demopage.html"><i data-icon="code"></i>Demopage</a>
+          </li>
+          <li>
+            <a href="generator.html"
+              ><i data-icon="settings"></i>Image Generator</a
+            >
+          </li>
+          <li>
+            <a href="changelog.html"><i data-icon="history"></i>Changelog</a>
+          </li>
+          <li id="themeToggleDark" class="themeToggle">
+            <input
+              id="themeDark"
+              type="checkbox"
+              aria-label="Switch between dark and light mode"
+            />
+            <label for="themeDark">
+              <i data-icon="lightbulb"></i>
+            </label>
+          </li>
+          <li id="themeToggleLight" class="themeToggle">
+            <input
+              id="themeLight"
+              type="checkbox"
+              aria-label="Switch between dark and light mode"
+            />
+            <label for="themeLight">
+              <i data-icon="lightbulb"></i>
+            </label>
+          </li>
+        </ul>
+      </nav>
+      <main>
+        <h1>Color Guide</h1>
+        <p>
+          The design consists of two sets of colors: lightmode and darkmode.
+          Each set consists of the same number of colors, each of which has its
+          own function. At the end of the page, one can find an overview of all
+          defined colors for quick lockup. Read on for the functions of each
+          color.
+        </p>
+        <p>
+          The fore- and background colors are chosen for good contrast and are
+          the same but swapped for light- and darkmode. Most backgrounds should
+          use the background color and most texts should use the foreground
+          color. In some cases, more subtelty is needed:
+        </p>
+        <ul>
+          <li>
+            If visual distinction through containers, boxes or similar is
+            needed, the background shades can be used to use a slightly lighter
+            background color (in case of darkmode) or a slightly darker one (in
+            case of lightmode). Preferably, each shade should corespond to a
+            layer of nesting, but if desired, one can also mix-and-match, as
+            long as the background for the main content is always the regular
+            background color.
+          </li>
+          <li>
+            For more subtle text, e.g. in a footer, subtitle, etc. one can use
+            the foreground shades to achieve this effect. To ensure a high
+            enough contrast between fore- and background, these colors should
+            not be used in front of the background shades mentioned above, other
+            than for very small amounts of texts like headings and alike.
+          </li>
+        </ul>
+        <p>
+          Additionally, there are also colors for various design elements. The
+          accent colors can be used for whatever one desires, but are especially
+          intended for use in hyperlinks like this:
+        </p>
+        <table>
+          <caption>
+            Overview of link highlighting
+          </caption>
+          <tr>
+            <th scope="row">Regular Link:</th>
+            <td>
+              <a class="a-regular" href="colors.html">https://eh22.easterhegg.eu/</a>
+            </td>
+          </tr>
+          <tr>
+            <th scope="row">Hover/Focus/Active Link:</th>
+            <td><a class="a-hover" href="colors.html">https://eh22.easterhegg.eu/</a></td>
+          </tr>
+          <tr>
+            <th scope="row">Visited Link:</th>
+            <td>
+              <a class="a-visited" href="colors.html">https://eh22.easterhegg.eu/</a>
+            </td>
+          </tr>
+        </table>
+        <p>
+          Other than that, there are two more colors: the error and the success
+          color. Intended for anything regarding user-feedback, they should tell
+          someone that something is a critical action, has some positive or
+          negativ meaning or progresses something in some way or form.
+        </p>
+
+        <h2>Digital Media</h2>
+        <div class="layout-column">
+          <div class="dark swatch-grid">
+            <h3>Darkmode</h3>
+
+            <section aria-labelledby="label-dark-fore-background">
+              <span id="label-dark-fore-background"
+                >Fore- &amp; Background</span
+              >
+
+              <div
+                aria-labelledby="label-dark-swatch-foreground"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-foreground)"
+                ></div>
+                <span id="label-dark-swatch-foreground">#f2f0f5</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-background"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-background)"
+                ></div>
+                <span id="label-dark-swatch-background">#0c011f</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-dark-shades">
+              <span id="label-dark-shades">Background Shades</span>
+
+              <div
+                aria-labelledby="label-dark-swatch-shade-1"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-shade-1)"
+                ></div>
+                <span id="label-dark-swatch-shade-1">#180736</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-shade-2"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-shade-2)"
+                ></div>
+                <span id="label-dark-swatch-shade-2">#26114B</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-shade-3"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-shade-3)"
+                ></div>
+                <span id="label-dark-swatch-shade-3">#371F60</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-shade-4"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-shade-4)"
+                ></div>
+                <span id="label-dark-swatch-shade-4">#4B3176</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-dark-texts">
+              <span id="label-dark-texts">Text Shades</span>
+
+              <div
+                aria-labelledby="label-dark-swatch-text-1"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-text-1)"
+                ></div>
+                <span id="label-dark-swatch-text-1">#b2a0cb</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-text-2"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-text-2)"
+                ></div>
+                <span id="label-dark-swatch-text-2">#957eb5</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-text-3"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-text-3)"
+                ></div>
+                <span id="label-dark-swatch-text-3">#7a60a0</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-text-4"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-text-4)"
+                ></div>
+                <span id="label-dark-swatch-text-4">#61468b</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-dark-primary-secondary">
+              <span id="label-dark-primary-secondary"
+                >Primary &amp; Secondary</span
+              >
+
+              <div
+                aria-labelledby="label-dark-swatch-primary"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-primary)"
+                ></div>
+                <span id="label-dark-swatch-primary">#c6257d</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-secondary"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-secondary)"
+                ></div>
+                <span id="label-dark-swatch-secondary">#4dadd8</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-dark-error-success">
+              <span id="label-dark-error-success">Status indicators</span>
+
+              <div
+                aria-labelledby="label-dark-swatch-error"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-error)"
+                ></div>
+                <span id="label-dark-swatch-error">#bb2626</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-success"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-success)"
+                ></div>
+                <span id="label-dark-swatch-success">#54aa18</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-success"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-warning)"
+                ></div>
+                <span id="label-dark-swatch-warning">#efb100</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-dark-accents">
+              <span id="label-dark-accents">Accents</span>
+
+              <div
+                aria-labelledby="label-dark-swatch-accent-1"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-accent-1)"
+                ></div>
+                <span id="label-dark-swatch-accent-1">#60a5f9</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-accent-2"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-accent-2)"
+                ></div>
+                <span id="label-dark-swatch-accent-2">#d381f7</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-accent-3"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-dark-accent-3)"
+                ></div>
+                <span id="label-dark-swatch-accent-3">#ff7975</span>
+              </div>
+            </section>
+          </div>
+
+          <div class="light swatch-grid">
+            <h3>Lightmode</h3>
+
+            <section aria-labelledby="label-light-fore-background">
+              <span id="label-light-fore-background"
+                >Fore- &amp; Background</span
+              >
+
+              <div
+                aria-labelledby="label-light-swatch-foreground"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-foreground)"
+                ></div>
+                <span id="label-light-swatch-foreground">#0c011f</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-background"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-background)"
+                ></div>
+                <span id="label-light-swatch-background">#f2f0f5</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-light-shades">
+              <span id="label-light-shades">Background Shades</span>
+
+              <div
+                aria-labelledby="label-light-swatch-shade-1"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-shade-1)"
+                ></div>
+                <span id="label-light-swatch-shade-1">#d1c6e0</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-shade-2"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-shade-2)"
+                ></div>
+                <span id="label-light-swatch-shade-2">#b2a0cb</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-shade-3"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-shade-3)"
+                ></div>
+                <span id="label-light-swatch-shade-3">#957eb5</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-shade-4"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-shade-4)"
+                ></div>
+                <span id="label-light-swatch-shade-4">#7a60a0</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-light-texts">
+              <span id="label-light-texts">Text Shades</span>
+
+              <div
+                aria-labelledby="label-light-swatch-text-1"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-text-1)"
+                ></div>
+                <span id="label-light-swatch-text-1">#26114b</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-text-2"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-text-2)"
+                ></div>
+                <span id="label-light-swatch-text-2">#371f60</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-text-3"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-text-3)"
+                ></div>
+                <span id="label-light-swatch-text-3">#4b3176</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-text-4"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-text-4)"
+                ></div>
+                <span id="label-light-swatch-text-4">#61468b</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-light-primary-secondary">
+              <span id="label-light-primary-secondary"
+                >Primary &amp; Secondary</span
+              >
+
+              <div
+                aria-labelledby="label-light-swatch-primary"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-primary)"
+                ></div>
+                <span id="label-light-swatch-primary">#9a0a61</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-secondary"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-secondary)"
+                ></div>
+                <span id="label-light-swatch-secondary">#167fac</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-light-error-success">
+              <span id="label-light-error-success">Status indicators</span>
+
+              <div
+                aria-labelledby="label-light-swatch-error"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-error)"
+                ></div>
+                <span id="label-light-swatch-error">#b21010</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-success"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-success)"
+                ></div>
+                <span id="label-light-swatch-success">#47990f</span>
+              </div>
+
+              <div
+                aria-labelledby="label-dark-swatch-success"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-warning)"
+                ></div>
+                <span id="label-light-swatch-warning">#d08700</span>
+              </div>
+            </section>
+
+            <section aria-labelledby="label-light-accents">
+              <span id="label-light-accents">Accents</span>
+
+              <div
+                aria-labelledby="label-light-swatch-accent-1"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-accent-1)"
+                ></div>
+                <span id="label-light-swatch-accent-1">#303ec0</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-accent-2"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-accent-2)"
+                ></div>
+                <span id="label-light-swatch-accent-2">#6c366c</span>
+              </div>
+
+              <div
+                aria-labelledby="label-light-swatch-accent-3"
+                class="swatch-container"
+              >
+                <div
+                  class="swatch"
+                  style="--swatch-color: var(--color-light-accent-3)"
+                ></div>
+                <span id="label-light-swatch-accent-3">#932f0a</span>
+              </div>
+            </section>
+          </div>
+        </div>
+
+        <h2>Printing</h2>
+        <p>
+          Our primary and secondary colors are also defined for CMYK printing:
+        </p>
+
+        <div class="swatch-grid">
+          <section
+            aria-labelledby="label-light-primary-secondary"
+            style="--swatch-size: 7rem"
+          >
+            <span id="label-cmyk-primary-secondary">CMYK Colors</span>
+
+            <div
+              aria-labelledby="label-light-swatch-primary"
+              class="swatch-container"
+            >
+              <div
+                class="swatch"
+                style="--swatch-color: var(--color-cmyk-primary)"
+              ></div>
+              <span id="label-cmyk-swatch-primary">0/94/6/0</span>
+            </div>
+
+            <div
+              aria-labelledby="label-light-swatch-secondary"
+              class="swatch-container"
+            >
+              <div
+                class="swatch"
+                style="--swatch-color: var(--color-cmyk-secondary)"
+              ></div>
+              <span id="label-cmyk-swatch-secondary">81/0/10/0</span>
+            </div>
+          </section>
+        </div>
+      </main>
+    </div>
+    <script
+      src="assets/script/styleguide.js"
+      type="text/javascript"
+    ></script>
+  </body>
+</html>

eh22.easterhegg.eu/design/demopage.html

@@ -0,0 +1,268 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <script>
+      const setTheme = (theme) => {
+        theme ??= localStorage.theme || "system";
+        document.getElementById("themeLight").checked = theme === "light";
+        document.getElementById("themeDark").checked = theme === "dark";
+        localStorage.theme = theme;
+      };
+      document.addEventListener("DOMContentLoaded", function () {
+        setTheme();
+      });
+    </script>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+    <link rel="shortcut icon" href="assets/image/favicon.png" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="assets/style/styleguide.css"
+    />
+    <title>Demopage</title>
+  </head>
+
+  <body>
+    <header>
+      <a href="../index.html" id="backToWiki">
+        <img
+          src="assets/image/logo_eventname_glow.svg"
+          class="header-image dark-only"
+          alt="Logo of Easterhegg 2025. In the style of a neon sign:
+     The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
+     The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."
+        />
+        <img
+          src="assets/image/logo_eventname_glow_off.svg"
+          class="header-image light-only"
+          alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
+     The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
+     The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink."
+        />
+      </a>
+    </header>
+    <div>
+      <nav>
+        <button aria-label="Open Navigation">
+          <i data-icon="menu_small"></i>
+        </button>
+        <ul>
+          <li class="link-back">
+            <a href="../index.html"><i data-icon="arrow_left"></i>Back to Wiki</a>
+          </li>
+          <li>
+            <a href="index.html"><i data-icon="home"></i>Overview</a>
+          </li>
+          <li>
+            <a href="colors.html"><i data-icon="pen"></i>Colors</a>
+          </li>
+          <li>
+            <a href="typography.html"><i data-icon="font"></i>Typography</a>
+          </li>
+          <li>
+            <a href="iconography.html"><i data-icon="info"></i>Iconography</a>
+          </li>
+          <li>
+            <a href="logo.html"><i data-icon="hare_head"></i>Logo</a>
+          </li>
+          <li>
+            <a href="glow.html"><i data-icon="lightbulb"></i>Glow</a>
+          </li>
+          <li>
+            <a href="doodles.html"><i data-icon="looping"></i>Doodles</a>
+          </li>
+          <li class="active">
+            <a href="demopage.html"><i data-icon="code"></i>Demopage</a>
+          </li>
+          <li>
+            <a href="generator.html"
+              ><i data-icon="settings"></i>Image Generator</a
+            >
+          </li>
+          <li>
+            <a href="changelog.html"><i data-icon="history"></i>Changelog</a>
+          </li>
+          <li id="themeToggleDark" class="themeToggle">
+            <input
+              id="themeDark"
+              type="checkbox"
+              aria-label="Switch between dark and light mode"
+            />
+            <label for="themeDark">
+              <i data-icon="lightbulb"></i>
+            </label>
+          </li>
+          <li id="themeToggleLight" class="themeToggle">
+            <input
+              id="themeLight"
+              type="checkbox"
+              aria-label="Switch between dark and light mode"
+            />
+            <label for="themeLight">
+              <i data-icon="lightbulb"></i>
+            </label>
+          </li>
+        </ul>
+      </nav>
+      <main>
+        <h1>Demopage</h1>
+        <p>
+          This page contains examples for various text-components and fonts, as
+          well as colorpalettes, images, and so on. Use can use it to get
+          familiar with the design and as a reference for styling your own
+          content.
+        </p>
+
+        <section>
+          <h2>Overview of Link-Highlighting</h2>
+          <table>
+            <tr>
+              <th scope="row">Regular Link:</th>
+              <td>
+                <a class="a-regular" href="demopage.html">https://eh22.easterhegg.eu/</a>
+              </td>
+            </tr>
+            <tr>
+              <th scope="row">Hover/Focus/Active Link:</th>
+              <td>
+                <a class="a-hover" href="demopage.html">https://eh22.easterhegg.eu/</a>
+              </td>
+            </tr>
+            <tr>
+              <th scope="row">Visited Link:</th>
+              <td>
+                <a class="a-visited" href="demopage.html">https://eh22.easterhegg.eu/</a>
+              </td>
+            </tr>
+          </table>
+        </section>
+
+        <section>
+          <h2>Ordered and Unordered Lists</h2>
+          <p>
+            This is just a simple section containing plain text as well as some
+            lists. This way you can get a feel for how lists fit into their
+            surrounding content. Have a look at this ordered list: We simply
+            prefix each item with a one-indexed, right aligned number followed
+            by a dot.
+          </p>
+          <ol>
+            <li>Short item no. 1.</li>
+            <li>
+              Long item in the middle. This item is longer then one visual line,
+              which is why it wraps over into the next line and therefore moves
+              the next item further down.
+            </li>
+            <li>
+              Long item at the end, which is also longer than one visual line.
+              It also wraps over into the next line, but there is no next item
+              to move.
+            </li>
+          </ol>
+          <p>
+            But sometimes, the order of items doesn't matter, in that case, we
+            instead put a basic bullet point infront of each item:
+          </p>
+          <ul>
+            <li>Short item no. 1.</li>
+            <li>
+              Long item in the middle. This item is longer then one visual line,
+              which is why it wraps over into the next line and therefore moves
+              the next item further down.
+            </li>
+            <li>
+              Long item at the end, which is also longer than one visual line.
+              It also wraps over into the next line, but there is no next item
+              to move.
+            </li>
+          </ul>
+        </section>
+
+        <section>
+          <h2>Preformatted Text</h2>
+          <p>
+            This example uses manual syntax highlighting using the predefined
+            CSS classes mentioned in the typography:
+          </p>
+          <pre
+            aria-labelledby="code-positives-description"
+          ><code><span class="keyword">#include</span> <span class="string">&lt;stdlib.h&gt;</span>
+
+<span class="keyword">int</span> <span class="neutral">*</span><span class="identifier">positives</span><span class="neutral">(int</span> <span class="neutral">*</span><span class="identifier">numbers</span><span class="neutral">,</span> <span class="keyword">int</span> <span class="neutral">*</span><span class="identifier">size</span><span class="neutral">) {</span>
+    <span class="keyword">int</span> <span class="identifier">new_size</span> <span class="neutral">=</span> <span class="number">0</span><span class="neutral">;</span>
+
+    <span class="keyword">for</span> <span class="neutral">(</span><span class="keyword">int</span> <span class="identifier">i</span> <span class="neutral">=</span> <span class="number">0</span><span class="neutral">;</span> <span class="identifier">i</span> <span class="neutral">&lt;</span> <span class="neutral">*</span><span class="identifier">size</span><span class="neutral">;</span> <span class="identifier">i</span><span class="neutral">++) {</span>
+        <span class="keyword">if</span> <span class="neutral">(</span><span class="identifier">numbers</span><span class="neutral">[</span><span class="identifier">i</span><span class="neutral">]</span> <span class="neutral">&gt;=</span> <span class="number">0</span><span class="neutral">) {</span>
+            <span class="identifier">numbers</span><span class="neutral">[</span><span class="identifier">new_size</span><span class="neutral">]</span> <span class="neutral">=</span> <span class="identifier">numbers</span><span class="neutral">[</span><span class="identifier">i</span><span class="neutral">]</span><span class="neutral">;</span>
+            <span class="identifier">new_size</span><span class="neutral">++</span><span class="neutral">;</span>
+        <span class="neutral">}</span>
+    <span class="neutral">}</span>
+
+    <span class="neutral">*</span><span class="identifier">size</span> <span class="neutral">=</span> <span class="identifier">new_size</span><span class="neutral">;</span>
+    <span class="keyword">return</span> <span class="function">realloc</span><span class="neutral">(</span><span class="identifier">numbers</span><span class="neutral">,</span> <span class="function">sizeof</span><span class="neutral">(*</span><span class="identifier">numbers</span><span class="neutral">)</span> <span class="neutral">*</span> <span class="identifier">new_size</span><span class="neutral">);</span>
+<span class="neutral">}</span></code></pre>
+          <p>
+            This is a simple function written in C, which removes all negative
+            integers from an array and updates its element count.
+          </p>
+        </section>
+
+        <section>
+          <h2>Section With Image</h2>
+          <p>
+            When including images in your content, you can opt into applying an
+            SVG filter that adds visual glitches to the image. This shouldn't be
+            used on images with text or important details, because the glitches
+            will most likely reduce readability. Let's use the following plain
+            image:
+          </p>
+          <figure>
+            <img
+              src="assets/image/example_qrcode.png"
+              alt="A version 2 qrcode containing the text 'Never gonna give you up!'"
+            />
+            <figcaption>
+              Example image without any distortion applied.
+            </figcaption>
+          </figure>
+          <p>
+            We wanted to add the ability to simply specify a CSS class on an
+            HTML image tag (or any other tag for that matter) to apply an SVG
+            filter dynamically, but this won't render said filter in Apple's
+            Safari (and sometimes not even in Chromium-based browsers), which
+            has been a known issue for many years. So instead, we made
+            <a href="generator.html">a simple web-tool to apply the filter</a> to
+            an image and export it as a PNG.
+          </p>
+          <figure>
+            <img
+              src="assets/image/example_qrcode_distorted.png"
+              alt="The same image as before, except with a glitchy filer applied. The first effect applies to bright edges, which get painted pink and blue to their left and right hand side respectively. The second effect distorts the image by offsetting parts of the image horizontally by seemingly random yet somewhat osscilating amounts."
+            />
+            <figcaption>Example image with visual glitches applied.</figcaption>
+          </figure>
+          <p>
+            Of course, every image should include an image description. No
+            matter if its a website, social media post, or a PDF. Most if not
+            all wordprocessors (this includes Word, LaTeX and Typst) support
+            this in one way or another.
+          </p>
+          <p>
+            We would also prefer it, if no one uses "AI-generated" images. The
+            entire event design was created through hard work by living beings.
+            No LLM/GenAI was involved in any part of the design processes. So we
+            kindly ask you not to use tools which are based on theft, actively
+            harm artist and destroy our planet in the process. ("AI-generated"
+            of course does not apply to generative art and similar, but to
+            LLMs/GenAI.)
+          </p>
+        </section>
+      </main>
+    </div>
+    <script
+      src="assets/script/styleguide.js"
+      type="text/javascript"
+    ></script>
+  </body>
+</html>