added favicon and created quote component

ee0b51ac · swostikpati · 2a4f3d52 · ee0b51ac · ee0b51ac · ee0b51ac
Commit ee0b51ac authored 7 months ago by swostikpati
--- a/index.html
+++ b/index.html
@@ -2,11 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link
-      rel="shortcut icon"
-      href="https://static.igem.wiki/common/icons/favicons/igem-2022.svg"
-      type="image/x-icon"
-    />
+    <link rel="shortcut icon" href="/igem_logo.svg" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>%VITE_TEAM_NAME% - iGEM %VITE_TEAM_YEAR%</title>
  </head>

--- a/public/igem_logo.svg
+++ b/public/igem_logo.svg
--- a/src/assets/igem_logo.png
+++ b/src/assets/igem_logo.png
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -5,6 +5,7 @@ import "./Navbar.css";
 import { motion, AnimatePresence } from "framer-motion";
 import SpringScroll from "./SpringScroll";
 import Search from "../components/Search";
+import logo from "../assets/igem_logo.png";

 export function Navbar() {
  // give me a useState variable that is an empty string
@@ -187,6 +188,7 @@ export function Navbar() {
          <Link to="/">
            <img
              src="https://static.igem.wiki/teams/5125/coraline-static.png"
+              // src={logo}
              alt="main logo"
            />
          </Link>

--- a/src/contents/description_content.jsx
+++ b/src/contents/description_content.jsx
@@ -17,7 +17,7 @@ const content = [
  { type: H1, props: {}, children: "Project Background" },
  {
    type: P,
-    props: {},
+    props: { Q: true },
    children: (
      <>
        Coral reefs are the largest structures made by living creatures,

--- a/src/template/text/P.css
+++ b/src/template/text/P.css
@@ -13,3 +13,9 @@
  display: block;
  margin: 10px 0;
 }
+
+.P.Q {
+  border-left: 5px solid var(--dark-blue);
+  padding-left: 15px;
+  border-radius: 5px;
+}
--- a/src/template/text/P.jsx
+++ b/src/template/text/P.jsx
 import React from "react";
 import "./P.css";

-const P = ({ children, marginEnd = true }) => {
+const P = ({ children, marginEnd = true, Q = false }) => {
  return (
-    <p className="P" style={{ marginBottom: marginEnd ? "40px" : "15px" }}>
+    <p
+      className={`P${Q ? " Q" : ""}`}
+      style={{ marginBottom: marginEnd ? "40px" : "15px" }}
+    >
      {children}
    </p>
  );