Merge branch 'main' into 111-add-show-password-button

TelosLabs · Sep 2, 2024 · 5ca3cf1 · 5ca3cf1
2 parents 5174930 + 0476ae8
commit 5ca3cf1
Show file tree

Hide file tree

Showing 4 changed files with 446 additions and 182 deletions.
diff --git a/public/404.html b/public/404.html
@@ -4,64 +4,133 @@
   <title>The page you were looking for doesn't exist (404)</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <style>
-  .rails-default-error-page {
-    background-color: #EFEFEF;
-    color: #2E2F30;
+
+  .rw-error-page{
+    background-color: #F3F2F8;
+    overflow-y: hidden;
+    overflow-x: hidden;
+  }
+
+  .rw-error-page div.banner {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: 72px;
+    width: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    background-color: #432463;  
+  }
+
+  .rw-error-page div.banner span.main-logo {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: auto;
+    height: 24px;
+    width: 238px;
+  }
+
+  .rw-error-page main.container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    width: 100%;
+  }
+
+  .rw-error-page div.content {
     text-align: center;
-    font-family: arial, sans-serif;
-    margin: 0;
+    font-family: 'Roboto', sans-serif;
   }
 
-  .rails-default-error-page div.dialog {
-    width: 95%;
-    max-width: 33em;
-    margin: 4em auto 0;
+  .rw-error-page h1.title {
+    font-size: 34px;
+    font-style: italic;
+    font-weight: 900;
+    line-height: 39.84px;
   }
 
-  .rails-default-error-page div.dialog > div {
-    border: 1px solid #CCC;
-    border-right-color: #999;
-    border-left-color: #999;
-    border-bottom-color: #BBB;
-    border-top: #B00100 solid 4px;
-    border-top-left-radius: 9px;
-    border-top-right-radius: 9px;
-    background-color: white;
-    padding: 7px 12% 0;
-    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  .rw-error-page p.error-message {
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 20px;
   }
 
-  .rails-default-error-page h1 {
-    font-size: 100%;
-    color: #730E15;
-    line-height: 1.5em;
+  .rw-error-page a.link {
+    font-size: 18px;
+    font-weight: 900;
+    line-height: 22px;
+    color: #CB0C1C;
+    font-style: italic;
   }
 
-  .rails-default-error-page div.dialog > p {
-    margin: 0 0 1em;
-    padding: 1em;
-    background-color: #F7F7F7;
-    border: 1px solid #CCC;
-    border-right-color: #999;
-    border-left-color: #999;
-    border-bottom-color: #999;
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-    border-top-color: #DADADA;
-    color: #666;
-    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  .rw-error-page div.icon-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 120px;
+    width: 120px;
+    border-radius: 50%;
+    margin: auto;
+    background-color: #FFFF;
+  }
+
+  .rw-error-page span.error-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 56px;
+    width: 56px;
   }
   </style>
 </head>
 
-<body class="rails-default-error-page">
-  <!-- This file lives in public/404.html -->
-  <div class="dialog">
-    <div>
-      <h1>The page you were looking for doesn't exist.</h1>
-      <p>You may have mistyped the address or the page may have moved.</p>
+  <body class="rw-error-page">
+    <div class="banner">
+      <span class="main-logo">
+        <svg width="inherit" height="inherit" viewBox="0 0 238 24" fill="white" xmlns="http://www.w3.org/2000/svg">
+          <path d="M62.5512 0.288086H55.8818V23.9954H71.6134V17.8889H62.5512V0.288086Z" fill="white"/>
+          <path d="M52.113 0.285156H45.4181V23.9925H52.113V0.285156Z" fill="white"/>
+          <path d="M90.8081 14.9566C90.8033 14.1689 90.6032 13.405 90.2474 12.703C89.1189 10.4779 87.2838 9.30466 84.8339 9.2023C83.0859 9.12857 79.2461 9.18564 79.2461 9.18564L79.2323 6.34657L89.9506 6.35138V0.254376C89.9506 0.254376 83.1352 0.259127 79.8987 0.25197C78.8081 0.249625 77.7787 0.489943 76.8293 1.01827C74.8902 2.09392 73.701 3.70981 73.5171 5.96583C73.4324 7.01767 73.4631 8.08148 73.4889 9.14048C73.5099 9.97335 73.7124 10.7801 74.1156 11.5131C75.3499 13.762 77.2836 14.8638 79.7971 14.9328C81.3523 14.9757 84.7774 14.94 84.7774 14.94V17.8861H73.8116V23.9927C73.8116 23.9927 81.0885 23.9998 84.5911 23.9855C85.0412 23.9855 85.4985 23.9236 85.9366 23.8261C88.5373 23.2549 90.4097 21.2869 90.7348 18.6358C90.8832 17.4245 90.8177 16.1822 90.8105 14.9542" fill="white"/>
+          <path d="M35.3522 13.0269H29.2556V7.43677C29.2556 6.60859 29.9199 5.93749 30.7397 5.93749H33.8681C34.6879 5.93749 35.3522 6.60859 35.3522 7.43677V13.0269ZM40.8481 3.29592C39.5948 1.25647 37.6773 0.361652 35.3828 0.285515C33.2768 0.216535 31.1685 0.268857 29.0601 0.271263C28.3275 0.271263 27.6066 0.364058 26.9093 0.606781C24.5748 1.4159 22.8222 3.9266 22.8198 6.49913C22.8127 12.2463 22.8198 23.9952 22.8198 23.9952H29.2815V17.8887H35.3805V23.9905H41.649C41.649 23.9905 41.649 9.24775 41.649 6.57292C41.649 5.41398 41.4605 4.2931 40.8481 3.29833" fill="white"/>
+          <path d="M12.9282 10.4684C12.9282 11.268 12.2851 11.9177 11.4935 11.9177H6.36751V5.75878H11.4935C12.2851 5.75878 12.9282 6.40847 12.9282 7.20809V10.4684ZM18.8598 12.7006C19.7079 10.8753 19.8634 8.93818 19.6137 6.96296C19.2579 4.14295 17.7927 2.1106 15.2509 0.892171C14.1578 0.368596 13.0129 0.0853988 11.7786 0.094961C7.95527 0.125873 0 0.106809 0 0.106809V23.995H6.36042V17.8909L11.8775 23.9998H21.2815C21.2815 23.9998 13.8987 16.4916 13.9341 16.4844C16.1366 16.0442 17.9081 14.752 18.8598 12.7054" fill="white"/>
+          <path d="M92.9893 23.955L92.9539 0.00488281H102.094C101.546 4.62168 100.822 10.3831 100.205 14.8619H100.412C102.645 8.57922 103.677 5.69733 105.599 0.00488281H113.675C113.331 5.62829 113.194 8.64826 112.747 14.5477L112.954 14.5834C113.986 10.6616 115.875 4.13623 117.076 0.00488281H125.736L115.498 23.955H106.29C106.497 19.5119 106.978 15.4164 107.286 10.2784H107.15C105.604 14.9285 103.748 19.8594 102.202 23.955H92.9941H92.9893Z" fill="white"/>
+          <path d="M146.403 9.89948C146.403 16.2345 143.039 23.952 132.785 23.952C125.274 23.952 122.563 19.2996 122.563 14.3853C122.563 7.45781 126.711 0.00195312 135.983 0.00195312C143.168 0.00195312 146.4 4.45457 146.4 9.89948H146.403ZM131.38 15.0779C131.38 16.6604 131.738 18.2787 133.536 18.2787C136.834 18.2787 137.781 11.1203 137.781 8.90946C137.781 7.49113 137.519 5.67534 135.658 5.67534C132.457 5.67534 131.38 12.6029 131.38 15.0779Z" fill="white"/>
+          <path d="M156.132 15.3444L154.379 23.952H145.479L150.494 0.00195312H162.384C168.396 0.00195312 170.768 2.91722 170.768 6.14653C170.768 9.37591 168.843 11.6652 165.717 12.6029C167.746 13.3668 168.742 15.4491 167.986 19.0236C167.574 20.9321 167.196 23.1191 167.196 23.952H158.641C158.504 22.9454 158.709 21.2796 159.293 18.4667C159.706 16.5224 159.706 15.342 157.404 15.342H156.132V15.3444ZM157.333 9.93039H158.879C160.664 9.93039 161.764 9.02848 161.764 7.29363C161.764 6.28696 161.284 5.41836 159.84 5.41836H158.259L157.331 9.93039H157.333Z" fill="white"/>
+          <path d="M174.153 0.00488281H183.225L179.479 17.8818H189.376L187.143 23.955H169.138L174.153 0.00488281Z" fill="white"/>
+          <path d="M194.424 0.00488281H204.492C211.776 0.00488281 215.281 4.30991 215.281 10.0713C215.281 15.5211 212.739 23.955 200.815 23.955H189.409L194.424 0.00488281ZM199.646 18.1245H201.503C204.768 18.1245 205.901 12.0513 205.901 9.27413C205.901 6.98239 205.317 5.83776 203.392 5.83776H202.259L199.649 18.1245H199.646Z" fill="white"/>
+          <path d="M223.154 0.847181C225.939 0.847181 227.22 2.14181 227.22 3.93138C227.22 5.60909 226.523 6.39205 224.467 7.47961C223.866 7.79853 222.695 8.45531 222.41 8.90275H226.633L225.637 11.6205H217.173L217.267 11.173C217.804 8.63146 218.817 7.38441 221.145 5.96133C222.758 4.97131 223.328 4.6667 223.328 3.72432C223.328 3.3888 223.187 3.16508 222.886 3.16508C222.41 3.16508 222.174 3.61246 221.953 4.61913H218.424C218.726 2.98899 219.611 0.847181 223.154 0.847181ZM223.154 0.130859C221.38 0.130859 220.002 0.633024 219.06 1.62539C218.386 2.33455 217.95 3.26978 217.727 4.48827C217.689 4.69768 217.743 4.91424 217.878 5.07607C218.012 5.24025 218.212 5.33546 218.421 5.33546H220.799L220.775 5.34971C218.198 6.92512 217.138 8.35777 216.575 11.0231L216.481 11.4705C216.436 11.6823 216.488 11.9037 216.622 12.0702C216.756 12.2392 216.959 12.3367 217.173 12.3367H225.637C225.934 12.3367 226.198 12.1511 226.302 11.8703L227.298 9.15263C227.378 8.93366 227.347 8.68619 227.216 8.49579C227.083 8.30304 226.867 8.18878 226.633 8.18878H224.659C224.705 8.16502 224.749 8.14121 224.796 8.11505C226.871 7.01792 227.927 6.06844 227.927 3.93378C227.927 2.79143 227.493 1.83479 226.676 1.1637C225.84 0.480691 224.655 0.133265 223.152 0.133265L223.154 0.130859Z" fill="white"/>
+          <path d="M233.178 0.718668C235.979 0.718668 237.291 2.30124 237.291 4.71434C237.291 7.12744 236.214 11.7466 231.675 11.7466C228.699 11.7466 227.609 10.0212 227.609 7.67002C227.609 4.88802 229.048 0.716322 233.178 0.716322M231.785 9.41202C232.292 9.41202 232.607 8.48389 233.083 6.19931C233.573 3.88141 233.717 3.03422 233.114 3.03422C232.702 3.03422 232.356 3.52917 231.816 6.15173C231.31 8.53386 231.263 9.41202 231.785 9.41202ZM233.178 0C231.09 0 229.387 0.95664 228.247 2.76528C227.392 4.12413 226.9 5.91136 226.9 7.67002C226.9 9.10501 227.27 10.2473 228 11.0683C228.822 11.9941 230.058 12.4629 231.675 12.4629C233.913 12.4629 235.684 11.442 236.798 9.50722C237.882 7.62479 238 5.52821 238 4.71434C238 3.30076 237.581 2.12275 236.789 1.30888C235.946 0.442627 234.73 0.00234576 233.175 0.00234576L233.178 0Z" fill="white"/>
+          <path d="M223.154 12.4653C225.939 12.4653 227.221 13.7599 227.221 15.5495C227.221 17.2273 226.523 18.0102 224.467 19.0978C223.866 19.4166 222.695 20.0735 222.41 20.5209H226.634L225.637 23.2386H217.173L217.267 22.7912C217.804 20.2496 218.818 19.0026 221.145 17.5795C222.758 16.5895 223.329 16.2849 223.329 15.3425C223.329 15.007 223.187 14.7832 222.886 14.7832C222.41 14.7832 222.174 15.2306 221.953 16.2373H218.424C218.726 14.6072 219.611 12.4653 223.154 12.4653ZM223.154 11.749C221.38 11.749 220.003 12.2511 219.06 13.2436C218.386 13.9527 217.95 14.8879 217.727 16.1064C217.689 16.3158 217.743 16.5324 217.878 16.6942C218.012 16.8584 218.212 16.9536 218.422 16.9536H220.799L220.775 16.9679C218.198 18.5433 217.138 19.9759 216.575 22.6413L216.481 23.0886C216.436 23.3004 216.488 23.5218 216.622 23.6883C216.756 23.8573 216.959 23.9549 217.173 23.9549H225.637C225.934 23.9549 226.198 23.7693 226.302 23.4884L227.298 20.7707C227.378 20.5518 227.347 20.3043 227.216 20.114C227.084 19.9212 226.867 19.8069 226.634 19.8069H224.66C224.705 19.7831 224.749 19.7594 224.797 19.7331C226.871 18.6361 227.927 17.6865 227.927 15.5519C227.927 14.4096 227.493 13.453 226.676 12.7819C225.84 12.0989 224.655 11.7514 223.152 11.7514L223.154 11.749Z" fill="white"/>
+          <path d="M237.291 12.4648L236.057 18.2501H237.164L236.436 20.9511H235.503L235.077 23.0453H231.437L231.863 20.9511H227.244L227.75 18.5689L232.356 12.4624H237.293M233.227 15.004C232.737 15.8512 231.819 17.2577 231.171 18.2477H232.422L232.563 17.6408C232.69 17.0482 233.022 15.7394 233.227 15.004ZM237.293 11.7461H232.356C232.134 11.7461 231.927 11.8508 231.793 12.0293L227.187 18.1358C227.124 18.2191 227.079 18.3167 227.058 18.419L226.551 20.8012C226.507 21.013 226.558 21.2343 226.692 21.4009C226.827 21.5698 227.029 21.6674 227.244 21.6674H230.994L230.742 22.9001C230.7 23.1119 230.751 23.3309 230.886 23.4975C231.02 23.664 231.222 23.7616 231.435 23.7616H235.074C235.411 23.7616 235.701 23.5236 235.769 23.1905L236.08 21.6674H236.436C236.756 21.6674 237.036 21.4509 237.119 21.1391L237.847 18.4381C237.906 18.2238 237.861 17.993 237.727 17.8145C237.593 17.6384 237.385 17.5337 237.164 17.5337H236.933L237.981 12.6147C238.026 12.4029 237.974 12.1816 237.84 12.015C237.706 11.846 237.503 11.7485 237.289 11.7485L237.293 11.7461Z" fill="white"/>
+        </svg>
+      </span>
     </div>
-    <p>If you are the application owner check the logs for more information.</p>
-  </div>
-</body>
+
+    <main class="container">
+      <div class="content">
+        <div class="icon-container">
+          <span class="error-icon">
+          <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M35.5108 18.4089C35.2979 18.3839 35.0828 18.3839 34.8699 18.4089L23.281 21.4087C22.3585 21.6374 21.6381 22.3577 21.4094 23.2803L18.4866 34.9717C18.2938 35.7499 18.4762 36.5735 18.9795 37.1976C19.4828 37.8217 20.249 38.1744 21.0505 38.1509C21.2634 38.176 21.4785 38.176 21.6914 38.1509L33.4085 35.1512C34.331 34.9225 35.0514 34.2021 35.2801 33.2795L38.2029 21.5881C38.3957 20.8099 38.2133 19.9863 37.71 19.3622C37.2067 18.7381 36.4405 18.3854 35.639 18.4089H35.5108ZM32.6906 23.7675L30.8958 30.9977L23.6656 32.7924L25.4604 25.5622L32.6906 23.7675Z" fill="#A2A2A2"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M33.7161 2.33325H22.8452C11.5172 2.33325 2.33398 11.5164 2.33398 22.8444V33.7154C2.33398 45.0434 11.5172 54.2266 22.8452 54.2266H33.7161C45.0441 54.2266 54.2273 45.0434 54.2273 33.7154V22.8444C54.2273 11.5164 45.0441 2.33325 33.7161 2.33325ZM22.8452 50.3807C13.647 50.3666 6.19395 42.9135 6.17984 33.7154V22.8444C6.19395 13.6463 13.647 6.19322 22.8452 6.1791H33.7161C42.9143 6.19322 50.3674 13.6463 50.3815 22.8444V33.7154C50.3674 42.9135 42.9143 50.3666 33.7161 50.3807H22.8452Z" fill="#A2A2A2"/>
+          </svg>
+          </span>
+        </div>
+        <h1 class="title">404</h1>
+        <p class="error-message">
+          We couldn't find... 
+          <br>
+          Well, you already know what this means.
+        </p>
+        <a class="link" href="/">
+          Return to the homepage
+        </a>
+      </div>
+    </main>
+  </body>
 </html>