Status page and Check in form

stvnbash · Jul 19, 2022 · fa07c31 · fa07c31 · vercel · Jul 19, 2022
1 parent ea9129d
commit fa07c31
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 2 deletions.
diff --git a/components/Footer.js b/components/Footer.js
@@ -1,11 +1,14 @@
 import Link from 'next/link';
 
-export default function Footer({  }) {
+export default function Footer({ }) {
     return (
         <footer>
             <div className="sm:flex place-content-between p-3 sticky bottom-0 left-0 z-50 w-full border-slate-400 border-t">
                 <h1>&copy; El Camino Real Charter High School</h1>
-                <Link href="/about" passHref><a title="About myECR">About MyECR</a></Link>
+                <div className='flex gap-4'>
+                    <Link href="/about" passHref><a title="About MyECR">About MyECR</a></Link>
+                    <Link href="/status" passHref><a title="System Status">System Status</a></Link>
+                </div>
                 {/* <a href="https://timkoech.co.ke" class="text-gray-700 hover:text-gray-800 m-2  ">
                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-globe">
                         <circle cx="12" cy="12" r="10"></circle>

diff --git a/pages/checkin.js b/pages/checkin.js
@@ -0,0 +1,17 @@
+import Meta from '../components/Meta'
+
+export default function Home() {
+    const url = "https://docs.google.com/forms/d/e/1FAIpQLScqSmLcFroZlAlvWXl7roBbLBR_GQFEk3xsMrNe_8LtOZzeHg/viewform?embedded=true"
+    return (
+        <>
+            <Meta title="Check In" />
+
+            <div className="h-auto">
+                {/* <h1 className="mb-1 px-5 text-4xl font-semibold p-2 border-slate-400 border-b">ECRCHS Calendar</h1> */}
+                <div className="">
+                    <iframe className="w-full h-[calc(100vh_-_8.5rem)]" src={url}></iframe>
+                </div>
+            </div>
+        </>
+    )
+}
diff --git a/pages/status.js b/pages/status.js
@@ -0,0 +1,19 @@
+import Meta from '../components/Meta'
+// import Script from 'next/script'
+
+export default function Home() {
+    const url = "https://ecrchs.instatus.com/"
+    return (
+        <>
+            <Meta title="Status" />
+            {/* <Script src="https://ecrchs.instatus.com/widget/script.js" /> */}
+
+            <div className="h-auto">
+                {/* <h1 className="mb-1 px-5 text-4xl font-semibold p-2 border-slate-400 border-b">ECRCHS Calendar</h1> */}
+                <div className="">
+                    <iframe className="w-full h-[calc(100vh_-_8.5rem)] rounded-3xl" src={url}></iframe>
+                </div>
+            </div>
+        </>
+    )
+}