Merge pull request #31 from acm-ucr/stanley/Title

added title
acm-ucr · Oct 21, 2023 · 42dc31a · 42dc31a
2 parents 927c052 + 93dc5d7
commit 42dc31a
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "bootstrap": "^5.3.0",
-    "next": "^13.5.3",
+    "next": "^13.5.4",
     "react": "^18.2.0",
     "react-bootstrap": "^2.8.0",
     "react-dom": "^18.2.0",

diff --git a/src/components/Title.jsx b/src/components/Title.jsx
@@ -1,5 +1,24 @@
+import { COLORS } from "../data/colors";
 const Title = ({ subTitle, title }) => {
-  return <div>Title</div>;
+  const titleWords = title.split(" ");
+  return (
+    <div className="flex flex-col justify-center items-center">
+      <p className={COLORS.green.text + " font-semibold mb-0"}>{subTitle}</p>
+      <p className="mt-0 font-bold text-3xl">
+        <span
+          className={
+            COLORS.blue.bg +
+            " text-white underline underline-offset-[14px] decoration-ewb-green decoration-8"
+          }
+        >
+          {titleWords[0]}
+        </span>
+        <span className={COLORS.blue.text}>
+          {" " + titleWords.slice(1).join(" ")}
+        </span>
+      </p>
+    </div>
+  );
 };
 
 export default Title;