From 4310de6b28a41f849ff5e8f474c118c2147511c1 Mon Sep 17 00:00:00 2001
From: Edgar_olg <a01567109@tec.mx>
Date: Thu, 26 Sep 2024 19:57:14 -0600
Subject: [PATCH] covers, notebook, human

---
 .../HumanCyclePoints/HumanCyclePoints.css     |   2 +-
 .../HumanPractices/Overview/Overview.css      |   1 -
 src/contents/covers/EngeCover.tsx             |  23 +++
 src/contents/covers/ProofCover.tsx            |  23 +++
 src/contents/covers/SafetyCover.tsx           |  23 +++
 src/contents/index.tsx                        |   5 +-
 src/contents/notebook.tsx                     | 142 +++++++++---------
 src/pages.ts                                  |   9 +-
 8 files changed, 151 insertions(+), 77 deletions(-)
 create mode 100644 src/contents/covers/EngeCover.tsx
 create mode 100644 src/contents/covers/ProofCover.tsx
 create mode 100644 src/contents/covers/SafetyCover.tsx

diff --git a/src/contents/componentes/HumanP/Secciones/HumanPractices/Overview/Contenido/HumanCyclePoints/HumanCyclePoints.css b/src/contents/componentes/HumanP/Secciones/HumanPractices/Overview/Contenido/HumanCyclePoints/HumanCyclePoints.css
index af5a5585..5aaa48ac 100644
--- a/src/contents/componentes/HumanP/Secciones/HumanPractices/Overview/Contenido/HumanCyclePoints/HumanCyclePoints.css
+++ b/src/contents/componentes/HumanP/Secciones/HumanPractices/Overview/Contenido/HumanCyclePoints/HumanCyclePoints.css
@@ -119,7 +119,7 @@
 }
 
 .contieneInfoHumanCiclos{
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(0, 0, 0, 0.03);
   border-radius: 20px;
   font-weight: bold;
   text-align: left; /* Alineación a la izquierda */
diff --git a/src/contents/componentes/HumanP/Secciones/HumanPractices/Overview/Overview.css b/src/contents/componentes/HumanP/Secciones/HumanPractices/Overview/Overview.css
index b872de2f..5d8490ef 100644
--- a/src/contents/componentes/HumanP/Secciones/HumanPractices/Overview/Overview.css
+++ b/src/contents/componentes/HumanP/Secciones/HumanPractices/Overview/Overview.css
@@ -40,7 +40,6 @@
 .WhatHumanPractices-container {
   text-align: left;
   padding: 20px;
-  background-color: #f8f8f8;
 }
 
 .WhatHumanPractices-box {
diff --git a/src/contents/covers/EngeCover.tsx b/src/contents/covers/EngeCover.tsx
new file mode 100644
index 00000000..596b3ff9
--- /dev/null
+++ b/src/contents/covers/EngeCover.tsx
@@ -0,0 +1,23 @@
+import "./styles/cover.css";
+
+export function EngeCover() {
+  return (
+    <>
+      <div className="divider-container">
+        <div className="upper-section">
+            <div className="coverFondoNegroTransparente">
+          <div className="textoCovers">Engineering</div>
+          <div className="miniLinea">
+            <div className="inicioLiena"></div>
+            <div className="medialinea"></div>
+            <div className="finLinea"></div>
+          </div>
+        </div>
+        </div>
+        <div className="lower-sectionBack">
+          <div className="lower-sectionFront"></div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/contents/covers/ProofCover.tsx b/src/contents/covers/ProofCover.tsx
new file mode 100644
index 00000000..02ea11b8
--- /dev/null
+++ b/src/contents/covers/ProofCover.tsx
@@ -0,0 +1,23 @@
+import "./styles/cover.css";
+
+export function ProofCover() {
+  return (
+    <>
+      <div className="divider-container">
+        <div className="upper-section">
+            <div className="coverFondoNegroTransparente">
+          <div className="textoCovers">Proof of Concept</div>
+          <div className="miniLinea">
+            <div className="inicioLiena"></div>
+            <div className="medialinea"></div>
+            <div className="finLinea"></div>
+          </div>
+        </div>
+        </div>
+        <div className="lower-sectionBack">
+          <div className="lower-sectionFront"></div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/contents/covers/SafetyCover.tsx b/src/contents/covers/SafetyCover.tsx
new file mode 100644
index 00000000..63dfd4df
--- /dev/null
+++ b/src/contents/covers/SafetyCover.tsx
@@ -0,0 +1,23 @@
+import "./styles/cover.css";
+
+export function SafetyCover() {
+  return (
+    <>
+      <div className="divider-container">
+        <div className="upper-section">
+            <div className="coverFondoNegroTransparente">
+          <div className="textoCovers">Safety</div>
+          <div className="miniLinea">
+            <div className="inicioLiena"></div>
+            <div className="medialinea"></div>
+            <div className="finLinea"></div>
+          </div>
+        </div>
+        </div>
+        <div className="lower-sectionBack">
+          <div className="lower-sectionFront"></div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/contents/index.tsx b/src/contents/index.tsx
index 5fac7ef7..c4d7296a 100644
--- a/src/contents/index.tsx
+++ b/src/contents/index.tsx
@@ -44,4 +44,7 @@ export * from './covers/ResultsCover.tsx';
 export * from './covers/LabnNotebook.tsx';
 export * from './covers/ContribucionCover.tsx';
 export * from './covers/HomeCover.tsx';
-export * from './covers/ModelCover.tsx';
\ No newline at end of file
+export * from './covers/ModelCover.tsx';
+export * from './covers/ProofCover.tsx';
+export * from './covers/SafetyCover.tsx';
+export * from './covers/EngeCover.tsx';
\ No newline at end of file
diff --git a/src/contents/notebook.tsx b/src/contents/notebook.tsx
index f0e78b37..f622ab03 100644
--- a/src/contents/notebook.tsx
+++ b/src/contents/notebook.tsx
@@ -6,49 +6,48 @@ export function Notebook() {
   const events = [
     {
       date: "2024-02-24",
-      title: "Members List Released",
-      description: "The official list of team members was released.",
+      title: "Official Team Announcement",
+      description: "The official list of team members was announced."
     },
     {
       date: "2024-03-02",
       title: "Mini Jamboree",
-      description: "We had a mini competition to understand what iGEM is and what needs to be done.",
+      description: "We held a mini competition to understand the fundamentals of iGEM and the tasks that would need to be accomplished throughout the year."
     },
     {
       date: "2024-03-07",
       title: "First Official Meeting",
-      description: "We gathered to get to know each other better. Our school of engineering director and some advisors participated. In this meeting, we committed to giving our best in the competition.",
-      imgsrc: "",
+      description: "We gathered as a team to get to know each other better. The Director of our School of Engineering and some of our advisors participated. During this meeting, we made the commitment to give our best effort in the competition. Fun fact: This was the meeting where the cake tradition began."
     },
     {
       date: "2024-03-15",
       title: "First Project Presentations",
-      description: "The presentations began to explore different possible projects for the competition."
+      description: "We began the initial presentations to explore potential project ideas for the competition."
     },
     {
       date: "2024-03-16",
-      title: "Asimov Course by iGEM",
-      description: "We attended the course offered by Asimov to learn more about this tool."
+      title: "ASIMOV Course by iGEM",
+      description: "We attended the ASIMOV course organized by iGEM to gain a better understanding of this powerful tool."
     },
     {
       date: "2024-03-19",
-      title: "Start of the VCL iGEM Startups",
-      description: "We took the opportunity to further develop our entrepreneurship skills."
+      title: "Start of VCL iGEM Startups",
+      description: "We took advantage of this opportunity to further develop our entrepreneurship skills and gain experience in the field."
     },
     {
       date: "2024-03-25",
-      title: "Synthetic Biology Training Focused on iGEM",
-      description: "Our PI gave us in-depth training to better understand synthetic biology and clarify any doubts."
+      title: "Synthetic Biology Training for iGEM",
+      description: "Our Principal Investigator (PI) conducted an in-depth training session on synthetic biology, allowing us to enhance our understanding and address any doubts we had."
     },
     {
-      date: "2024-04-04",
+      date: "2024-04-11",
       title: "iGEM Kit Arrival",
-      description: "We received the official iGEM kit, which included various tools to help us, and we felt more excited about being in the competition."
+      description: "The official iGEM kit arrived, containing a variety of essential tools that would aid us in the project. Receiving the kit made us feel even more excited about our participation in the competition."
     },
     {
       date: "2024-04-16",
-      title: "Project Selected for Competition",
-      description: "We chose the project related to corn, which gave us a clearer sense of direction, and we began working fully on it."
+      title: "Project Selection",
+      description: "We selected the corn-related project for the competition, which gave us a clearer sense of direction. We immediately started working on it in full."
     },
     {
       date: "2024-04-19",
@@ -58,164 +57,165 @@ export function Notebook() {
     {
       date: "2024-04-28",
       title: "Sunday Fundraising Event",
-      description: "We held an event to raise funds for the competition, gained visibility, and had a lot of fun."
+      description: "We organized an event to raise funds for the competition. It provided visibility for our team and allowed us to have a great time together."
     },
     {
       date: "2024-04-27",
-      title: "Start of Safety Form Completion",
-      description: "Slowly but surely, the safety form began to be filled out."
+      title: "Beginning of Safety Form Completion",
+      description: "The process of completing the safety form began. Progress was steady, but slow."
     },
     {
-      date: "2024-05-05",
+      date: "2024-05-04",
       title: "Lab and Safety Training",
-      description: "We took lab training to reinforce our knowledge and ensure everything is done as safely as possible."
+      description: "We participated in lab and safety training to reinforce our knowledge and ensure that all activities were conducted in the safest manner possible."
     },
     {
       date: "2024-05-05",
-      title: "Start of Fundraising Efforts",
-      description: "We fully started fundraising to gather money for lab activities and the trip to the Jamboree."
+      title: "Start of Fundraising Campaign",
+      description: "Our team officially began the fundraising campaign to secure the necessary funds for lab activities and the upcoming trip to the Jamboree."
     },
     {
       date: "2024-05-07",
       title: "First Lab Practices",
-      description: "We began laboratory practices to gain practical knowledge and develop the wet lab as best as possible."
+      description: "We conducted our first practical lab sessions to gain hands-on experience and prepare ourselves to carry out the wet lab work effectively."
     },
     {
       date: "2024-05-28",
       title: "First Team Birthday",
-      description: "It was Erwin's birthday, a very valuable team member. We surprised him and gave him a little scare."
+      description: "It was Erwin's birthday, one of our most valuable team members. We surprised him with a celebration and gave him a little scare for fun."
     },
     {
       date: "2024-05-31",
       title: "Creation of the Student Group",
-      description: "We created a student group at our school to carry out different activities and expand the iGEM team."
+      description: "We established an official student group at our school, allowing us to organize various activities and expand the iGEM team within our institution."
     },
     {
       date: "2024-06-07",
       title: "Arrival of Dr. Bac",
-      description: "The official creation of the team mascot, Dr. Bac, who joined the team."
+      description: "The official creation of our team mascot, Dr. Bac, who was enthusiastically welcomed to the team."
     },
     {
       date: "2024-06-11",
       title: "Start of Aqua Challenge",
-      description: "We started the Aqua Challenge, which provided many tools to improve our project and offered validation. Fun fact: we were part of a Guinness World Record by participating!"
+      description: "We began participating in the Aqua Challenge, which provided us with several valuable tools to improve our project and offered essential validation. Fun fact: we became part of a Guinness World Record by participating!"
     },
     {
       date: "2024-06-25",
       title: "Start of Human Practices Interviews",
-      description: "We began conducting Human Practices interviews, which were very exciting and fun. These brought many unique experiences and moments."
+      description: "We initiated the Human Practices interviews, which were both exciting and enjoyable. This experience led to many memorable moments and allowed us to expand our outreach."
     },
     {
       date: "2024-07-01",
       title: "New Team Member",
-      description: "The seventh team member joined, which made us very happy. One of the gifts shared was her favorite chips."
+      description: "On this day, we welcomed the seventh member of our team, which brought great excitement. One of the highlights of the day was sharing her favorite chips with the team."
     },
     {
       date: "2024-07-02",
-      title: "Aqua Challenge Continues",
-      description: "We had a meeting with our advisors to monitor the progress of the competition."
+      title: "Aqua Challenge Continuation",
+      description: "We held a meeting with our advisors to monitor our progress in the Aqua Challenge and assess our standing in the competition."
     },
     {
       date: "2024-07-03",
-      title: "Collaboration Hunting",
-      description: "We officially opened the call for collaborators."
+      title: "Collaboration Search Begins",
+      description: "We officially launched the call for collaborators, marking the beginning of an important stage in building partnerships."
     },
     {
       date: "2024-07-04",
-      title: "End of Aqua Challenge",
-      description: "The Aqua Challenge ended, and we moved on to the second phase. This boosted our spirits and confirmed that our project has a promising future."
+      title: "Conclusion of Aqua Challenge",
+      description: "The Aqua Challenge concluded, and we successfully advanced to the second phase. This achievement gave us motivation and further confirmed the potential of our project."
     },
     {
       date: "2024-07-05",
-      title: "GOFUNDME Launched",
-      description: "Related to fundraising, a GoFundMe campaign was launched so that interested people could donate and support us in achieving the best project."
+      title: "GOFUNDME Campaign Launched",
+      description: "As part of our fundraising efforts, we launched a GoFundMe campaign, encouraging supporters to donate and help us achieve our project goals."
     },
     {
       date: "2024-07-11",
       title: "Collaboration with Bluebear from TUM-Straubing",
-      description: "We had our first contact for collaboration between teams. Here we introduced ourselves and discussed collaboration ideas."
+      description: "We had our first contact with the team from Bluebear (TUM-Straubing) for collaboration. During the meeting, we introduced ourselves and discussed potential ideas for working together."
     },
     {
       date: "2024-07-15",
-      title: "First Task of the Collaborations",
-      description: "The first collaborations were presented, and work started. This helped us a lot."
+      title: "First Collaborative Task",
+      description: "The first collaborative tasks were presented, and we began working on them, which provided us with significant support and valuable progress."
     },
     {
       date: "2024-07-18",
-      title: "Start of Entrepreneurship Event Organization",
-      description: "We began the organization and planning of the entrepreneurship event that we hosted."
+      title: "Start of Entrepreneurship Event",
+      description: "On this day, we began organizing and planning our entrepreneurship event, marking the start of a significant initiative for our team."
     },
     {
       date: "2024-07-20",
       title: "iGEM Summer School on Entrepreneurship",
-      description: "Something incredible happened here that was super impressive."
+      description: "The team participated in the iGEM Summer School on entrepreneurship, which offered a wealth of valuable insights and experiences."
     },
     {
       date: "2024-07-22",
-      title: "Petition Hearing for City Government Support",
-      description: "We started the process to request support from the municipal government of Chihuahua to get sponsorships and contacts that could help with the project."
+      title: "Petition to City Government",
+      description: "We initiated the process of seeking assistance from the municipal government of Chihuahua. This included requesting sponsorships and establishing contacts that could provide support for our project."
     },
     {
       date: "2024-07-24",
       title: "Interviews with Experts in Corn Gastronomy",
-      description: "We conducted the first interview with experts in corn gastronomy to gather multiple viewpoints and consider all opinions."
+      description: "We conducted our first interview with experts in corn gastronomy to gather multiple perspectives and ensure that we were considering all relevant opinions."
     },
     {
       date: "2024-07-25",
       title: "Specific Definition of the Delivery Method",
-      description: "Research on the delivery method, based on human practices, was completed."
-    },{
+      description: "The research related to our project’s delivery method, based on insights from human practices, was completed. This helped finalize the approach we would take."
+    },
+    {
       date: "2024-07-29",
-      title:"Photo Session",
-      description: "The team went to take official photos to use for the wiki. We were well-uniformed and freshly showered."
+      title: "Official Photo Session",
+      description: "The team gathered for the official photo session, fully dressed in uniform and ready to use the images for our iGEM wiki."
     },
     {
       date: "2024-08-06",
-      title:"Myriam Event at PIT PSIO 7",
-      description: "We had an event at our school where we took the opportunity to conduct more valuable interviews."
+      title: "Human Practices Enters the Entrepreneur Area",
+      description: "We held an event at the innovation park, which gave us the opportunity to conduct several valuable interviews, gaining more insight and information, and start merging the areas of entrepreneurship with human practices."
     },
     {
       date: "2024-08-07",
-      title:"Pitch and Conquer",
-      description: "The entrepreneurship team gave the first pitch of the project. We were a little nervous, but everything went well in the end."
+      title: "Pitch and Conquer",
+      description: "The entrepreneurship team delivered the first pitch of our project. While there was some initial nervousness, everything turned out well in the end."
     },
     {
       date: "2024-08-08",
-      title:"Radio Time",
-      description: "The team went to a local radio station to talk about the project."
+      title: "Radio Appearance",
+      description: "The team visited a local radio station to discuss and promote our project, increasing public awareness of our goals."
     },
     {
       date: "2024-08-15",
-      title:"Presentation at TEC-CEM",
-      description: "We participated in the jamboree organized by TEC-CEM, where we started preparing for the official presentation and received valuable feedback."
+      title: "TEC-CEM Presentation",
+      description: "We participated in the Jamboree organized by TEC-CEM, where we began preparing for our official presentation. This event provided us with valuable feedback, which will be instrumental in refining our project."
     },
     {
       date: "2024-08-21",
-      title:"Interview with El Heraldo",
-      description: "The team went for an interview with a local newspaper, giving us more exposure for the project."
+      title: "Interview with El Heraldo",
+      description: "Our team was interviewed by 'El Heraldo,' a prominent newspaper in the city. This exposure helped us gain more public recognition and further disseminate information about our project."
     },
     {
       date: "2024-08-22",
-      title:"Pitch at Escuelita",
-      description: "One of the first pitches that the entrepreneurship team delivered."
+      title: "Pitch at the Escuelita",
+      description: "One of the first formal pitches by our entrepreneurship team was conducted. This was an important step in gaining pitching experience."
     },
     {
       date: "2024-08-18",
-      title:"Name Change",
-      description: "The team officially decided on the name 'Zymetec' after reviewing and confirming the choice."
+      title: "Official Name Change",
+      description: "After careful review and confirmation, we officially decided on the team name, 'Zymetec.' This marked a significant milestone in solidifying our identity."
     },
     {
       date: "2024-08-27",
-      title:"University Pitch Challenge",
-      description: "We pitched our project, and the investors were so impressed that they offered us 70,000 pesos for the project."
+      title: "University Pitch Challenge",
+      description: "During the pitch challenge, we presented our project, and the investors gave validation and credibility to the project and approached us to provide a 70,000 MXN investment for the project."
     },
     {
       date: "2024-08-20",
-      title:"Meeting with TISCO CEO 30k Sponsorship",
-      description: "We presented the project to the CEO of TISCO, who sponsored us with 30,000 pesos, for which we are very grateful."
-    },    
+      title: "Meeting with State Secretary for a 30,000 MXN Grant",
+      description: "We presented our project to the CEO of TISCO, who generously sponsored us with a 30,000 MXN grant. We are incredibly grateful for their support."
+    },
+];
 
-  ];
 
   return (
     <>
diff --git a/src/pages.ts b/src/pages.ts
index 597e83fc..a2d4b01f 100644
--- a/src/pages.ts
+++ b/src/pages.ts
@@ -32,6 +32,9 @@ import {
   LabNotebookCover,
   ContributionCover,
   HomeCover,
+  SafetyCover,
+  EngeCover,
+  ProofCover,
   ModelCover,
 } from "./contents";
 
@@ -133,7 +136,7 @@ const Pages: (Page | Folder)[] = [
         path: "/engineering",
         component: Engineering,
         lead: "Demonstrate engineering success in a technical aspect of your project by going through at least one iteration of the engineering design cycle. This achievement should be distinct from your Contribution for Bronze.",
-        componentcover: NameCover,
+        componentcover: EngeCover,
       },
       {
         name: "Proof of Concept",
@@ -141,7 +144,7 @@ const Pages: (Page | Folder)[] = [
         path: "/proof",
         component: ProofConcept,
         lead: "You can describe the results of your project and your future plans here.",
-        componentcover: NameCover,
+        componentcover: ProofCover,
       },
       {
         name: "Results",
@@ -178,7 +181,7 @@ const Pages: (Page | Folder)[] = [
         path: "/safety",
         component: Safety,
         lead: "Describe all the safety issues of your project.",
-        componentcover: NameCover,
+        componentcover: SafetyCover,
       },
       {
         name: "Experiments",
-- 
GitLab