public/index.html

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <![endif]-->
<html lang="en">
    <head>
        <meta charset="utf-8" />

        <meta
            name="viewport"
            content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
        />
        <meta name="theme-color" content="#111111" />
        <meta name="author" content="TEDx@NKCSWX team" />

        <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
        <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.svg" />
        <link rel="apple-touch-icon" href="%PUBLIC_URL%/icon-256.png" />
        <link type="text/plain" rel="author" href="%PUBLIC_URL%/humans.txt" />

        <meta
            property="og:image"
            content="https://tedx.workermen.cyou/%PUBLIC_URL%/social-image.png"
        />
        <meta property="og:image:type" content="image/png" />
        <meta property="og:image:width" content="1200" />
        <meta property="og:image:height" content="549" />

        <meta property="og:title" content="Website of TEDx@NKCSWX team" />
        <meta property="og:site_name" content="tedx.workermen.cyou" />
        <meta property="og:url" content="https://tedx.workermen.cyou/" />
        <meta property="og:description" content="Website of TEDx@NKCSWX team" />

        <meta name="twitter:card" content="summary" />
        <meta name="twitter:description" content="Website of TEDx@NKCSWX team" />
        <meta name="twitter:title" content="Website of TEDx@NKCSWX team" />
        <meta name="twitter:site" content="@knowscount" />
        <meta
            name="twitter:image"
            content="https://tedx.workermen.cyou/%PUBLIC_URL%/social-image.png"
        />
    </head>

    <body>
        <script>
            const preferredTheme = JSON.parse(localStorage.getItem('theme'));
            document.body.className = preferredTheme || 'dark';
        </script>
        <div id="root"></div>
    </body>
</html>