diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
index 2da42b1069a259e53156b49bde5469f2c7792ffe..982f9360c3aff957d586ead9a350da6be70728ce 100644
Binary files a/public/android-chrome-192x192.png and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
index 69123cfd079549fa3913c3e5a52c135dd671f58f..12e66a2f6b5079ac8be2565a4a020e9e7d0f19ce 100644
Binary files a/public/android-chrome-512x512.png and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index 0d719fa41413e85ecf9fa62934110d45005e6944..bb86d13d1028fefc8e6879d9a063ccdab358b247 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/assets/badge-programm-logo.svg b/public/assets/badge-programm-logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3cfa1c2ea5e4595f19ae200b9148b67b5bcf3fd4
--- /dev/null
+++ b/public/assets/badge-programm-logo.svg
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 169 154">
+ <defs>
+ <linearGradient id="linear-gradient" x1="40.77" y1="-683.38" x2="165.17" y2="-539.28" gradientTransform="translate(0 -540) scale(1 -1)" gradientUnits="userSpaceOnUse">
+ <stop offset=".5" stop-color="#203257"/>
+ <stop offset=".9" stop-color="#1544ff"/>
+ </linearGradient>
+ <linearGradient id="linear-gradient-2" x1="84.5" y1="-541" x2="84.5" y2="-693" gradientTransform="translate(0 -540) scale(1 -1)" gradientUnits="userSpaceOnUse">
+ <stop offset="0" stop-color="#6382ff"/>
+ <stop offset=".3" stop-color="#c8d3ff"/>
+ <stop offset=".5" stop-color="#6382ff"/>
+ <stop offset="1" stop-color="#c8d3ff"/>
+ </linearGradient>
+ <linearGradient id="linear-gradient-3" x1="-2572.9" y1="1540.8" x2="-2571.2" y2="1433.8" gradientTransform="translate(-2486 -1407.7) rotate(-180) scale(1 -1)" gradientUnits="userSpaceOnUse">
+ <stop offset=".3" stop-color="#6382ff" stop-opacity="0"/>
+ <stop offset=".4" stop-color="#c8d3ff"/>
+ <stop offset=".8" stop-color="#6382ff"/>
+ <stop offset="1" stop-color="#c8d3ff" stop-opacity="0"/>
+ </linearGradient>
+ <linearGradient id="linear-gradient-4" x1="104.28" y1="-570.5" x2="104.28" y2="-555" gradientTransform="translate(0 -540) scale(1 -1)" gradientUnits="userSpaceOnUse">
+ <stop offset="0" stop-color="#6382ff"/>
+ <stop offset="1" stop-color="#c8d3ff"/>
+ </linearGradient>
+ <linearGradient id="linear-gradient-5" x1="67.28" y1="-570.5" x2="67.28" y2="-555" gradientTransform="translate(0 -540) scale(1 -1)" gradientUnits="userSpaceOnUse">
+ <stop offset="0" stop-color="#6382ff"/>
+ <stop offset="1" stop-color="#c8d3ff"/>
+ </linearGradient>
+ <linearGradient id="linear-gradient-6" x1="85.58" y1="-567.5" x2="85.58" y2="-552" gradientTransform="translate(0 -540) scale(1 -1)" gradientUnits="userSpaceOnUse">
+ <stop offset="0" stop-color="#6382ff"/>
+ <stop offset="1" stop-color="#c8d3ff"/>
+ </linearGradient>
+ </defs>
+ <g>
+ <path d="M156.8,102c2.7-7.8,4.2-16.2,4.2-25C161,35,127,1,85,1S9,35,9,77c0,5.36.02,9.54.69,12.96.46,2.31,2.28,8.46,3.51,12.04H5c-2.2,0-4,1.8-4,4v20c0,2.2,1.8,4,4,4h25.5c13.8,14.2,33.1,23,54.5,23s40.7-8.8,54.5-23h24.5c2.2,0,4-1.8,4-4v-20c0-2.2-1.8-4-4-4h-7.2Z" fill="url(#linear-gradient)" fill-rule="evenodd"/>
+ <path d="M156.8,102l-.9-.3-.5,1.3h1.4v-1ZM13.2,101.87v1.13h1.4l-.44-1.41s-.96.28-.96.28ZM30.5,130l.7-.7-.3-.3h-.4v1ZM139.5,130v-1h-.4l-.3.3.7.7ZM160,77c0,8.6-1.5,16.9-4.2,24.7l1.9.7c2.8-7.9,4.3-16.5,4.3-25.3h-2v-.1ZM85,2c41.4,0,75,33.6,75,75h2C162,34.5,127.5,0,85,0v2ZM10,77C10,35.6,43.6,2,85,2V0C42.5,0,8,34.5,8,77h2ZM14.16,101.59c-2.7-7.7-4.16-15.89-4.16-24.59h-2c0,8.9,1.5,17.4,4.3,25.3l1.86-.71v.03s0-.03,0-.03ZM5,103h8.2v-2H5v2ZM2,106c0-1.7,1.3-3,3-3v-2c-2.8,0-5,2.2-5,5h2ZM2,126v-20H0v20h2ZM5,129c-1.7,0-3-1.3-3-3H0c0,2.8,2.2,5,5,5v-2ZM30.5,129H5v2h25.5v-2ZM85,152c-21.1,0-40.1-8.7-53.8-22.7l-1.4,1.4c14,14.4,33.5,23.3,55.2,23.3v-2ZM138.8,129.3c-13.6,14-32.7,22.7-53.8,22.7v2c21.6,0,41.2-8.9,55.2-23.3l-1.4-1.4ZM164,129h-24.5v2h24.5v-2ZM167,126c0,1.7-1.3,3-3,3v2c2.8,0,5-2.2,5-5h-2ZM167,106v20h2v-20h-2ZM164,103c1.7,0,3,1.3,3,3h2c0-2.8-2.2-5-5-5v2ZM156.8,103h7.2v-2h-7.2v2Z" fill="url(#linear-gradient-2)"/>
+ </g>
+ <circle cx="86" cy="76.2" r="57" fill="none" stroke="url(#linear-gradient-3)" stroke-width="2"/>
+ <path d="M73.2,133.7c1.3,0,2.1.9,2.1,2.1s-.8,2.1-2.1,2.1-2.1-.9-2.1-2.1.8-2.1,2.1-2.1ZM73.2,137.4c1,0,1.5-.7,1.5-1.6s-.5-1.6-1.5-1.6-1.5.7-1.5,1.6.5,1.6,1.5,1.6Z" fill="#fff"/>
+ <path d="M76.1,133.8h.6v1c.3-.7.9-1.1,1.7-1.1s1.9.8,1.9,2.1-.7,2.1-1.9,2.1-1.5-.4-1.7-1.1v2.5h-.6v-5.4h0v-.1ZM78.3,137.4c.8,0,1.5-.5,1.5-1.6s-.7-1.6-1.5-1.6-1.5.5-1.5,1.6.7,1.6,1.5,1.6Z" fill="#fff"/>
+ <path d="M82.9,133.7c1.1,0,1.9.7,1.9,1.9v.2h-3.2c0,.8.4,1.5,1.3,1.5s1.1-.4,1.3-1h.6c-.2.7-.6,1.5-1.9,1.5s-1.9-1-1.9-2.1.7-2,1.9-2h0ZM84.2,135.4c0-.8-.6-1.2-1.3-1.2s-1.2.4-1.3,1.2h2.6Z" fill="#fff"/>
+ <path d="M85.7,133.8h.6v1.1c.2-.7.8-1.2,1.6-1.2s1.4.6,1.4,1.6v2.4h-.6v-2.4c0-.8-.3-1.2-1-1.2s-1.4.8-1.4,1.8v1.7h-.6v-4,.2h0Z" fill="#fff"/>
+ <path d="M91.6,137.5c-.4-.3-.8-.6-1-1s-.4-.9-.4-1.5,0-1.1.4-1.5c.2-.4.6-.8,1-1,.4-.3.9-.4,1.5-.4s1,0,1.4.3c.4.2.7.4,1,.8.2.3.4.7.4,1.2h-1.3c0-.4-.2-.6-.5-.8s-.6-.3-1-.3-.9.2-1.2.5c-.3.3-.4.7-.4,1.3s0,1,.4,1.3.7.5,1.2.5.7,0,1-.3c.3-.2.4-.5.5-.8h1.3c0,.7-.4,1.3-.9,1.7s-1.1.6-1.9.6-1.1-.1-1.5-.4h0v-.2h0Z" fill="#fff"/>
+ <path d="M96.7,134.6c.2-.3.5-.6.8-.7.3-.2.7-.2,1.2-.2s.8,0,1.1.2c.3.2.6.4.8.7.2.3.3.7.3,1.1s0,.8-.3,1.1-.5.6-.8.7c-.3.2-.7.2-1.1.2s-.8,0-1.2-.2c-.3-.2-.6-.4-.8-.7-.2-.3-.3-.7-.3-1.1s0-.8.3-1.1ZM97.9,136.5c.2.2.4.3.8.3s.6,0,.8-.3c.2-.2.3-.4.3-.8s0-.6-.3-.8-.4-.3-.8-.3-.6,0-.8.3c-.2.2-.3.4-.3.8s0,.6.3.8Z" fill="#fff"/>
+ <path d="M102.3,137.6c-.3-.2-.5-.4-.6-.8s-.2-.7-.2-1.1,0-.7.2-1.1c0-.3.3-.6.6-.7.3-.2.6-.3,1-.3s.7,0,1,.3c.3.2.4.4.6.6v-2.7h1.2v5.9h-1.2v-.8c-.3.6-.8.9-1.6.9s-.8,0-1-.3h0v.1ZM102.9,136.5c.2.2.5.3.8.3s.6,0,.8-.3c.2-.2.3-.4.3-.8s0-.6-.3-.8c-.2-.2-.5-.3-.8-.3s-.6,0-.8.3c-.2.2-.3.4-.3.8s0,.6.3.8Z" fill="#fff"/>
+ <path d="M107,134.6c.2-.3.4-.6.7-.7s.7-.2,1.1-.2c.7,0,1.2.2,1.6.5.4.4.6.9.6,1.5v.3h-3c0,.3,0,.5.3.7.2.2.4.2.7.2s.4,0,.6-.2c.2-.1.3-.2.3-.4h1.2c0,.4-.3.8-.6,1.1-.4.3-.8.4-1.4.4s-.8,0-1.1-.3c-.3-.2-.6-.4-.7-.7-.2-.3-.3-.7-.3-1.1s0-.8.3-1.1c0,0-.3,0-.3,0ZM109.8,135.4c0-.3,0-.5-.3-.6-.2-.1-.4-.2-.6-.2s-.5,0-.6.2c-.2.1-.3.3-.3.6h1.8Z" fill="#fff"/>
+ <path d="M62.8,134.3h-2l-.6,1.1c0,.3-.4.4-.7.4h7.1l.6-1.1c0-.3.4-.4.7-.4h-5.2.1Z" fill="#fff"/>
+ <path d="M64.6,133.4l.5.9h1.8l-.8-1.6c-.4-.9-1.3-1.4-2.3-1.4h-1.4c-1,0-1.8.5-2.3,1.4l-1.1,2c-.2.4,0,.9.3,1.1h.4c.3,0,.6-.2.7-.4l1.1-2c.2-.3.5-.6.9-.6h1.4c.4,0,.7.2.9.6h-.1Z" fill="#fff"/>
+ <path d="M68.4,134.4c-.4-.2-.9,0-1.1.3l-1.1,2c-.2.3-.5.6-.9.6h-1.4c-.4,0-.7-.2-.9-.6l-.5-.9h-1.8l.8,1.6c.4.9,1.3,1.4,2.3,1.4h1.4c1,0,1.8-.5,2.3-1.4l1.1-2c.2-.4,0-.9-.3-1.1h0l.1.1Z" fill="#fff"/>
+ <path d="M104.6,28.4c-.3-.1-.6-.1-.8,0l-3,1.4c-.7.3-1.5-.3-1.4-1l.4-3.3c0-.3,0-.6-.3-.8l-2.2-2.4c-.5-.6-.2-1.5.5-1.7l3.3-.6c.3,0,.5-.2.7-.5l1.6-2.9c.4-.7,1.4-.7,1.7,0l1.6,2.9c0,.3.4.4.7.5l3.3.6c.8.2,1.1,1.1.5,1.7l-2.2,2.4c-.2.2-.3.5-.3.8l.4,3.3c0,.8-.7,1.4-1.4,1l-3-1.4h-.1Z" fill="url(#linear-gradient-4)"/>
+ <path d="M67.6,28.4c-.3-.1-.6-.1-.8,0l-3,1.4c-.7.3-1.5-.3-1.4-1l.4-3.3c0-.3,0-.6-.3-.8l-2.2-2.4c-.5-.6-.2-1.5.5-1.7l3.3-.6c.3,0,.5-.2.7-.5l1.6-2.9c.4-.7,1.4-.7,1.7,0l1.6,2.9c0,.3.4.4.7.5l3.3.6c.8.2,1.1,1.1.5,1.7l-2.2,2.4c-.2.2-.3.5-.3.8l.4,3.3c0,.8-.7,1.4-1.4,1l-3-1.4h-.1Z" fill="url(#linear-gradient-5)"/>
+ <path d="M85.9,25.4c-.3-.1-.6-.1-.8,0l-3,1.4c-.7.3-1.5-.3-1.4-1l.4-3.3c0-.3,0-.6-.3-.8l-2.2-2.4c-.5-.6-.2-1.5.5-1.7l3.3-.6c.3,0,.5-.2.7-.5l1.6-2.9c.4-.7,1.4-.7,1.7,0l1.6,2.9c0,.3.4.4.7.5l3.3.6c.8.2,1.1,1.1.5,1.7l-2.2,2.4c-.2.2-.3.5-.3.8l.4,3.3c0,.8-.7,1.4-1.4,1l-3-1.4h-.1Z" fill="url(#linear-gradient-6)"/>
+ <g>
+ <path d="M11.2,122.2v-2.1h1.7v-8.4h-1.7v-2.1h6.5c.8,0,1.4,0,2,.4s1,.6,1.3,1.1.5,1,.5,1.7v.2c0,.6-.1,1-.3,1.4-.2.4-.5.6-.8.8-.3.2-.6.3-.8.4v.3c.3,0,.6.2.9.4s.6.5.8.9.3.9.3,1.5v.2c0,.7-.2,1.3-.5,1.8s-.8.9-1.3,1.1c-.6.3-1.2.4-2,.4,0,0-6.6,0-6.6,0ZM15.2,114.8h2.2c.5,0,.9,0,1.2-.4s.5-.6.5-1v-.2c0-.5-.2-.8-.5-1.1-.3-.2-.7-.4-1.2-.4h-2.2v3h0v.1ZM15.2,120h2.2c.5,0,.9,0,1.3-.4s.5-.6.5-1.1v-.2c0-.5-.2-.8-.5-1.1s-.7-.4-1.3-.4h-2.2v3.1h0v.1Z" fill="#fff"/>
+ <path d="M26.3,122.5c-.6,0-1.2,0-1.7-.3-.5-.2-.9-.5-1.2-1s-.4-.9-.4-1.6.1-1.1.4-1.5.7-.7,1.2-.9,1.1-.3,1.8-.3h2.4v-.5c0-.4-.1-.8-.4-1-.3-.3-.7-.4-1.3-.4s-1,0-1.3.4-.5.6-.5,1l-2.1-.7c.1-.5.4-.9.7-1.3s.7-.7,1.3-.9c.5-.2,1.2-.4,2-.4,1.2,0,2.1.3,2.8.9s1,1.4,1,2.6v3.3c0,.4.2.5.5.5h.7v1.9h-1.5c-.4,0-.8,0-1.1-.3s-.4-.5-.4-.9h-.3s-.2.3-.3.6c-.2.2-.4.4-.8.6s-.9.3-1.5.3h0v-.1ZM26.7,120.6c.6,0,1.2-.2,1.6-.5.4-.4.6-.8.6-1.4v-.2h-2.3c-.4,0-.8,0-1,.3-.2.2-.4.4-.4.8s.1.6.4.8.6.3,1.1.3h0v-.1Z" fill="#fff"/>
+ <path d="M37.4,122.5c-.7,0-1.4-.2-2-.5-.6-.4-1.1-.9-1.5-1.6s-.6-1.5-.6-2.5v-.3c0-1,.2-1.8.6-2.5.4-.7.9-1.2,1.5-1.6s1.3-.5,2-.5,1,0,1.4.2c.4,0,.7.3.9.5s.4.4.5.6h.3v-4.7h2.3v12.6h-2.2v-1.1h-.3c-.2.3-.5.6-.9.9s-1,.4-1.9.4h0l-.1.1ZM38.1,120.5c.7,0,1.3-.2,1.7-.7.5-.4.7-1.1.7-2v-.2c0-.9-.2-1.5-.7-2-.5-.4-1-.7-1.8-.7s-1.3.2-1.7.7c-.5.5-.7,1.1-.7,2v.2c0,.9.2,1.5.7,2s1.1.7,1.7.7h.1Z" fill="#fff"/>
+ <path d="M44.8,117.8v-.3c0-.9.2-1.7.6-2.4.4-.7.9-1.2,1.5-1.5.6-.4,1.3-.5,2-.5s1.4,0,1.9.4c.4.3.7.6.9.9h.3v-1.1h2.2v10.5c0,.6-.2,1.1-.5,1.5s-.8.5-1.4.5h-6v-2h5.2c.3,0,.5-.2.5-.5v-2.3h-.3c0,.2-.3.4-.5.6s-.5.4-.9.5-.8.2-1.4.2-1.4-.2-2-.5c-.6-.4-1.1-.9-1.5-1.5-.4-.7-.6-1.5-.6-2.4h0v-.1ZM49.5,120.3c.7,0,1.3-.2,1.7-.7.5-.4.7-1.1.7-1.9v-.2c0-.8-.2-1.4-.7-1.9-.5-.4-1-.7-1.8-.7s-1.3.2-1.7.7c-.5.4-.7,1.1-.7,1.9v.2c0,.8.2,1.4.7,1.9.5.4,1.1.7,1.7.7h.1Z" fill="#fff"/>
+ <path d="M60.8,122.5c-.9,0-1.7-.2-2.3-.6-.7-.4-1.2-.9-1.6-1.6-.4-.7-.6-1.5-.6-2.4v-.2c0-.9.2-1.7.6-2.4.4-.7.9-1.2,1.6-1.6.7-.4,1.5-.6,2.3-.6s1.6.2,2.3.6,1.2.9,1.5,1.6c.4.7.5,1.5.5,2.4v.8h-6.5c0,.6.3,1.1.7,1.5s1,.6,1.6.6,1.1,0,1.4-.4c.3-.3.5-.6.7-.9l1.9,1c-.2.3-.4.7-.7,1-.3.4-.7.7-1.3.9-.5.3-1.2.4-2,.4h0l-.1-.1ZM58.6,116.7h4.2c0-.5-.3-.9-.6-1.2-.4-.3-.8-.5-1.4-.5s-1.1.2-1.5.5-.6.7-.7,1.2Z" fill="#fff"/>
+ <path d="M71.6,122.2v-12.6h5.2c.8,0,1.5.2,2.1.5s1.1.8,1.4,1.3c.3.6.5,1.3.5,2.1v.3c0,.8-.2,1.5-.5,2s-.8,1-1.4,1.3-1.3.5-2.1.5h-2.8v4.6s-2.4,0-2.4,0ZM74,115.4h2.6c.6,0,1-.2,1.4-.5.3-.3.5-.7.5-1.3v-.2c0-.5-.2-1-.5-1.3s-.8-.5-1.4-.5h-2.6v3.7h0v.1Z" fill="#fff"/>
+ <path d="M82.6,122.2v-8.9h2.2v1h.3c0-.4.4-.6.7-.8.3-.2.7-.3,1.1-.3h1.1v2h-1.1c-.6,0-1,.2-1.4.5s-.6.8-.6,1.4v5.1s-2.3,0-2.3,0Z" fill="#fff"/>
+ <path d="M93.6,122.5c-.9,0-1.7-.2-2.4-.5s-1.3-.9-1.7-1.6c-.4-.7-.6-1.5-.6-2.5v-.3c0-1,.2-1.8.6-2.5s1-1.2,1.7-1.6,1.5-.5,2.4-.5,1.7.2,2.4.5c.7.4,1.3.9,1.7,1.6.4.7.6,1.5.6,2.5v.3c0,1-.2,1.8-.6,2.5s-1,1.2-1.7,1.6-1.5.5-2.4.5ZM93.6,120.4c.7,0,1.3-.2,1.7-.7.5-.4.7-1.1.7-1.9v-.2c0-.8-.2-1.5-.7-1.9s-1-.7-1.7-.7-1.3.2-1.7.7-.7,1.1-.7,1.9v.2c0,.8.2,1.5.7,1.9.5.5,1,.7,1.7.7Z" fill="#fff"/>
+ <path d="M100,117.8v-.3c0-.9.2-1.7.6-2.4s.9-1.2,1.5-1.5c.6-.4,1.3-.5,2-.5s1.4,0,1.9.4.7.6.9.9h.3v-1.1h2.2v10.5c0,.6-.2,1.1-.5,1.5-.4.4-.8.5-1.4.5h-6v-2h5.2c.3,0,.5-.2.5-.5v-2.3h-.3c0,.2-.3.4-.5.6s-.5.4-.9.5-.8.2-1.4.2-1.4-.2-2-.5c-.6-.4-1.1-.9-1.5-1.5s-.6-1.5-.6-2.4h0v-.1ZM104.7,120.3c.7,0,1.3-.2,1.7-.7.5-.4.7-1.1.7-1.9v-.2c0-.8-.2-1.4-.7-1.9-.5-.4-1-.7-1.8-.7s-1.3.2-1.7.7c-.5.4-.7,1.1-.7,1.9v.2c0,.8.2,1.4.7,1.9.5.4,1,.7,1.7.7h.1Z" fill="#fff"/>
+ <path d="M111.9,122.2v-8.9h2.2v1h.3c0-.4.4-.6.7-.8.3-.2.7-.3,1.1-.3h1.1v2h-1.1c-.6,0-1,.2-1.4.5s-.6.8-.6,1.4v5.1s-2.3,0-2.3,0Z" fill="#fff"/>
+ <path d="M121.6,122.5c-.6,0-1.2,0-1.7-.3s-.9-.5-1.2-1-.4-.9-.4-1.6,0-1.1.4-1.5.7-.7,1.2-.9c.5-.2,1.1-.3,1.8-.3h2.4v-.5c0-.4,0-.8-.4-1-.3-.3-.7-.4-1.3-.4s-1,0-1.3.4-.5.6-.5,1l-2.1-.7c0-.5.4-.9.7-1.3.3-.4.7-.7,1.3-.9s1.2-.4,2-.4c1.2,0,2.1.3,2.8.9.7.6,1,1.4,1,2.6v3.3c0,.4.2.5.5.5h.7v1.9h-1.5c-.4,0-.8,0-1.1-.3-.3-.2-.4-.5-.4-.9h-.3s-.2.3-.3.6c-.2.2-.4.4-.8.6s-.9.3-1.5.3h0v-.1ZM121.9,120.6c.6,0,1.2-.2,1.6-.5.4-.4.6-.8.6-1.4v-.2h-2.3c-.4,0-.8,0-1,.3-.2.2-.4.4-.4.8s0,.6.4.8.6.3,1.1.3h0v-.1Z" fill="#fff"/>
+ <path d="M129.2,122.2v-8.9h2.2v1h.3c.2-.3.4-.6.8-.8s.8-.3,1.4-.3,1.1,0,1.5.4.7.6.9,1h.3c.2-.4.5-.7.9-1s.9-.4,1.6-.4,1.1,0,1.5.4c.5.2.8.6,1.1,1.1s.4,1.1.4,1.8v5.9h-2.3v-5.7c0-.5-.1-.9-.4-1.1-.3-.2-.6-.4-1.1-.4s-.9.2-1.2.5-.4.8-.4,1.4v5.3h-2.3v-5.7c0-.5-.1-.9-.4-1.1-.3-.2-.6-.4-1.1-.4s-.9.2-1.2.5-.4.8-.4,1.4v5.3h-2.3l.2-.2h0Z" fill="#fff"/>
+ <path d="M144.6,122.2v-8.9h2.2v1h.3c.2-.3.4-.6.8-.8s.8-.3,1.4-.3,1.1,0,1.5.4.7.6.9,1h.3c.2-.4.5-.7.9-1s.9-.4,1.6-.4,1.1,0,1.5.4c.5.2.8.6,1.1,1.1s.4,1.1.4,1.8v5.9h-2.3v-5.7c0-.5-.1-.9-.4-1.1-.3-.2-.6-.4-1.1-.4s-.9.2-1.2.5-.4.8-.4,1.4v5.3h-2.3v-5.7c0-.5-.1-.9-.4-1.1-.3-.2-.6-.4-1.1-.4s-.9.2-1.2.5-.4.8-.4,1.4v5.3h-2.3l.2-.2h0Z" fill="#fff"/>
+ </g>
+ <path d="M113.8,70.58c0,16.18-13.12,29.3-29.3,29.3s-29.3-13.12-29.3-29.3,13.12-29.3,29.3-29.3c.77,0,1.39.62,1.4,1.39h0v22.52c2.98.77,4.78,3.81,4.01,6.8-.77,2.98-3.81,4.78-6.8,4.01-2.98-.77-4.78-3.81-4.01-6.8.51-1.97,2.04-3.5,4.01-4.01v-9.89c-8.43.78-14.64,8.25-13.86,16.68.78,8.43,8.25,14.64,16.68,13.86,8.43-.78,14.64-8.25,13.86-16.68-.53-5.78-4.29-10.77-9.7-12.88v-2.9c9.46,3.14,14.58,13.35,11.44,22.8-3.14,9.46-13.35,14.58-22.8,11.44-9.46-3.14-14.58-13.35-11.44-22.8,2.3-6.93,8.55-11.79,15.82-12.31v-8.37c-14.56.83-25.68,13.31-24.85,27.86.83,14.56,13.31,25.68,27.86,24.85,14.56-.83,25.68-13.31,24.85-27.86-.68-11.89-9.24-21.85-20.89-24.32v-2c0-.27-.03-.54-.08-.81.12-.02.24-.02.36,0,13.63,2.81,23.41,14.8,23.44,28.71Z" fill="#e9edff"/>
+</svg>
\ No newline at end of file
diff --git a/public/assets/badge-programm.png b/public/assets/badge-programm.png
deleted file mode 100644
index 87b431ed7fd9876e37703af908045ee128176ab0..0000000000000000000000000000000000000000
Binary files a/public/assets/badge-programm.png and /dev/null differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
index 5f83810d9b582bc0cc1dd2890969e7e0e9704867..8c891e0e6a5014af55134da4406e9f397741bd32 100644
Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index 8fd11d6e9149d5e679cacceafdb63de94758863d..d7b9cd2cf307f5e06babe039c6651abe460cd175 100644
Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index e8bde20afb00e112a42be10371279a10ed164992..96b291fe706049f1d1e6035b2ac3df0c99e9e156 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index e3011265726e02b82503f7e36f10f5e8e765f86e..c54eae455c265806175ef8022f8a461387b6a741 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -5,22 +5,22 @@ const navigation = {
officialBadges: [
{
name: 'Maintained Badge',
- href: '/concepts/official-badges/active-maintained-badge',
+ href: '/official-badges/active-maintained-badge',
external: false,
},
{
name: 'Reuse Badge',
- href: '/concepts/official-badges/reuse-badge',
+ href: '/official-badges/reuse-badge',
external: false,
},
{
name: 'Open Source Badge',
- href: '/concepts/official-badges/open-source-badge',
+ href: '/official-badges/open-source-badge',
external: false,
},
{
name: 'Security Badge',
- href: '/concepts/official-badges/security-badge',
+ href: '/official-badges/security-badge',
external: false,
},
],
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..15c217b7997e1e545f3da233899b5375d1f52b23
--- /dev/null
+++ b/src/pages/404.tsx
@@ -0,0 +1,112 @@
+import { ChevronRightIcon } from '@heroicons/react/20/solid'
+import {
+ BookOpenIcon,
+ QueueListIcon,
+ CodeBracketSquareIcon,
+} from '@heroicons/react/24/solid'
+import Footer from '../components/Footer'
+
+const links = [
+ {
+ name: 'Documentation',
+ href: '/introduction',
+ external: false,
+ description: 'Learn more about the Badge Programm',
+ icon: BookOpenIcon,
+ },
+ {
+ name: 'Live Demo',
+ href: '/#api-small-demo',
+ external: false,
+ description: 'Try the Badge API with a live demo',
+ icon: QueueListIcon,
+ },
+ {
+ name: 'Project on openCode',
+ href: 'https://gitlab.opencode.de/open-code/badgebackend',
+ external: true,
+ description: 'Have a look at the project on openCode',
+ icon: CodeBracketSquareIcon,
+ },
+]
+
+export default function Custom404() {
+ return (
+ <div className="h-screen bg-white">
+ <main className="mx-auto w-full max-w-7xl px-6 pb-16 pt-24 sm:pb-24 lg:px-8">
+ <img
+ alt="Badge Programm Logo"
+ src="/assets/badge-programm-logo.svg"
+ className="mx-auto h-10 w-auto sm:h-32"
+ />
+ <div className="mx-auto mt-10 max-w-2xl text-center sm:mt-24">
+ <p className="text-2xl font-semibold text-blue-600">404</p>
+ <h1 className="mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-6xl">
+ Uuupss... <br />
+ Page not found
+ </h1>
+ <p className="mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8">
+ Sorry, we couldn’t find the page you’re looking for.
+ </p>
+ </div>
+ <div className="mx-auto mt-16 flow-root max-w-lg sm:mt-20">
+ <h2 className="sr-only">Popular pages</h2>
+ <ul
+ role="list"
+ className="-mt-6 divide-y divide-gray-900/5 border-b border-gray-900/5"
+ >
+ {links.map((link, linkIdx) => (
+ <li
+ key={linkIdx}
+ className="relative flex gap-x-6 py-6"
+ >
+ <div className="flex size-10 flex-none items-center justify-center rounded-lg shadow-sm ring-1 ring-gray-900/10">
+ <link.icon
+ aria-hidden="true"
+ className="size-6 text-blue-600"
+ />
+ </div>
+ <div className="flex-auto">
+ <h3 className="text-sm/6 font-semibold text-gray-900">
+ <a
+ href={link.href}
+ rel="noopener noreferrer"
+ target={
+ link.external
+ ? '_blank'
+ : '_self'
+ }
+ >
+ <span
+ aria-hidden="true"
+ className="absolute inset-0"
+ />
+ {link.name}
+ </a>
+ </h3>
+ <p className="mt-2 text-sm/6 text-gray-600">
+ {link.description}
+ </p>
+ </div>
+ <div className="flex-none self-center">
+ <ChevronRightIcon
+ aria-hidden="true"
+ className="size-5 text-gray-400"
+ />
+ </div>
+ </li>
+ ))}
+ </ul>
+ <div className="mt-10 flex justify-center">
+ <a href="/" className="font-semibold text-blue-600">
+ <span aria-hidden="true">←</span> Back to home
+ </a>
+ </div>
+ </div>
+ </main>
+ <div className="bg-gray-50">
+ <Footer />
+ </div>
+ </div>
+ )
+}
diff --git a/theme.config.tsx b/theme.config.tsx
index 5eb6d33250b0531ca7980919c77a78b6ea826712..769938138bfd8463b888c423a5f6bf187e0be85f 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -44,7 +44,7 @@ const config: DocsThemeConfig = {
logo: (
<span className="flex items-center space-x-2">
<Image
- src="/assets/badge-programm.png"
+ src="/assets/badge-programm-logo.svg"
alt="Badge API Icon"
width={220}
height={80}