feat: major rewrite

the application is now rewritten in next.js. this commit also adds the ability to see trailers, did you know, more like this, etc. on title page. BREAKING CHANGE: the whole application is rewritten from scratch.
2022-09-11 19:37:24 +05:30
parent 620ddf348a
commit 9891204f5a
129 changed files with 6314 additions and 4671 deletions
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -0,0 +1,38 @@
+import Document, { Html, Head, Main, NextScript } from 'next/document';
+
+// for preventing Flash of inAccurate coloR Theme(fart)
+// chris coyier came up with that acronym(https://css-tricks.com/flash-of-inaccurate-color-theme-fart/)
+const setInitialTheme = `
+document.documentElement.dataset.js = true;
+document.documentElement.dataset.theme  = (() => {
+  const userPrefersTheme = window.localStorage.getItem('theme') || null;
+  const browserPrefersDarkTheme = window.matchMedia(
+    '(prefers-color-scheme: dark)'
+  ).matches;
+  if (userPrefersTheme) return userPrefersTheme;
+  else if (browserPrefersDarkTheme) return 'dark';
+  else return 'light';
+})();
+`;
+
+const ModifiedDocument = class extends Document {
+  static async getInitialProps(ctx: any) {
+    const initialProps = await Document.getInitialProps(ctx);
+    return { ...initialProps };
+  }
+
+  render() {
+    return (
+      <Html lang='en'>
+        <Head />
+        <body>
+          <script dangerouslySetInnerHTML={{ __html: setInitialTheme }} />
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    );
+  }
+};
+
+export default ModifiedDocument;