updated setup (#2)

acmucsd · Sep 4, 2023 · d119d1c · d119d1c
1 parent 096f9da
commit d119d1c
Show file tree

Hide file tree

Showing 31 changed files with 1,092 additions and 332 deletions.
diff --git a/app/favicon.ico b/app/favicon.ico
diff --git a/app/globals.css b/app/globals.css
@@ -1,23 +1,4 @@
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
+* {
+  scroll-behavior: smooth !important;
+  overscroll-behavior: none;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,12 +1,12 @@
 import './globals.css'
 import type { Metadata } from 'next'
-import { Inter } from 'next/font/google'
+import { DM_Sans } from 'next/font/google'
 
-const inter = Inter({ subsets: ['latin'] })
+const dm_sans = DM_Sans({ subsets: ['latin'], weight: '400' })
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: 'ACM UCSD Projects Website',
+  description: 'ACM UCSD Quarterly Project Website for AI, Design, and Hack',
 }
 
 export default function RootLayout({
@@ -16,7 +16,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body className={inter.className}>{children}</body>
+      <body className={dm_sans.className}>{children}</body>
     </html>
   )
-}
+}
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,7 +1,17 @@
-export default function Home() {
+import type { NextPage } from 'next';
+import '../src/styles/reset.scss';
+
+import About from '../src/sections/About-Projects';
+// here we will compile all the sections of the website together
+const Home: NextPage = () => {
   return (
     <main>
       Welcome to the ACM Projects Website!
+
+      <About />
     </main>
-  )
-}
+  );
+};
+
+export default Home;
+
diff --git a/package.json b/package.json
@@ -14,7 +14,7 @@
     "@types/react-dom": "18.2.7",
     "eslint": "8.47.0",
     "eslint-config-next": "13.4.19",
-    "next": "13.4.19",
+    "next": "^13.4.19",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "typescript": "5.1.6"

diff --git a/public/assets/acm_logo.svg b/public/assets/acm_logo.svg
diff --git a/public/assets/ai.svg b/public/assets/ai.svg
diff --git a/public/assets/design.svg b/public/assets/design.svg
diff --git a/public/assets/hack.svg b/public/assets/hack.svg
diff --git a/src/components/SEO/index.tsx b/src/components/SEO/index.tsx
diff --git a/src/components/SEO/style.module.scss b/src/components/SEO/style.module.scss
@@ -0,0 +1 @@
+@use "..\styles\vars.scss" as v; // allows you to use pre-defined colors
diff --git a/src/components/navbar/index.tsx b/src/components/navbar/index.tsx
diff --git a/src/components/navbar/style.module.scss b/src/components/navbar/style.module.scss
@@ -0,0 +1 @@
+@use "..\styles\vars.scss" as v; // allows you to use pre-defined colors
diff --git a/src/components/project-card/index.tsx b/src/components/project-card/index.tsx
diff --git a/src/components/project-card/style.module.scss b/src/components/project-card/style.module.scss
@@ -0,0 +1 @@
+@use "..\styles\vars.scss" as v; // allows you to use pre-defined colors
diff --git a/src/components/team-card/index.tsx b/src/components/team-card/index.tsx
diff --git a/src/components/team-card/style.module.scss b/src/components/team-card/style.module.scss
diff --git a/src/components/timer/index.tsx b/src/components/timer/index.tsx
diff --git a/src/components/timer/style.module.scss b/src/components/timer/style.module.scss
@@ -0,0 +1 @@
+@use "..\styles\vars.scss" as v; // allows you to use pre-defined colors
diff --git a/src/sections/About-Projects/index.tsx b/src/sections/About-Projects/index.tsx
@@ -0,0 +1,11 @@
+import s from '.style.module.scss';
+
+const About: React.FC = () => {
+    return (
+        <h3>
+            ACM Projects is our quarterly projects program where students work in a tight knit team. The program gives students the opportunity to be hands-on outside of courses in fields such as AI, design, and software engineering. The program culminates in a projects showcase and the finished product looks great on resumes. We welcome all skill levels to apply!
+        </h3>
+    );
+};
+
+export default About;
diff --git a/src/sections/About-Projects/style.module.scss b/src/sections/About-Projects/style.module.scss
@@ -0,0 +1 @@
+@use "..\styles\vars.scss" as v; // allows you to use pre-defined colors
diff --git a/src/sections/Archive/index.tsx b/src/sections/Archive/index.tsx
diff --git a/src/sections/Archive/style.module.scss b/src/sections/Archive/style.module.scss
@@ -0,0 +1 @@
+@use "..\styles\vars.scss" as v; // allows you to use pre-defined colors
diff --git a/src/sections/Photo-Gallery/index.tsx b/src/sections/Photo-Gallery/index.tsx
diff --git a/src/sections/Photo-Gallery/style.module.scss b/src/sections/Photo-Gallery/style.module.scss
@@ -0,0 +1 @@
+@use "..\styles\vars.scss" as v; // allows you to use pre-defined colors
diff --git a/src/sections/Timer/index.tsx b/src/sections/Timer/index.tsx
diff --git a/src/sections/Timer/style.module.scss b/src/sections/Timer/style.module.scss
@@ -0,0 +1 @@
+@use "..\styles\vars.scss" as v; // allows you to use pre-defined colors
diff --git a/src/styles/Home.module.scss b/src/styles/Home.module.scss
@@ -0,0 +1,2 @@
+@use 'src/styles/vars.scss' as vars;
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');