Fixed silly images issue

MichiganDataScienceTeam · Apr 6, 2024 · 51c9d57 · 51c9d57
1 parent 9bf2f52
commit 51c9d57
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 11 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -7,12 +7,17 @@ export default function Home() {
     <div className="p-7">
       <Navbar />
       <div className="flex flex-col items-center">
-        <h1 className="text-center font-medium text-6xl py-10 text-pretty">
+        <h1
+          id="home"
+          className="text-center font-medium text-6xl py-10 text-pretty"
+        >
           DATA SCIENCE NIGHT @ <span>U-M</span>
         </h1>
         <RSVP />
-        <div id="about" className="mt-8 text-center max-w-screen-md">
-          <h1 className="font-regular text-3xl">About Data Science Night</h1>
+        <div id="about" className="text-center my-28 max-w-screen-md">
+          <h1 className="font-regular text-5xl mb-6">
+            About Data Science Night
+          </h1>
           <p>
             The Michigan Institute for Data Science&apos;s first Data Science
             Night spotlights MDST, MAISI and STATCOM&apos;s collaborative
@@ -24,6 +29,11 @@ export default function Home() {
         </div>
       </div>
       <TeamPanel />
+      <footer>
+        <div className="text-center p-10 border-t-2">
+          <p>Data Science Night @ U-M</p>
+        </div>
+      </footer>
     </div>
   );
 }
diff --git a/components/navbar.tsx b/components/navbar.tsx
@@ -18,9 +18,9 @@ export default function Navbar() {
     <nav className="border-white flex flex-row align-middle justify-between py-3 px-4 border-b-2">
       <h1 className="font-light text-xl pt-2.5 text-pretty">DSN @ U-M</h1>
       <ul className="flex flex-row">
-        <NavItem title="Home" href="/home" />
-        <NavItem title="About" href="/about" />
-        <NavItem title="Who We Are" href="/contact" />
+        <NavItem title="Home" href="#home" />
+        <NavItem title="About" href="#about" />
+        <NavItem title="Who We Are" href="#team" />
       </ul>
     </nav>
   );

diff --git a/components/rsvp.tsx b/components/rsvp.tsx
@@ -8,7 +8,7 @@ export default function RSVP() {
         <div className="grid grid-cols-2 gap-4">
           <Image
             // className="sm:block hidden"
-            src="/rsvp.jpg"
+            src="https://michigandatascienceteam.github.io/expo/rsvp.jpg"
             alt="RSVP"
             width={1200}
             height={1000}

diff --git a/components/team.tsx b/components/team.tsx
@@ -71,10 +71,10 @@ const teams: Team[] = [
 
 function TeamCard({ team }: { team: Team }) {
   return (
-    <div className="grid sm:grid-cols-3 grid-cols-2 lg:auto-rows-max lg:grid-cols-1 p-5 bg-gray-700 text-center gap-2">
+    <div className="grid sm:grid-cols-3 grid-cols-2 lg:auto-rows-max lg:grid-cols-1 p-5 bg-gray-700 text-center gap-2 mb-28">
       <Image
         className="lg:object-contain sm:block hidden"
-        src={team.logo_path}
+        src={`https://michigandatascienceteam.github.io/expo/${team.logo_path}`}
         alt={team.name}
         width={0}
         height={0}
@@ -98,8 +98,8 @@ function TeamCard({ team }: { team: Team }) {
 
 export default function TeamPanel() {
   return (
-    <div className="flex flex-col items-center mt-7 align-middle">
-      <h1 className="font-regular text-3xl">Who We Are</h1>
+    <div id="team" className="flex flex-col items-center mt-7 align-middle">
+      <h1 className="font-regular text-5xl">Who We Are</h1>
       <div className="grid lg:grid-cols-3 lg:grid-rows-1 grid-cols-1 grid-rows-3 gap-5 mt-4 lg:max-w-screen-lg max-w-screen-sm">
         {teams.map((team, index) => (
           <TeamCard key={index} team={team} />

diff --git a/next.config.mjs b/next.config.mjs
@@ -15,6 +15,7 @@ const nextConfig = {
   output: "export",
   assetPrefix: assetPrefix,
   basePath: basePath,
+  images: { unoptimized: true },
 };
 
 export default nextConfig;