com-480-data-visualization
diff --git a/‎.DS_Store‎
0 Bytes b/‎.DS_Store‎
0 Bytes
diff --git a/‎dist/assets/index-CD2TtmZx.css‎
Lines changed: 1 addition & 0 deletions b/‎dist/assets/index-CD2TtmZx.css‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎dist/assets/index-D65hrDD1.js‎
Lines changed: 9 additions & 0 deletions b/‎dist/assets/index-D65hrDD1.js‎
Lines changed: 9 additions & 0 deletions
diff --git a/‎dist/index.html‎
Lines changed: 14 additions & 0 deletions b/‎dist/index.html‎
Lines changed: 14 additions & 0 deletions
diff --git a/‎milestones/milestone2/2026-04-17 16-04-1.png‎
440 KB b/‎milestones/milestone2/2026-04-17 16-04-1.png‎
440 KB
diff --git a/‎plots/.DS_Store‎
6 KB b/‎plots/.DS_Store‎
6 KB
diff --git a/‎src/App.css‎
Lines changed: 6 additions & 6 deletions b/‎src/App.css‎
Lines changed: 6 additions & 6 deletions
diff --git a/‎src/App.tsx‎
Lines changed: 1 addition & 1 deletion b/‎src/App.tsx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/components/About.css‎
Lines changed: 1 addition & 1 deletion b/‎src/components/About.css‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/components/About.tsx‎
Lines changed: 1 addition & 1 deletion b/‎src/components/About.tsx‎
Lines changed: 1 addition & 1 deletion
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>flight-inspectors</title>
+    <script type="module" crossorigin src="/flight-inspectors/assets/index-D65hrDD1.js"></script>
+    <link rel="stylesheet" crossorigin href="/flight-inspectors/assets/index-CD2TtmZx.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
@@ -8,7 +8,7 @@
   border: 1px solid #d1d5db;
 }
 
-.viz_container {
+.viz-container {
   width: 100%;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -17,7 +17,7 @@
   gap: 2rem;
 }
 
-.viz_container .paragraph {
+.viz-container .paragraph {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -27,20 +27,20 @@
   min-height: 100%;
 }
 
-.viz_container .paragraph p {
+.viz-container .paragraph p {
   margin-block: auto;
   max-width: 60ch;
 }
 
-.viz_container .paragraph h1 {
+.viz-container .paragraph h1 {
   margin-bottom: 1rem;
   text-align: left;
   margin: 0;
   align-self: flex-start;
   width: 100%;
 }
 
-.viz_container .widget {
+.viz-container .widget {
   justify-self: center;
 }
 
@@ -127,7 +127,7 @@ footer {
 }
 
 @media (max-width: 1024px) {
-  .viz_container {
+  .viz-container {
     grid-template-columns: 1fr;
   }
 
 
@@ -19,7 +19,7 @@ function App() {
         <Hero /> {/* Hero designates the visual element that is meant to capture the visitor's attention (e.g. a large text or image taking most of the space on the screen) */}
       </section>
 
-      <section id="indtroduction-section">
+      <section id="introduction-section">
         <Introduction /> {/* Here we present our project, our problematic and our motivations */}
       </section>
 
 
@@ -1,4 +1,4 @@
-#about {
+.about-content {
     width: 100%;
     height: 100vh;
     background-color: #282523;
 
@@ -2,7 +2,7 @@ import './About.css'
 
 const About: React.FC = () => {
   return (
-    <div id='about'>
+    <div className="about-content">
 
     </div>
   )
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`border: 1px solid #d1d5db;`
`9`	`9`	`}`
`10`	`10`
`11`		`-.viz_container {`
	`11`	`+.viz-container {`
`12`	`12`	`width: 100%;`
`13`	`13`	`display: grid;`
`14`	`14`	`grid-template-columns: repeat(2, minmax(0, 1fr));`
`@@ -17,7 +17,7 @@`
`17`	`17`	`gap: 2rem;`
`18`	`18`	`}`
`19`	`19`
`20`		`-.viz_container .paragraph {`
	`20`	`+.viz-container .paragraph {`
`21`	`21`	`display: flex;`
`22`	`22`	`flex-direction: column;`
`23`	`23`	`gap: 10px;`
`@@ -27,20 +27,20 @@`
`27`	`27`	`min-height: 100%;`
`28`	`28`	`}`
`29`	`29`
`30`		`-.viz_container .paragraph p {`
	`30`	`+.viz-container .paragraph p {`
`31`	`31`	`margin-block: auto;`
`32`	`32`	`max-width: 60ch;`
`33`	`33`	`}`
`34`	`34`
`35`		`-.viz_container .paragraph h1 {`
	`35`	`+.viz-container .paragraph h1 {`
`36`	`36`	`margin-bottom: 1rem;`
`37`	`37`	`text-align: left;`
`38`	`38`	`margin: 0;`
`39`	`39`	`align-self: flex-start;`
`40`	`40`	`width: 100%;`
`41`	`41`	`}`
`42`	`42`
`43`		`-.viz_container .widget {`
	`43`	`+.viz-container .widget {`
`44`	`44`	`justify-self: center;`
`45`	`45`	`}`
`46`	`46`
`@@ -127,7 +127,7 @@ footer {`
`127`	`127`	`}`
`128`	`128`
`129`	`129`	`@media (max-width: 1024px) {`
`130`		`- .viz_container {`
	`130`	`+ .viz-container {`
`131`	`131`	`grid-template-columns: 1fr;`
`132`	`132`	`}`
`133`	`133`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-#about {`
	`1`	`+.about-content {`
`2`	`2`	`width: 100%;`
`3`	`3`	`height: 100vh;`
`4`	`4`	`background-color: #282523;`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import './About.css'`
`2`	`2`
`3`	`3`	`const About: React.FC = () => {`
`4`	`4`	`return (`
`5`		`- <div id='about'>`
	`5`	`+ <div className="about-content">`
`6`	`6`
`7`	`7`	`</div>`
`8`	`8`	`)`