diff --git a/src/pages/minecraft.tsx b/src/pages/minecraft.tsx
index f262771..5056202 100644
--- a/src/pages/minecraft.tsx
+++ b/src/pages/minecraft.tsx
@@ -5,7 +5,7 @@ import styles from "@/styles/Minecraft.module.css"
import MainLayout from "@/components/MainLayout"
function copyToClipboard() {
- navigator.clipboard.writeText("bridgescrims.net")
+ navigator.clipboard.writeText("Scrims.Network")
document.getElementById(styles.Copied)!.style.opacity = "1"
setTimeout(() => (document.getElementById(styles.Copied)!.style.opacity = "0"), 1700)
}
@@ -26,7 +26,7 @@ export default function Home() {
onClick={copyToClipboard}
title="Copy to clipboard"
>
- BridgeScrims.net
+ Scrims.Network
Copied to clipboard!
diff --git a/src/pages/overlays.tsx b/src/pages/overlays.tsx
index b9ce2c7..e41a0ab 100644
--- a/src/pages/overlays.tsx
+++ b/src/pages/overlays.tsx
@@ -1,23 +1,35 @@
-import MainLayout from "@/components/MainLayout"
-import { getVerifiedSession } from "@/lib/auth"
-import { GetServerSideProps } from "next"
+import Head from "next/head"
-interface OverlaysProps {
- admin: boolean
-}
+import LandingImageSection from "@/components/LandingImageSection"
+import styles from "@/styles/Overlays.module.css"
+import MainLayout from "@/components/MainLayout"
-export default function Overlays({ admin }: OverlaysProps) {
- return <>
+function overlaysChannel() {
+ window.open("https://discord.com/channels/759894401957888031/809518867097190480");
}
-export const getServerSideProps: GetServerSideProps = async (context) => {
- return { notFound: true }
- const verified = await getVerifiedSession(context.req, context.res).catch(console.error)
- return {
- props: {
- admin: !!verified
- }
- }
+export default function Overlays() {
+ return (
+ <>
+
+ Bridge Overlays
+
+
+
+ {"Check out the dedicated Bridge Overlays channel in our Discord "}
+
+
+
+
+ )
}
Overlays.Layout = MainLayout
diff --git a/src/styles/Overlays.module.css b/src/styles/Overlays.module.css
new file mode 100644
index 0000000..45ee1b5
--- /dev/null
+++ b/src/styles/Overlays.module.css
@@ -0,0 +1,38 @@
+#TitleSection {
+ position: absolute;
+ transform: translateY(-50%) translateX(-50%);
+ top: calc(50vh + 30px);
+ left: 50vw;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+#Title {
+ text-align: center;
+ font-size: clamp(1rem, min(5.6vw, 5.6vh), 2.2rem);
+ font-weight: thin;
+ color: white;
+ letter-spacing: 1px;
+ padding: 0px 14px;
+ user-select: none;
+}
+
+#ChannelButton {
+ font-size: clamp(1.4rem, min(7.5vw, 7.5vh), 3.8rem);
+ margin-top: 5px;
+ padding: 0;
+ transition-duration: 0.2s;
+ background-color: #2B2D31;
+ border: 3px solid transparent;
+ font-weight: 600;
+ color: #80848E;
+ user-select: text;
+ margin-bottom: -8px;
+ padding: 0px 20px;
+}
+
+#ChannelButton:hover {
+ background-color: rgba(43,45,49, 0.3);
+}