Made sure all browsers will render

index.html

@@ -13,6 +13,10 @@
     <meta property="og:description" content="Digital Signature for OCBO (Office of the City Building Official)" />
     <meta property="og:type" content="website" />
     <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
     <title>OCBO e-Sign</title>
   </head>
 

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"OCBO e-Sign","short_name":"e-Sign","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#16212c","background_color":"#16212c","display":"standalone"}

src/app.tsx

@@ -1,4 +1,5 @@
-import { Suspense, type Component } from 'solid-js'
+import type { Component } from 'solid-js/types/render/component.js'
+import { Suspense } from 'solid-js/web'
 
 const App: Component<{ children: Element }> = (props) => {
   return (

src/pages/IndexPage/Index.tsx

@@ -66,7 +66,7 @@ export default () => {
 
               <Display desktop>
                 <Column padding="3rem 0 0 0">
-                  <Image avif={pageLogoAvif} webp={pageLogoWebp} size={410}></Image>
+                  <Image avif={pageLogoAvif} webp={pageLogoWebp} size={410} alt='e-Sign Logo'></Image>
                 </Column>
               </Display>
             </Row>
@@ -75,7 +75,7 @@ export default () => {
           <Footer>
             <Row content="split">
               <Row gap={0.5}>
-                <Image avif={ocboAvif} webp={ocboWebp} size={20}></Image>
+                <Image avif={ocboAvif} webp={ocboWebp} size={20} alt='OCBO Logo'></Image>
                 <Row gap={0.25}>
                   <Copyright year="2025" name="Office of the City Building Official" />
                   <span>Davao City, Philippines</span>
@@ -84,7 +84,7 @@ export default () => {
 
               <Row gap={0.25}>
                 <span>Developed by:</span>
-                <Image avif={patAvif} webp={patWebp} size={70}></Image>
+                <Image avif={patAvif} webp={patWebp} size={70} alt='Pat Alcala Logo'></Image>
                 <span>Pat Alcala</span>
               </Row>
             </Row>
@@ -117,7 +117,7 @@ export default () => {
               </Box>
 
               <Column padding="3rem 0 0 0">
-                <Image avif={pageLogoAvif} webp={pageLogoWebp} size={110}></Image>
+                <Image avif={pageLogoAvif} webp={pageLogoWebp} size={110} alt='e-Sign Logo'></Image>
               </Column>
             </Row>
           </Padding>
@@ -125,7 +125,7 @@ export default () => {
           <Footer>
             <Row content="split">
               <Row gap={0.5}>
-                <Image avif={ocboAvif} webp={ocboWebp} size={20}></Image>
+                <Image avif={ocboAvif} webp={ocboWebp} size={20} alt='OCBO Logo'></Image>
                 <Row gap={0.25}>
                   <Copyright year="2025" name="Office of the City Building Official" />
                   <span>Davao City, Philippines</span>
@@ -134,7 +134,7 @@ export default () => {
 
               <Row gap={0.25}>
                 <span>Developed by:</span>
-                <Image avif={patAvif} webp={patWebp} size={70}></Image>
+                <Image avif={patAvif} webp={patWebp} size={70} alt='Pat Alcala Logo'></Image>
                 <span>Pat Alcala</span>
               </Row>
             </Row>

src/pages/RegisterPage/Register.tsx

@@ -1,12 +1,13 @@
-import './Register.sass'
-import { Logo, Link, Page, Row, Padding, Combobox, Box, Button, Modal, Column, QR, Input, Display } from '../../components'
-import { IoChevronBack } from 'solid-icons/io'
-import { Show, createSignal, createEffect } from 'solid-js'
-import { SHA3, SHA1 } from 'crypto-js'
-import dayjs from 'dayjs'
 import { FileField } from '@kobalte/core/file-field'
 import { useNavigate } from '@solidjs/router'
+import { SHA1, SHA3 } from 'crypto-js'
+import dayjs from 'dayjs'
+import { IoChevronBack } from 'solid-icons/io'
+import { createEffect, createSignal } from 'solid-js'
+import { Show } from 'solid-js/web'
+import { Box, Button, Column, Combobox, Display, Input, Link, Logo, Modal, Padding, Page, QR, Row } from '../../components'
 import { checkConnection, getApi, postApi } from '../../utils/functions'
+import './Register.sass'
 
 export default () => {
   const APPROVERNAME = import.meta.env.VITE_HEAD

src/utils/functions/getApiMulti.ts

@@ -8,7 +8,7 @@ export default async (api: string, value?: any) => {
     if (!value) {
       fetch = await ofetch(API + api, { parseResponse: JSON.parse, retry: 3, retryDelay: 500, retryStatusCodes: [400, 404, 405, 500, 502] })
     } else {
-      fetch = await ofetch(API + `${api}/${value}/fetch-data`, { parseResponse: JSON.parse, retry: 3, retryDelay: 500, retryStatusCodes: [400, 404, 405, 500, 502] })
+      fetch = await ofetch(`${API}${api}/${value}/fetch-data`, { parseResponse: JSON.parse, retry: 3, retryDelay: 500, retryStatusCodes: [400, 404, 405, 500, 502] })
     }
 
     return fetch

tsconfig.app.json

@@ -1,10 +1,10 @@
 {
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
+    "target": "ES2023",
     "useDefineForClassFields": true,
     "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
 
     /* Bundler mode */