update icon

public/manifest.webmanifest

@@ -1,36 +1,37 @@
 {
-    "name": "Sr Smith",
-    "short_name": "Sr-smith",
-    "start_url": "/",
-    "display": "standalone",
-    "background_color": "#000000",
-    "lang": "en",
-    "scope": "/",
-    "icons": [{
-            "src": "/pwa/manifest-icon-192.maskable.png",
-            "sizes": "192x192",
-            "type": "image/png",
-            "purpose": "any"
-        },
-        {
-            "src": "/pwa/manifest-icon-192.maskable.png",
-            "sizes": "192x192",
-            "type": "image/png",
-            "purpose": "maskable"
-        },
-        {
-            "src": "/pwa/manifest-icon-512.maskable.png",
-            "sizes": "512x512",
-            "type": "image/png",
-            "purpose": "any"
-        },
-        {
-            "src": "/pwa/manifest-icon-512.maskable.png",
-            "sizes": "512x512",
-            "type": "image/png",
-            "purpose": "maskable"
-        }
-    ],
-    "theme_color": "#000000",
-    "orientation": "portrait"
+  "name": "Sr Smith",
+  "short_name": "Sr-smith",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#000000",
+  "lang": "en",
+  "scope": "/",
+  "icons": [
+    {
+      "src": "public/pwa/manifest-icon-192.maskable.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "public/pwa/manifest-icon-192.maskable.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "public/pwa/manifest-icon-512.maskable.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "public/pwa/manifest-icon-512.maskable.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#000000",
+  "orientation": "portrait"
 }

scripts/icons.js

@@ -16,7 +16,7 @@ import path from "path"
         ASSETS_PATH, {
             // iconOnly: true,
             background: '#000',
-            padding: "20%",
+            padding: "10%",
             xhtml: true,
             manifest: './public/manifest.webmanifest',
             mstile: true,
@@ -41,7 +41,7 @@ import path from "path"
             iconOnly: true,
             // favicon: true,
             // background: '#FFF',
-            padding: "22%",
+            padding: "10%",
             opaque: false,
             // favicon: true,
         });

src/common/components/templates/default.tsx

@@ -95,7 +95,7 @@ const Layout = (props: Props) => {
                 <LangMenu className="dropdown-top ml-4 flex-grow" />
                 <ThemeSwitcher />
               </div>
-              <img className="absolute bottom-0 left-[-15rem] max-w-none w-[30rem] opacity-20 -z-10" src="/images/logo.png"></img>
+              <img className="absolute bottom-0 left-[-15rem] max-w-none w-[40rem] opacity-20 -z-10" src="/images/logo.png"></img>
             </div>
           </div>}
       </div>

src/modules/i18n/en/index.ts

@@ -61,11 +61,11 @@ const en: Translation = {
 		email_required: "Required email",
 		password: "Password",
 		password_required: "Password Required",
-		google_login: "with Google",
-		microsoft_login: "with Microsoft",
-		email_login: "with Email",
+		google_login: "Google",
+		microsoft_login: "Microsoft",
+		email_login: "Email",
 		repeat_password: "Repeat Password",
-		login: "Log in",
+		login: "Login with",
 		login_title: "Log in",
 		sign_up: "Sign Up",
 		logging_in: "Logging In",

src/modules/i18n/es/index.ts

@@ -60,12 +60,12 @@ const es: BaseTranslation = {
 		email_required: "Email Requerido",
 		password: "Contraseña",
 		password_required: "Contraseña Requerida",
-		google_login: "con Google",
-		microsoft_login: "con Microsoft",
-		email_login: "con email",
+		google_login: "Google",
+		microsoft_login: "Microsoft",
+		email_login: "email",
 		repeat_password: "Repita Contraseña",
 		sign_up: "Registrarse",
-		login: "Iniciar",
+		login: "Iniciar con",
 		login_title: "Inicia sesión",
 		logging_in: "Iniciando",
 		done: "Hecho",

src/modules/i18n/i18n-types.ts

@@ -202,23 +202,23 @@ type RootTranslation = {
 		 */
 		password_required: string
 		/**
-		 * w​i​t​h​ ​G​o​o​g​l​e
+		 * G​o​o​g​l​e
 		 */
 		google_login: string
 		/**
-		 * w​i​t​h​ ​M​i​c​r​o​s​o​f​t
+		 * M​i​c​r​o​s​o​f​t
 		 */
 		microsoft_login: string
 		/**
-		 * w​i​t​h​ ​E​m​a​i​l
+		 * E​m​a​i​l
 		 */
 		email_login: string
 		/**
 		 * R​e​p​e​a​t​ ​P​a​s​s​w​o​r​d
 		 */
 		repeat_password: string
 		/**
-		 * L​o​g​ ​i​n
+		 * L​o​g​i​n​ ​w​i​t​h
 		 */
 		login: string
 		/**
@@ -771,23 +771,23 @@ export type TranslationFunctions = {
 		 */
 		password_required: () => LocalizedString
 		/**
-		 * with Google
+		 * Google
 		 */
 		google_login: () => LocalizedString
 		/**
-		 * with Microsoft
+		 * Microsoft
 		 */
 		microsoft_login: () => LocalizedString
 		/**
-		 * with Email
+		 * Email
 		 */
 		email_login: () => LocalizedString
 		/**
 		 * Repeat Password
 		 */
 		repeat_password: () => LocalizedString
 		/**
-		 * Log in
+		 * Login with
 		 */
 		login: () => LocalizedString
 		/**

src/pages/login.page.tsx

@@ -64,14 +64,14 @@ const Login = ({ homePage = "/saved" }: LoginProps) => {
       <img src="/images/cmyk2.svg" className="absolute w-[50rem] lg:w-[70rem] right-[-10rem] lg:right-[-20rem] bottom-[-4rem] opacity-70 hover:opacity-100" ></img>
     </div>}
   >
-    <div className="flex-grow flex flex-col sm:flex-row items-center justify-center mt-2 sm:mt-0">
-      <div className="flex flex-col items-center mt-4 sm:mt-0 sm:mr-16">
-        <img className="w-40 hover:scale-110 transition ease-in-out delay-150 mb-2" src="/images/logo.png" alt="sr smith logo" />
+    <div className="flex-grow flex flex-col lg:flex-row items-center justify-center mt-2 lg:mt-0">
+      <div className="flex flex-col items-center mt-4 lg:mt-0 lg:mr-16">
+        <img className="w-48 hover:scale-110 transition ease-in-out delay-150 mb-2" src="/images/logo.png" alt="sr smith logo" />
         <h1 className="uppercase font-bold text-3xl md:text-5xl mt-2 md:mt-4">SR Smith</h1>
       </div>
-      {/* <div className="hidden sm:block w-[3px] h-60 bg-base-content"></div> */}
-      <RMICIcon className="-my-28 -rotate-90 sm:rotate-0 sm:static w-16 sm:w-auto h-80 fill-base-content object-cover" />
-      <div className="px-8 w-full max-w-md flex sm:w-1/2 flex-col items-center mb-8 sm:my-0 sm:ml-8">
+      {/* <div className="hidden lg:block w-[3px] h-60 bg-base-content"></div> */}
+      <RMICIcon className="-my-20 md:-my-28 -rotate-90 lg:rotate-0 lg:static w-16 lg:w-auto h-64 md:h-80 max-h-full fill-base-content object-cover" />
+      <div className="px-8 w-full max-w-md flex lg:w-1/2 flex-col items-center mb-8 lg:my-0 lg:ml-8">
         <h2 className="self-start uppercase font-bold text-xl mb-2">{t.login.login()}:</h2>
         <button className="group btn border-2 btn-outline bg-base-100
        hover:bg-[#EA4335] hover:border-[#EA4335] hover:text-base-100 w-full mt-2 justify-start pl-[25%] sm:pl-[30%]" onClick={onGoogleLogin}>

src/renderer/document.ts

@@ -41,17 +41,17 @@ function document(title: string, desc: string, pageHtml: string | ReadableStream
     <link rel="stylesheet" href="./src/common/styles/fonts.css"> -->
 
     <meta name="twitter:card" content="summary">
-    <meta name="twitter:url" content="https://sr-smith.syta.co">
+    <meta name="twitter:url" content="https://smith.syta.co">
     <meta name="twitter:title" content="${title}">
     <meta name="twitter:description" content="${desc}">
-    <meta name="twitter:image" content="https://sr-smith.syta.co/pwa/apple-icon-180.png">
+    <meta name="twitter:image" content="https://smith.syta.co/pwa/apple-icon-180.png">
     <meta name="twitter:creator" content="@sytabares">
     <meta property="og:type" content="website">
     <meta property="og:title" content="${title}">
     <meta property="og:description" content="${desc}">
     <meta property="og:site_name" content="${title}">
-    <meta property="og:url" content="https://sr-smith.syta.co">
-    <meta property="og:image" content="https://sr-smith.syta.co/pwa/apple-touch-icon.png">
+    <meta property="og:url" content="https://smith.syta.co">
+    <meta property="og:image" content="https://smith.syta.co/pwa/apple-icon-180.png">
 
     <meta name="viewport" content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, viewport-fit=cover">