wored on viewport

Stephen-Gordon · Mar 8, 2024 · 3dda8db · 3dda8db
1 parent 93a951d
commit 3dda8db
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 248 deletions.
diff --git a/src/app/_document.tsx b/src/app/_document.tsx
@@ -3,15 +3,15 @@ import { Html, Head, Main, NextScript } from 'next/document';
 export default function Document() {
   return (
     <Html lang='en'>
-      <Head>
+     {/*  <Head>
         <meta
           name='viewport'
           content='width=device-width, initial-scale=1, maximum-scale=1'
         />
         <link rel='manifest' href='/manifest.json' />
         <link rel='apple-touch-icon' href='/icon.png'></link>
         <meta name='theme-color' content='#2b2b2b' />
-      </Head>
+      </Head> */}
       <body>
         <Main />
         <NextScript />

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -86,17 +86,17 @@ export default function RootLayout({
   return (
     <html className='h-full overflow-auto font-sans'>
       <head>
-        <meta
+        {/* <meta
           name='viewport'
           content='width=device-width, initial-scale=1, maximum-scale=1'
-        />
-        <title>Payments, Stephen Gordon</title>
+        /> */}
         <title>Payments, Stephen Gordon</title>
+
         <meta name='application-name' content='PWA App' />
         <meta name='apple-mobile-web-app-capable' content='yes' />
         <meta name='apple-mobile-web-app-status-bar-style' content='default' />
         <meta name='apple-mobile-web-app-title' content='PWA App' />
-        <meta name='description' content='Best PWA App in the world' />
+        <meta name='description' content='PWA Payments, Stephen Gordon' />
         <meta name='format-detection' content='telephone=no' />
         <meta name='mobile-web-app-capable' content='yes' />
         <meta name='msapplication-config' content='/icons/browserconfig.xml' />
@@ -145,139 +145,12 @@ export default function RootLayout({
           rel='stylesheet'
         />
 
-        <meta name='twitter:card' content='summary' />
-        <meta name='twitter:url' content='https://yourdomain.com' />
-        <meta name='twitter:title' content='PWA App' />
-        <meta name='twitter:description' content='Best PWA App in the world' />
-        <meta
-          name='twitter:image'
-          content='https://yourdomain.com/icons/android-chrome-192x192.png'
-        />
-        <meta name='twitter:creator' content='@DavidWShadow' />
-        <meta property='og:type' content='website' />
-        <meta property='og:title' content='PWA App' />
-        <meta property='og:description' content='Best PWA App in the world' />
-        <meta property='og:site_name' content='PWA App' />
-        <meta property='og:url' content='https://yourdomain.com' />
-        <meta
-          property='og:image'
-          content='https://yourdomain.com/icons/apple-touch-icon.png'
-        />
         <meta
           name='viewport'
           content='minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, user-scalable=no, viewport-fit=cover'
         />
       </head>
-      <Head>
-        <meta
-          name='viewport'
-          content='width=device-width, initial-scale=1, maximum-scale=1'
-        />
-        <title>Payments, Stephen Gordon</title>
-        <meta name='application-name' content='PWA App' />
-        <meta name='apple-mobile-web-app-capable' content='yes' />
-        <meta name='apple-mobile-web-app-status-bar-style' content='default' />
-        <meta name='apple-mobile-web-app-title' content='PWA App' />
-        <meta name='description' content='Best PWA App in the world' />
-        <meta name='format-detection' content='telephone=no' />
-        <meta name='mobile-web-app-capable' content='yes' />
-        <meta name='msapplication-config' content='/icons/browserconfig.xml' />
-        <meta name='msapplication-TileColor' content='#2B5797' />
-        <meta name='msapplication-tap-highlight' content='no' />
-        <meta name='theme-color' content='#000000' />
-        <link rel='apple-touch-icon' href='/icons/touch-icon-iphone.png' />
-        <link
-          rel='apple-touch-icon'
-          sizes='152x152'
-          href='/icons/touch-icon-ipad.png'
-        />
-        <link
-          rel='apple-touch-icon'
-          sizes='180x180'
-          href='/icons/touch-icon-iphone-retina.png'
-        />
-        <link
-          rel='apple-touch-icon'
-          sizes='167x167'
-          href='/icons/touch-icon-ipad-retina.png'
-        />
-        <link
-          rel='icon'
-          type='image/png'
-          sizes='32x32'
-          href='/icons/favicon-32x32.png'
-        />
-        <link
-          rel='icon'
-          type='image/png'
-          sizes='16x16'
-          href='/icons/favicon-16x16.png'
-        />
-        <link rel='manifest' href='/manifest.json' />
-        <link
-          rel='mask-icon'
-          href='/icons/safari-pinned-tab.svg'
-          color='#5bbad5'
-        />
-        <link rel='shortcut icon' href='/favicon.ico' />
-        <meta name='twitter:card' content='summary' />
-        <meta name='twitter:url' content='https://yourdomain.com' />
-        <meta name='twitter:title' content='PWA App' />
-        <meta name='twitter:description' content='Best PWA App in the world' />
-        <meta
-          name='twitter:image'
-          content='https://yourdomain.com/icons/android-chrome-192x192.png'
-        />
-        <meta name='twitter:creator' content='@DavidWShadow' />
-        <meta property='og:type' content='website' />
-        <meta property='og:title' content='PWA App' />
-        <meta property='og:description' content='Best PWA App in the world' />
-        <meta property='og:site_name' content='PWA App' />
-        <meta property='og:url' content='https://yourdomain.com' />
-        <meta
-          property='og:image'
-          content='https://yourdomain.com/icons/apple-touch-icon.png'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_2048.png'
-          sizes='2048x2732'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_1668.png'
-          sizes='1668x2224'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_1536.png'
-          sizes='1536x2048'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_1125.png'
-          sizes='1125x2436'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_1242.png'
-          sizes='1242x2208'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_750.png'
-          sizes='750x1334'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_640.png'
-          sizes='640x1136'
-        />
-        <meta
-          name='viewport'
-          content='width=device-width, initial-scale=1, maximum-scale=1'
-        />
-      </Head>
+
 
       <body>
         <ThemeProvider

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -35,120 +35,7 @@ export default function HomePage() {
 
   return (
     <main>
-      <Head>
-        <meta
-          name='viewport'
-          content='width=device-width, initial-scale=1, maximum-scale=1'
-        />
-        <title>Payments, Stephen Gordon</title>
-        <meta name='application-name' content='PWA App' />
-        <meta name='apple-mobile-web-app-capable' content='yes' />
-        <meta name='apple-mobile-web-app-status-bar-style' content='default' />
-        <meta name='apple-mobile-web-app-title' content='PWA App' />
-        <meta name='description' content='Best PWA App in the world' />
-        <meta name='format-detection' content='telephone=no' />
-        <meta name='mobile-web-app-capable' content='yes' />
-        <meta name='msapplication-config' content='/icons/browserconfig.xml' />
-        <meta name='msapplication-TileColor' content='#2B5797' />
-        <meta name='msapplication-tap-highlight' content='no' />
-        <meta name='theme-color' content='#000000' />
-
-        <link rel='apple-touch-icon' href='/icons/touch-icon-iphone.png' />
-        <link
-          rel='apple-touch-icon'
-          sizes='152x152'
-          href='/icons/touch-icon-ipad.png'
-        />
-        <link
-          rel='apple-touch-icon'
-          sizes='180x180'
-          href='/icons/touch-icon-iphone-retina.png'
-        />
-        <link
-          rel='apple-touch-icon'
-          sizes='167x167'
-          href='/icons/touch-icon-ipad-retina.png'
-        />
-
-        <link
-          rel='icon'
-          type='image/png'
-          sizes='32x32'
-          href='/icons/favicon-32x32.png'
-        />
-        <link
-          rel='icon'
-          type='image/png'
-          sizes='16x16'
-          href='/icons/favicon-16x16.png'
-        />
-        <link rel='manifest' href='/manifest.json' />
-        <link
-          rel='mask-icon'
-          href='/icons/safari-pinned-tab.svg'
-          color='#5bbad5'
-        />
-        <link rel='shortcut icon' href='/favicon.ico' />
-
-        <meta name='twitter:card' content='summary' />
-        <meta name='twitter:url' content='https://yourdomain.com' />
-        <meta name='twitter:title' content='PWA App' />
-        <meta name='twitter:description' content='Best PWA App in the world' />
-        <meta
-          name='twitter:image'
-          content='https://yourdomain.com/icons/android-chrome-192x192.png'
-        />
-        <meta name='twitter:creator' content='@DavidWShadow' />
-        <meta property='og:type' content='website' />
-        <meta property='og:title' content='PWA App' />
-        <meta property='og:description' content='Best PWA App in the world' />
-        <meta property='og:site_name' content='PWA App' />
-        <meta property='og:url' content='https://yourdomain.com' />
-        <meta
-          property='og:image'
-          content='https://yourdomain.com/icons/apple-touch-icon.png'
-        />
-
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_2048.png'
-          sizes='2048x2732'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_1668.png'
-          sizes='1668x2224'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_1536.png'
-          sizes='1536x2048'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_1125.png'
-          sizes='1125x2436'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_1242.png'
-          sizes='1242x2208'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_750.png'
-          sizes='750x1334'
-        />
-        <link
-          rel='apple-touch-startup-image'
-          href='/images/apple_splash_640.png'
-          sizes='640x1136'
-        />
-        <meta
-          name='viewport'
-          content='width=device-width, initial-scale=1, maximum-scale=1'
-        />
-      </Head>
+
       {/*  <section className='h-screen w-screen bg-slate-900 text-white'>
         <Link
           href={{