From: Kai Moritz <kai@juplo.de>
Date: Sat, 7 Jan 2023 16:18:01 +0000 (+0100)
Subject: feat: Stiched in the juplo-Logo
X-Git-Url: http://juplo.de/gitweb/?a=commitdiff_plain;h=6e98727b1414e4e92a369e32fbf511c1919d9db9;p=demos%2Fkafka%2Fchat

feat: Stiched in the juplo-Logo
---

diff --git a/src/app/app.component.html b/src/app/app.component.html
index d7d0b187..2a45bdd9 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,14 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-  <symbol id="bootstrap" viewBox="0 0 118 94">
-    <title>Bootstrap</title>
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
-  </symbol>
-</svg>
 <div class="container">
-  <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
-    <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
-      <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg>
-      <span class="fs-4">Chat App</span>
+  <header class="d-flex flex-wrap justify-content-center pt-3 pb-2 mb-4 border-bottom">
+    <a href="/" class="d-flex align-items-center mb-2 mb-md-0 me-md-auto text-dark text-decoration-none">
+      <svg class="bi me-2" width="70" height="50"><use xlink:href="#juplo"/></svg>
     </a>
 
     <ul class="nav nav-pills">
@@ -21,3 +14,30 @@
 <div class="container">
   <router-outlet></router-outlet>
 </div> <!-- /container -->
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+  <symbol
+   viewBox="0 0 244.61034 169.34147"
+   id="juplo"
+   version="1.1">
+    <title>Juplo Logo</title>
+    <path id="ohrschatten" d="m 231.5149,21.116016 c 12.99462,19.84013 7.59723,52.44637 -30.1081,39.16104 -19.85733,-23.796 -62.9959,-39.49304 -93.51896,-39.16104 -5.71294,0 -5.49054,-3.27333 2.74226,-3.894664 21.25147,-1.602666 42.61545,4.296064 79.52347,18.897334 36.84542,12.61999 37.212,-16.104065 30.64002,-28.879378 z"/>
+   <path id="hase" style="fill:#0acf00;stroke:#000000" d="m 219.72559,89.222276 c -1.63041,-3.46456 -3.45101,-6.92073 -5.40506,-10.28827 -7.8162,-13.47014 -17.76763,-25.52199 -26.22296,-31.01932 -14.16812,-10.99333 -43.57939,-26.08548 -80.09178,-26.87975 -8.440261,-0.545389 -1.63876,-3.955312 2.42098,-3.780095 23.85145,-1.283224 46.49579,5.358265 81.44145,19.779845 13.92399,6.29733 30.21333,1.176 31.87733,-11.16667 C 225.98955,9.232019 218.4086,0.540052 207.86421,0.5 l -137.452911,1.9e-5 c -36.38333,0 -63.0044098,22.881657 -62.8421698,59.325337 0.91407,21.07293 9.7592798,22.06213 16.1576498,22.08057 l 36.43429,0.10502 c 5.26076,0.0152 9.35537,4.21072 9.35314,9.07406 l -0.027,58.941964 158.245001,0.48636 0,-32.05037 c 0.0214,-2.79261 -0.47391,-5.50508 -1.11661,-8.68218 0.9849,0.0627 2.17337,0.16545 3.06571,0.12497 8.37065,-0.41204 14.8224,-7.53182 14.41037,-15.902484 -0.41204,-8.37065 -7.53182,-14.82239 -15.90248,-14.41035 -4.18533,0.20601 -7.89093,2.08896 -10.49869,4.96674"/>
+   <path id="schriftschatten" style="fill:#000000;stroke:#000000" d="m 13.168109,78.345956 c 20.2016,22.786144 32.24061,23.063574 38.49043,24.298134 l 0.0104,26.73422 -5.28168,12.26203 -17.84888,1.36596 c 0,0 15.0333,17.93316 18.67863,20.92329 5.02707,4.1228 7.65467,4.8104 13.36827,4.69573 15.53906,0 23.22813,-14.3344 22.85106,-15.00306 5.94214,10.53693 14.7396,15.11773 23.652001,15.11773 l 49.2452,0 c 9.59733,0 16.69333,-7.90373 17.27067,-9.2516 0.68533,-1.60307 -0.572,-0.4584 0,0 1.54,3.10573 5.21333,9.10573 10.59466,9.1568 7.03067,0.0672 10.532,-2.49373 10.532,-8.4948 l -0.007,-0.1724 0,-5.7828 c 0,0.63533 0.0213,-0.2516 0.0987,-0.188 7.38533,8.50253 11.14,14.83427 23.324,14.83427 13.11867,0 23.75333,-11.34734 23.75333,-24.49573 0,-13.14947 -12.37667,-22.73089 -19.09667,-31.89289 l -3.46939,0.26235 -23.35926,-5.94378 c 3.19999,3.20627 -18.03318,-20.554074 -18.03318,-20.554074 l -2.36832,-0.13918 -7.4828,35.551024 -47.29154,-5.34239 -8.39705,-10.41412 -13.378241,17.27494 -31.58223,-37.735244 c -2.19503,-2.25158 -3.88413,-3.20763 -7.0836,-3.4367 l -17.46713,0.17576 -9.9624,-3.15967 c -2.03726,1.34971 -4.47289,2.99592 -9.01988,2.9373 -2.73556,-0.0407 -6.29851,0.17694 -10.72374,-3.60413 z"/>
+   <path id="l" style="fill:#ffffff;stroke:#000000;stroke-width:1" d="m 162.25719,141.22439 0.0173,-48.64418 -0.0333,0 c 0,-4.880771 4.0619,-9.050444 8.93219,-9.067664 5.78389,-0.02029 8.94551,3.861446 8.9322,8.667196 l -0.007,0 0,49.130618 0.007,0.17246 c 0,4.76611 -4.06191,8.953 -8.9322,8.953 -4.87029,0 -8.91621,-4.33013 -8.91621,-9.21143 z"/>
+   <path id="u" style="fill:#ffffff;stroke:#000000;stroke-width:1" d="m 114.52129,127.72181 c 0,12.51823 -10.00268,22.5354 -22.491236,22.5354 -12.488559,0 -22.544769,-9.5302 -22.544769,-22.0479 l 0.03902,-16.5755 c 0,-5.91972 3.763587,-8.73741 8.585001,-8.73741 4.821281,0 8.590596,3.77601 8.685951,8.60886 l -0.0011,16.34056 c 0,2.81663 1.922413,5.35733 4.960851,5.37815 3.495369,0.0228 5.354256,-2.06254 5.41099,-5.49268 l -0.07391,-15.51146 c 0.07964,-5.25161 2.957732,-9.2412 8.560902,-9.26883 6.1938,-0.0296 8.85255,4.52301 8.85255,9.23959 l 0,-0.2292 z"/>
+   <path id="p" style="fill:#ffffff;fill-rule:evenodd;stroke:#000000" d="m 138.4629,133.45562 c 3.65467,0 6.61734,-2.96933 6.61734,-6.63226 0,-3.66254 -2.96267,-6.6328 -6.61734,-6.6328 -3.65333,0 -6.616,2.97026 -6.616,6.6328 0,3.66293 2.96267,6.63226 6.616,6.63226 m -23.82815,-6.60363 -0.0229,33.04008 c 0,4.88184 3.93179,8.75316 8.80154,8.75316 4.8703,0 8.9322,-3.69952 8.9322,-8.58069 l -0.007,0 0,-10.22141 c 0.8004,0.34333 2.85665,0.90372 6.0569,0.90372 11.7156,0 21.45085,-8.5042 23.3979,-19.69061 0.23306,-1.33756 0.35425,-2.71357 0.35425,-4.11828 0,-13.14843 -10.63553,-23.80876 -23.75215,-23.80876 -12.20582,0 -23.76108,10.42085 -23.76108,23.72279 z"/>
+   <path id="o" style="fill:#ffffff;fill-rule:evenodd;stroke:#000000" d="m 203.93357,133.91389 c 3.65466,0 6.61733,-2.9692 6.61733,-6.63227 0,-3.66253 -2.96267,-6.6328 -6.61733,-6.6328 -3.65467,0 -6.61734,2.97027 -6.61734,6.6328 0,3.66307 2.96267,6.63227 6.61734,6.63227 m 0.0454,16.83296 c 13.11796,0 23.75327,-10.66046 23.75327,-23.80889 0,-13.14843 -10.63531,-23.80876 -23.75327,-23.80876 -13.11928,0 -23.75348,10.66033 -23.75348,23.80876 0,13.14843 10.6342,23.80889 23.75348,23.80889 z"/>
+   <path id="j" style="fill:#ffffff;stroke:#000000" d="m 28.227839,142.62259 c -3.47788,-3.79566 -3.22993,-8.90497 0.19692,-12.00017 3.42684,-3.0952 8.94754,-3.29926 12.45074,0.57656 l 0.59536,0.5539 c 0.21702,0.17664 0.44743,0.33974 0.69037,0.48806 1.94353,1.18652 4.38472,1.24042 6.37993,0.14085 1.99522,-1.09957 3.03608,-3.18031 3.0363,-6.09066 l -0.0526,-35.465974 c 0,-5.18647 4.56921,-8.7737 8.70366,-8.839 4.26935,-0.0674 9.30882,3.57551 9.2714,8.839 l -0.013,36.026814 c 0,13.14844 -10.63753,23.55113 -23.75575,23.55113 -3.27955,0 -6.40393,-0.66625 -9.24575,-1.87107 -2.84182,-1.20482 -5.40107,-2.94821 -7.55039,-5.10252 z"/>
+   <path id="augenweiss" style="fill:#ffffff;stroke:#000000;stroke-width:1" d="M 75.76218,35.819889 C 74.199543,43.878696 66.382678,49.143147 58.303542,47.576568 50.225717,46.010243 44.942981,38.205723 46.505618,30.146917 c 1.562815,-8.059721 9.379605,-13.32378 17.45743,-11.757455 8.079136,1.566579 13.361947,9.370706 11.799132,17.430427 z"/>
+   <path id="augenspirale" style="fill:none;stroke:#000000;stroke-width:1" d="m 62.00722,33.891788 c 0.18113,0.647694 0.963462,0.07618 1.077768,-0.300085 0.309762,-1.019635 -0.770594,-1.819948 -1.679868,-1.852938 -1.626478,-0.05901 -2.726803,1.546507 -2.631204,3.053277 0.140295,2.211246 2.336747,3.646071 4.437504,3.405792 2.79998,-0.320254 4.579577,-3.119178 4.184639,-5.80647 -0.496987,-3.381683 -3.915609,-5.507928 -7.19514,-4.958646 -3.971951,0.665255 -6.44867,4.696434 -5.738075,8.559663 0.837415,4.552682 5.496756,7.378734 9.952777,6.511499 5.144652,-1.001256 8.323241,-6.275037 7.29151,-11.312855 -1.172318,-5.724289 -7.078787,-9.253133 -12.710411,-8.064353 -6.317833,1.333632 -10.200305,7.854257 -8.844946,14.066049 1.504704,6.896264 8.66127,11.129331 15.468047,9.617206 7.491302,-1.664193 12.078711,-9.433816 10.398382,-16.81924 -1.835736,-8.06847 -10.244017,-13.006557 -18.225684,-11.170061 -3.804656,0.875411 -7.195448,3.185635 -9.434962,6.374412"/>
+   <path id="pupille" d="m 68.853647,35.764879 c -0.757678,3.907325 -4.548066,6.459891 -8.464896,5.700432 -3.916829,-0.759459 -6.478442,-4.543657 -5.720765,-8.450982 0.757788,-3.907894 4.547956,-6.459322 8.464785,-5.699862 3.91683,0.759459 6.478664,4.542517 5.720876,8.450412 z"/>
+   <path id="pupillenlicht" style="fill:#ffffff;" d="m 59.416759,34.770506 c 1.39529,0 2.52671,-1.13461 2.52671,-2.53386 0,-1.39926 -1.13142,-2.53386 -2.52671,-2.53386 -1.3955,0 -2.52651,1.1346 -2.52651,2.53386 0,1.39925 1.13101,2.53386 2.52651,2.53386 z"/>
+   <path id="nase" d="m 9.6664781,63.040416 c 3.5896559,0.686267 7.0569349,-1.673969 7.7447039,-5.271486 0.68777,-3.597521 -1.664107,-7.071614 -5.253763,-7.757881 -3.5892619,-0.686191 -7.0567908,1.675354 -7.7445612,5.272875 -0.6877695,3.597517 1.6643584,7.070301 5.2536203,7.756492"/>
+   <path id="schnurrhaar1" style="stroke:#000000;stroke-width:1" d="M 1.0477435,49.704755 22.866316,65.462269"/>
+   <path id="schnurrhaar2" style="stroke:#000000;stroke-width:1" d="M 0.05167506,57.171863 25.422894,54.535627"/>
+   <path id="mundweiss" style="fill:#ffffff;stroke:#000000;stroke-width:1;" d="m 23.893639,82.273006 c 9.43063,-0.47466 17.60624,-9.93437 18.73176,-22.12248 3.90192,6.77283 4.58729,14.70267 -0.0187,22.12248 l -9.43065,-2.8908 c -2.94589,1.63071 -3.22336,2.00132 -9.28241,2.8908 z"/>
+   <path id="zahn1" style="stroke:#000000;stroke-width:1;" d="m 36.451779,75.341256 8.124,2.35858"/>
+   <path id="zahn2" style="stroke:#000000;stroke-width:1;" d="m 39.177249,71.619956 6.4992,1.67721"/>
+   <path id="zahn3" style="stroke:#000000;stroke-width:1;" d="m 40.906879,68.003466 4.82198,0.94343"/>
+  </symbol>
+</svg>