Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
titaniumnetwork-dev
GitHub Repository: titaniumnetwork-dev/Ludicrous
 Path: blob/main/pages/webretro.tsx
1223 views
1
import type { NextPage } from 'next';

2
import Script from 'next/script';

3
import Head from 'next/head';

4


5
const g: any = global || {};

6


7
const Retro: NextPage = (): any => {

8
  

9
  return (

10
    <>

11
      <Head>

12
        <meta name="description" content="Ludicrous | A School Site" />

13
        <meta name="theme-color" content="#2467a5" />

14
        <meta charSet='utf-8' />

15
        <meta httpEquiv='X-UA-Compatible' content='IE=edge' />

16
        <meta name='viewport' content='minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, viewport-fit=cover, maximum-scale=6'/>

17
        <title>Ludicrous - WebRetro</title>

18
        <link rel='manifest' href='/manifest.json' />

19
        <link href='/icons/favicon-16x16.png' rel='icon' type='image/png' sizes='16x16' />

20
        <link href='/icons/favicon-32x32.png' rel='icon' type='image/png' sizes='32x32' />

21
        <link rel='apple-touch-icon' href='/icons/apple-icon.png'></link>

22
      </Head>

23
      

24
      <iframe style={{

25
        zIndex: '99',

26
        height: '100vh',

27
        width: '100vw',

28
        border: 'none',

29
        outline: 'none',

30
        position: 'absolute',

31
        top: '0',

32
        left: '0',

33
      }}></iframe>

34
      

35
      <Script id="archsrcscript">

36
        {

37
          `

38
          document.querySelector('iframe').src = "/webretro/index.html"+location.search;

39


40
          document.querySelector('iframe').addEventListener('load', function() {

41
            history.pushState(null, null, document.querySelector('iframe').contentWindow.location.href.replace('index.html', ''));

42
          });

43
          `

44
        }

45
      </Script>

46
    </>

47
  );

48
}

49


50
export default Retro;

51