Updated skeleton

com-480-data-visualization · Apr 24, 2024 · fcd1965 · fcd1965
1 parent f75c8fa
commit fcd1965
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 10 deletions.
diff --git a/index.html b/index.html
@@ -18,24 +18,59 @@
 <body>
 
     <div id="fullpage">
-        <div class="section" id="section0">
+        <div class="section" id="main">
             <div class="section-content">
-                <h1 class="title">Welcome to My Website</h1>
-                <p class="text">This is the first page of my FullPage.js website. Feel free to explore!</p>
+                <h1 class="title">World Important Events</h1>
+                <p class="text">
+                    Welcome to our website! Here you will find a collection of data visualizations 
+                    related to significant global events. Our goal is to provide you with a comprehensive 
+                    overview of these events, allowing you to explore and understand the data in a meaningful way.
+                </p>
             </div>
         </div>
 
-        <div class="section" id="section1">
-            <div class="slide" id="slide3">
-                <div id="plot2"></div>
-                <h1>Plot 2</h1>
+        <div class="section" id="events_map">
+            <div class="section-content">
+                <h1 class="title">Global Events</h1>
             </div>
-            <div class="slide" id="slide4">
-                <div id="plot3"></div>
-                <h1>Plot 3</h1>
+        </div>
+
+        <div class="section" id="plot1">
+            <div class="slide" id="slide1">
+                <div id="plot1"></div>
+                <h1>Plot 1</h1>
+            </div>
+            <div class="slide" id="slide2">
+                <div id="plot1"></div>
+                <h1>Plot 2</h1>
             </div>
         </div>
 
+        <div class="section" id="about">
+            <div class="section-content">
+                <h1 class="title">About Us</h1>
+                <p class="text">
+                    We are a team of students currently enrolled in COM-480 Data Visualization at EPFL, undertaking 
+                    the task of creating a website dedicated to significant global events. At its current stage, this 
+                    website serves as the skeletal framework for our upcoming project.
+                </p>
+                <p class="text">
+                    Utilizing the FullPage.js library, our objective is to develop a single-page platform with distinct sections, 
+                    providing users with a structured navigation experience. Through this framework, we aim to offer a streamlined 
+                    interface for accessing a variety of content.
+                </p>
+                <p class="text">
+                    In addition to structural considerations, we are focused on implementing various visualization techniques to enhance 
+                    the user's ability to interact with and understand the data. Our approach encompasses a range of visualization methods, 
+                    from simple charts to more complex graphics, in order to present the data in a clear and informative manner.
+                </p>
+                <p class="text">
+                    Our efforts are geared towards creating a functional and informative resource for exploring global events. 
+                    We invite you to follow along as we refine and expand upon this initial framework, with the goal of delivering a 
+                    valuable tool for understanding the world around us.
+                </p>
+            </div>
+
     <!-- FullPage.js JavaScript -->
     <script type="text/javascript" src="lib/fullpage.js"></script>
 

diff --git a/style.css b/style.css
@@ -30,4 +30,6 @@ body {
 .text {
     font-size: 18px;
     color: #666;
+    padding: 0 100px;
+    margin-bottom: 20px;
 }