Determine Meta Tags

[ProsperousHeart]

From #39 need to determine meta tags

        <!-- meta tags | https://ahrefs.com/blog/open-graph-meta-tags -->

        <!--- basic page needs
        ================================================== -->
        <meta charset="utf-8">

        <!-- favicons
        ================================================== -->
        <!--<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
        <link rel="icon" href="favicon.ico" type="image/x-icon">-->
        <link rel="shortcut icon" href="%PUBLIC_URL%/IMGs/logo128.png" type="image/x-icon"> <!-- https://developer.chrome.com/docs/extensions/mv2/manifest/icons/ -->
        <link rel="icon" href="%PUBLIC_URL%/logo128.png" type="image/x-icon" />

        <!-- mobile specific metas
        ================================================== -->
        <!--<meta name="viewport" content="width=device-width, initial-scale=1"> <!-- https://web.dev/responsive-web-design-basics/#:~:text=A%20meta%20viewport%20tag%20gives%20the%20browser%20instructions,better%20by%20increasing%20font%20sizes%20and%20scaling%20 -->
        <meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no'>

        <!-- <meta name="theme-color" content="#000000" /> -->
        <meta 
            name="description" 
            property="og:description" 
            content="INSERT DESC HERE"
        />
        <!-- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" /> -->
        <!--
        manifest.json provides metadata used when your web app is installed on a
        user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
        -->
        <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
        <!--
        Notice the use of %PUBLIC_URL% in the tags above.
        It will be replaced with the URL of the `public` folder during the build.
        Only files inside the `public` folder can be referenced from the HTML.

        Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
        work correctly both with client-side routing and a non-root public URL.
        Learn how to configure a non-root public URL by running `npm run build`.
        -->
        <title>INSERT TITLE HERE</title>
        <meta property="og:title" content="INSERT TITLE HERE">
        <meta name="author" content="INSERT AUTHORS HERE">
        
        <meta property="og:type" content="website">
        <meta property="og:url" content="INSERT HERE">

        <!-- <meta property="og:image" content="https://resume.prosperousheart.com/IMGs/20180108.jpg"/>-->
        <meta property="og:image" content="https://resume.prosperousheart.com/IMGs/social/large.png"/>
        <meta property="og:image:type" content="image/png" />
        <meta property="og:image:width" content="1280" />
        <meta property="og:image:height" content="720" />
        <meta property="og:image:alt" content="Kassandra smiling" /> <!-- https://ogp.me/#structured -->
        
        <meta property="og:image" content="https://resume.prosperousheart.com/IMGs/social/square2.png"/>
        <meta property="og:image:type" content="image/png" />
        <meta property="og:image:width" content="1080" />
        <meta property="og:image:height" content="1080" />
        <meta property="og:image:alt" content="INSERT HERE" /> <!-- https://ogp.me/#structured -->