updated the project tags + updated the timeline

GDSC-IIIT-Kalyani · Jan 19, 2023 · 4bf31ce · 4bf31ce
1 parent 8a28bdd
commit 4bf31ce
Show file tree

Hide file tree

Showing 7 changed files with 73 additions and 167 deletions.
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
@@ -14,7 +14,7 @@ import background from "../../assets/bg images/WOC_LIS_03.gif";
 
 function Timeline(props) {
   const [carouselIdx, setIdx] = useState(0);
-  const active = 1;
+  const active = 2;
 
   const DiamondColor = (idx) => {
     if (idx === active) {
@@ -29,30 +29,14 @@ function Timeline(props) {
       setIdx(carouselIdx - 1);
     }
   };
-  // const getWidth = () => {
-  //   if (window.innerWidth < 600) {
-  //     return 33;
-  //   } else {
-  //     return 20;
-  //   }
-  // };
-  // useEffect(() => {
-  //   const getWidth = () => {
-  //     if (window.innerWidth < 600) {
-  //       return 33;
-  //     } else {
-  //       return 20;
-  //     }
-  //   };
-  // });
 
   const handlenext = () => {
     if (carouselIdx < data.length) {
       setIdx(carouselIdx + 1);
     }
     console.log(carouselIdx);
   };
-  // const [st, setst] = useState(1);
+
   const line = (idx) => {
     return idx === 0
       ? 1

diff --git a/src/components/timeline/timeline_data.js b/src/components/timeline/timeline_data.js
@@ -13,27 +13,33 @@ const data=[
     },
     {
         data: "2022-12-25",
-        date: "15TH JAN - 20TH JAN'23",
+        date: "15TH JAN - 23TH JAN'23",
         title: "Proposal Writing session",
         state: "coming"
     },
     {
         data: "2023-01-05",
-        date: "20TH - 25TH JAN'23",
+        date: "24TH - 28TH JAN'23",
         title: "Community Bonding phase",
         state: "coming"
     },
     {
         data: "2023-01-15",
-        date: "25TH JAN - 5TH MAR'23",
+        date: "28TH JAN - 15TH MAR'23",
         title: "Coding Phase",
         state: "coming"
     },
     {
         data: "2023-03-15",
-        date: "5TH - 15TH MAR'23",
+        date: "15TH - 24TH MAR'23",
         title: "Mentor Feedback Phase",
         state: "coming"
     },
+    {
+        data: "2023-03-15",
+        date: "25TH MAR'23",
+        title: "Closing Ceremony",
+        state: "coming"
+    }
 ];
 export default data;
diff --git a/src/pages/allProjects/ProjectCard.css b/src/pages/allProjects/ProjectCard.css
@@ -153,8 +153,7 @@
 }
 
 .git_hub {
-  margin: 15px;
-  /* transform: scale(1.5); */
+  margin: 0px 0px 20px 0px;
   font-size: 35px;
   cursor: pointer;
   transition: all ease-in-out 0.3s;

diff --git a/src/pages/allProjects/ProjectCard.js b/src/pages/allProjects/ProjectCard.js
@@ -23,8 +23,8 @@ const ProjectCard = (props) => {
           setShow(showIdeas ? false : true);
         }}
       >
-        <span style={{ textDecoration: `${showIdeas ? "none" : "underline"}` }}>
-          check ideas
+        <span style={{ fontFamily:'Vanilla', }}>
+          Check Ideas
         </span>
         <FaAngleDown
           style={{
@@ -52,7 +52,7 @@ const ProjectCard = (props) => {
           <a
             href={props.data.repo_link}
             className={
-              props.data.tags.includes("remove") ? "no_view" : "git_hub"
+              "git_hub"
             }
             target="_blank"
             rel="noreferrer"
@@ -61,7 +61,7 @@ const ProjectCard = (props) => {
           </a>
         </div>
         <div>
-          <p style={{ color: "#fff", fontFamily: "monospace" }}>mentors</p>
+          <p style={{ color: "#fff" }}>Mentors</p>
           {props.data.mentors.map((mentor, idx) => {
             return (
               <a className="mentors-flex text-center" href={mentor.link}>
@@ -96,10 +96,9 @@ const ProjectCard = (props) => {
             <li
               style={{
                 textAlign: "left",
-                // margin: "15px 5px 10px 15px",
                 overflowX: "hidden",
-                wordBreak: "break-word",
-                padding: "20px 10px",
+                // wordBreak: "break-word",
+                padding: "5px 10px",
                 color: "#e1e2e3",
               }}
             >

diff --git a/src/pages/allProjects/Projects.css b/src/pages/allProjects/Projects.css
@@ -5,7 +5,6 @@
       rgba(0, 11, 129, 0.407)
     ),
     url("../../assets/bg\ images/WOC_Landing-page_back-ground.png");
-
   overflow: hidden;
   scroll-behavior: smooth;
   padding-bottom: 40px;
@@ -15,6 +14,7 @@
   font-family: Vanilla;
   background-size: cover;
   background-repeat: no-repeat;
+  font-family:Arial, Helvetica, sans-serif;
   /* padding-top: 120px; */
 }
 
@@ -23,7 +23,7 @@
   font-size: calc(2.5em + 1.675vw);
   font-weight: 200;
   color: white;
-  letter-spacing: 0.09em;
+  /* letter-spacing: 0.09em; */
   padding-bottom: 5%;
 }
 

diff --git a/src/pages/allProjects/ProjectsPage.js b/src/pages/allProjects/ProjectsPage.js
@@ -70,10 +70,14 @@ const ProjectsPage = (props) => {
             <option value="web">Web Development</option>
             <option value="app">App Development</option>
             <option value="ml">Machine Learning</option>
-            <option value="cloud">Cloud</option>
             <option value="doc">Documentation</option>
-            {/* <option value="compiler">Compiler</option> */}
             <option value="python">Python</option>
+            <option value="testing">Testing</option>
+            <option value="php">SQL</option>
+            <option value="javascript">JavaScript</option>
+            <option value="gui">GUI</option>
+            <option value="ethhack">Ethical Hacking</option>
+            <option value="cloud">Cloud</option>
             <option value="flutter">Flutter</option>
           </select>
         </form>