2024 update 2

configs/defaults.yml

@@ -9,7 +9,7 @@ email: [email protected]
 copyright: © 2023 DataGood at UC Berkeley
 socials:
   - logo: /images/socials/facebook.png
-    link: https://www.facebook.com/datagoodberkeley/
+    link: https://www.facebook.com/profile.php?id=61555245124236
     name: Facebook
   - logo: /images/socials/instagram.png
     link: https://www.instagram.com/datagoodberkeley/

configs/projects.yml

@@ -1,4 +1,21 @@
 # Configuration for all projects
+- title: spring 2024 research projects
+  projects: 
+    - link: 
+      title: Sustianable Space Debris Management
+      description: The growing concern over space debris has significant commercial implications, as the sustainability of space activities is crucial for both governmental and private sector stakeholders. With over 23,000 tracked objects 10cm or greater as of July 2023, and the incident in August 2023 where space debris came close to the International Space Station, there is an increasing recognition of the need for active debris removal. The Kessler Syndrome, which describes a cascade of collisions due to high object density in low Earth orbit, poses a direct threat to the infrastructure of space agencies like NASA, SpaceX, and the European Space Agency, both of whom are actively seeking solutions to combat this problem. The potential for commercial ventures in this area is substantial, as these agencies are looking to develop technologies for debris monitoring, mitigation, and removal.
+      image: /images/projects/space_debris.webp
+      color: purple
+    - link:
+      title: DetectAI
+      description: The goal of this project is to harness the power of Convolutional Neural Networks (CNNs) to revolutionize breast cancer detection. Breast cancer is a significant global health concern, and early diagnosis plays a pivotal role in improving patient outcomes. Our project aims to create a robust and sophisticated CNN model designed to analyze medical imaging data, specifically mammograms, with unparalleled accuracy.
+      image:  /images/projects/detectai.webp
+      color: pink
+    - link: 
+      title: Forest Fire Prediction
+      description: The ongoing rise of global warming and climate change have led to the increased need for more accurate and efficient forest fire detection. Using real-world data, this project will teach members fundamental data science and machine learning skills to analyze the predictability of forest fires. Members will have a chance to choose their attributes to look into to build their own machine learning model about the predictability of fires in a certain area, learning how to help minimize the environmental and humanitarian risks of forest fires. 
+      image: /images/projects/forest_fire.webp
+      color: green
 
 - title: fall 2023 industry projects
   projects: 

src/sass/pages/_projects.scss

@@ -1,3 +1,26 @@
+.team-image {
+	max-width: 100vw;
+	width: 600px;
+    padding-left: 30px;
+    flex-shrink: 0;
+	@include fluid(width, 300, 1535, 300, 600, px);
+	img {
+		width: 85%;
+		height: 100%;
+        object-fit: cover;
+        border-radius: 20px;
+	}
+
+	&.med {
+		max-width: 30vw;
+		width: 310px;
+		@media only screen and (max-width: 1150px) {
+			max-width: 70vw;
+		}
+	}
+}
+
+
 .project-group {
     flex-direction: column;
     max-width: 90vw;
@@ -12,7 +35,7 @@
         margin-top: 20px;
 
         .card {
-            height: 25vw;
+            height: 20vw;
             width: 40vw;
             margin: 20px 0;
             position: relative;
@@ -22,20 +45,19 @@
                 width: 80vw;
             }
 
-            overflow: hidden;
+            overflow-y: auto;
             position: relative;
 
             .project-description {
                 transition: opacity 0.3s;
                 height: 100%;
-                overflow: hidden;
                 transition: max-width 0.3s;
                 transform: translateX(calc(-100% + 15px));
                 transition: transform 0.3s;
 
                 h2 {
                     font-family: Gotham, serif;
-                    @include fluid-type(300, 1535, 40, 50, px);
+                    @include fluid-type(300, 1535, 30, 45, px);
                     text-align: center;
                     margin: 0;
                     padding: 10px;
@@ -44,7 +66,11 @@
                 .description {
                     font-family: NotoSerifSC, serif;
                     @include fluid-type(300, 1535, 12, 20, px);
-                    padding: 20px;
+                    padding-right: 20px;
+                    padding-left: 20px;
+                    padding-bottom: 20px;
+                    overflow-y: auto;
+                    text-align: justify;
                 }
             }
 
@@ -97,17 +123,18 @@
 
                         .description {
                             color: $text-color;
+                            background-color: $background-color;
                         }
                     }
 
                     &:before {
-                        border-bottom: 0 solid $border-color;
-                        border-left: 0 solid $border-color;
+                        border-bottom: 0 solid transparent;
+                        border-left: 0 solid transparent;
                     }
 
                     &:after {
-                        border-top: 0 solid $border-color;
-                        border-right: 0 solid $border-color;
+                        border-top: 0 solid transparent;
+                        border-right: 0 solid transparent;
                     }
                 }
             }
@@ -128,13 +155,15 @@
                     height: 100%;
                     border-bottom-width: 4px;
                     border-left-width: 4px;
+                    scroll-behavior: auto;
                 }
 
                 &:after {
                     width: 100%;
                     height: 100%;
                     border-top-width: 4px;
                     border-right-width: 4px;
+                    scroll-behavior: auto;
                 }
             }
         }

src/sass/themes/_default.scss

@@ -92,6 +92,7 @@ p {
 		width: 100%;
 		height: 100%;
         object-fit: cover;
+        border-radius: 20px;
 	}
 
 	&.med {
@@ -120,10 +121,10 @@ section {
     display: flex;
     flex-direction: row;
     align-items: center;
-    margin: 60px auto;
+    margin: 20px auto;
 
     &.alone {
-        margin: 35px auto;
+        margin: 50px auto;
         justify-content: center;
     }
 

src/views/about.hbs

@@ -4,16 +4,16 @@
 <section class="right-enter">
 	<div class="text-container">
 		<h1 class="yellow-back" >our organization.</h1>
-		<p>DataGood @ Berkeley, est. Fall 2020, is UC Berkeley’s first student-run organization striving to increase the accessibility of data science tools to students on the Berkeley campus and organizations that maximize social impact. We are a passionate group of individuals conscious about wielding our skills for progress and inciting action.</p>
+		<p>DataGood @ Berkeley, est. Fall 2020, is UC Berkeley's first student-run organization striving to increase the accessibility of data science tools to students on the Berkeley campus and organizations that maximize social impact. We are a passionate group of individuals conscious about wielding our skills for progress and inciting action.</p>
 	</div>
-	<div class="img-container hover">
-		<img src="/images/pages/our-mission.png" alt="Our Mission">
+	<div class="img-container">
+		<img src="/images/team/candid.webp" alt="Our Mission">
 	</div>
 </section>
 
 <section class="left-enter">
-	<div class="img-container hover">
-		<img src="/images/pages/our-organization.png" alt="Our Organization">
+	<div class="img-container">
+		<img src="/images/team/exec-team.webp" alt="Our Organization">
 	</div>
 	<div class="text-container">
 		<h1 class="blue-back">by the numbers.</h1>
@@ -23,7 +23,7 @@
 				<p class="description-text">Women in Leadership</p>
 			</div>
 			<div class="tile">
-				<h1 class="large-text">7</h1>
+				<h1 class="large-text">8</h1>
 				<p class="description-text">Semesters in Operation</p>
 			</div>
 			<div class="tile">

src/views/home.hbs

@@ -8,49 +8,51 @@
 
 <section class="left-enter">
 	<div class="text-container">
-		<p>Apply for Datagood and coffee chat with us today! <br> Apps close Saturday, September 2nd, 11:59pm.</p>
+		<p>Apply for Datagood and coffee chat with us today! <br> Spring 2024 Apps are open NOW and due Saturday 1/27, 11:59pm.</p>
 	</div>
 </section>
 
 
 <section class="left-enter">
 	{{!-- add button flex box --}}
-	<div class="img-container hover">
-		<img src="/images/pages/learn-more.png" alt="Learn More">
+	<div class="img-container">
+		<img src="/images/team/team2.webp" alt="Learn More">
 	</div>
 	<div class="text-container">
 		<p>DataGood @ Berkeley focuses on creating an outlet for students to learn and utilize their data science skills in meaningful impact driven sectors. We empower our members to design, develop, and ship out large-scale products to promote positive socio-economic advancement. We welcome members of all backgrounds to join our Research and Industry projects!</p>
 		<div class="btn-flexbox">
 			<a class="btn pink-back" href="/about">Learn More</a>
-			<a class="btn pink-back" href="https://airtable.com/appwrO49rBhfVdV6p/shraq0nz3glChqPyz" rel="noreferrer noopener" target="_blank">Apply Here</a>
+			<a class="btn pink-back" href="https://airtable.com/appriH3Z2nuRPo64y/shrxolNwLRkzNUvOw" rel="noreferrer noopener" target="_blank">Apply Here</a>
 		</div>
 	</div>
 </section>
 
 
 
 <section class="right-enter">
-	<div class="img-container hover">
-		<img src="/images/pages/education.png" alt="Education">
-	</div>
 	<div class="text-container">
 		<h1 class = "green-back">projects.</h1>
 		<p> Through our structure of Research and Industry projects, we prioritize horizontal growth for our members. Each semester, we have projects which vary in data science topics such as language modeling and machine learning. We encourage our members to learn and develop skills in a multitude of areas to discover which options are right for them.</p>
 		<a class="btn green-back" href="/projects">Current Projects</a>
 	</div>
+	<div class="img-container">
+		<img src="/images/team/project-team.webp" alt="Education">
+	</div>
 </section>
 
 <section class="left-enter">
+	<div class="img-container">
+		<img src="/images/team/team4.webp" alt="Consulting">
+	</div>
 	<div class="text-container">
 		<h1 class = "purple-back">develop.</h1>
 		<p> Through our partnership with the Berkeley Computing, Data Science, and Society, we offer our members access to resources and guidance to help them complete their own personal projects through the Discovery Exchange. Each semester, we provide a series of workshops to help our members design, develop, and ship projects seamlessly.</p>
 		<a class="btn purple-back" href="http://discoveryexchange.org/" target="_blank" rel="noreferrer noopener">Discovery Exchange</a>
 	</div>
-	<div class="img-container hover">
-		<img src="/images/pages/consulting.png" alt="Consulting">
-	</div>
 </section>
 
-<div class="flyer-container">
-	<img src="/images/pages/datagood-recruitment-timeline.png" alt="Recruitment Timeline">
-</div>
+<section class="alone"> 
+	<div class="flyer-container">
+		<img src="/images/pages/datagood-recruitment-timeline.webp" alt="Recruitment Timeline">
+	</div>
+</section>

src/views/join.hbs

@@ -2,14 +2,14 @@
 
 <section class="alone">
 	<div class="flyer-container">
-		<img src="/images/pages/datagood-recruitment-timeline.png" alt="2023 Recruitment Timeline">
+		<img src="/images/pages/datagood-recruitment-timeline.webp" alt="Recruitment Timeline">
 	</div>
 </section>
 
 <section class="alone">
 	<div class="btn-flexbox" style="justify-content:center">
 		<a class="btn pink-back" href="/events#calendar" target="_blank" rel="noreferrer noopener">Upcoming Events!</a>
-		<a class="btn pink-back" href="https://airtable.com/appwrO49rBhfVdV6p/shrtq9eC6ePdP7o0p" target="_blank" rel="noreferrer noopener">Interest Form</a>
+		<a class="btn pink-back" href="https://forms.gle/MxDq7ywJSNNG9FCm9" target="_blank" rel="noreferrer noopener">Interest Form</a>
 	</div>
 </section>
 
@@ -19,7 +19,7 @@
 		<p>Join our recruitment server if you’d be interested in joining DataGood @ Berkeley! And if you want to drive change with data science, apply for our Research or Industry Project teams below.</p>
 		<div class="btn-flexbox">
 			<a class="btn green-back" href="https://discord.gg/NvVB5bkEsu" rel="noreferrer noopener" target="_blank">Recruitment Server</a>
-			<a class="btn green-back" href="https://airtable.com/appwrO49rBhfVdV6p/shraq0nz3glChqPyz" rel="noreferrer noopener" target="_blank">Apply Here</a>
+			<a class="btn green-back" href="https://airtable.com/appriH3Z2nuRPo64y/shrxolNwLRkzNUvOw" rel="noreferrer noopener" target="_blank">Apply Here</a>
 		</div>
 	</div>
 	<div class="img-container hover">

src/views/projects.hbs

@@ -5,14 +5,14 @@
 		<h1 class="yellow-back">research.</h1>
 		<p>We provide students from all technical backgrounds with the opportunity to learn and apply various techniques, packages, and concepts in data science. Through a hands-on project with one to two other teammates, you will go through the entire data science life cycle to create a product that impacts daily lives in social good sectors and bridges the gap between technical and practical knowledge.</p>
 	</div>
-	<div class="img-container hover">
-		<img src="/images/pages/impact-driven.png" alt="Impact Driven">
+	<div class="team-image">
+		<img src="/images/team/research.webp" alt="Impact Driven">
 	</div>
 </section>
 
 <section class="left-enter">
-	<div class="img-container hover">
-		<img src="/images/pages/our-organization.png" alt="Our Organization">
+	<div class="team-image">
+		<img src="/images/team/industry.webp" alt="Our Organization">
 	</div>
 	<div class="text-container">
 		<h1 class="blue-back">industry.</h1>
@@ -23,10 +23,10 @@
 <section class="right-enter">
 	<div class="text-container">
 		<h1 class="green-back">the right fit.</h1>
-		<p> When joining a Research or Industry project, the main difference boils down to the number of team members working on each project and whether there is an external organization involved. Each project is supported by the DataGood team and allows members the same levels of mentorship, guidance, and growth catered to their learning style. We encourage our members to survey the project offerings in both Research and Industry areas each semester and apply to those in areas where they would like to develop and sharpen their skills in.</p>
+		<p> When joining a Research or Industry project, the main difference boils down to the required experience level and whether there is an external organization involved. Each project is supported by the DataGood team and allows members the same levels of mentorship, guidance, and growth catered to their learning style. We encourage our members to survey the project offerings in both Research and Industry areas each semester and apply to those in areas where they would like to develop and sharpen their skills in.</p>
 	</div>
-	<div class="img-container hover">
-		<img src="/images/pages/education.png" alt="Education">
+	<div class="team-image">
+		<img src="/images/team/right-fit.webp" alt="Education">
 	</div>
 </section>
 

src/views/team.hbs

@@ -2,7 +2,7 @@
 
 <section class="alone">
 	<div class="img-container">
-		<img src="/images/team/team.webp" alt="DataGood team">
+		<img src="/images/team/team3.webp" alt="DataGood team">
 	</div>
 </section>