Merge branch 'master' of https://github.com/com-480-data-visualizatio…

…n/project-2023-insightsquad
com-480-data-visualization · Jun 4, 2023 · 3c37c6e · 3c37c6e
2 parents 91f63d3 + 2b3fce3
commit 3c37c6e
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/website/css/custom.css b/website/css/custom.css
@@ -204,7 +204,18 @@ footer {
 .column {
     float: left;
     width: 50%;
-    padding: 10px;
+}
+
+.column-full {
+    float: left;
+    width: 100%;
+    margin-bottom: 90px;
+}
+
+
+.column-title {
+    float: left;
+    width: 50%;
 }
 
 .column-left-75 {

diff --git a/website/index.html b/website/index.html
@@ -52,7 +52,7 @@
             <div class="header-content"> 
                 <div class="header-content-inner"> 
                     <div class="row" id="row-title"> 
-                        <div class="column" id="icons"> 
+                        <div class="column-title" id="icons"> 
                             <svg version="1.1" id="app-store-icon" class="hidden-element" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 800 800" enable-background="new 0 0 800 800" xml:space="preserve"> 
                                 <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="400.05" y1="798.7717" x2="400.05" y2="-1.2283" gradientTransform="matrix(1 0 0 -1 0 798.7717)"> 
                                     <stop offset="0" style="stop-color:#18BFFB"/> 
@@ -72,7 +72,7 @@
                                 </g>                                 
                             </svg>                             
                         </div>                         
-                        <div class="column"> 
+                        <div class="column-title"> 
                             <h1 class="home-page-title hidden-element">Over 3,543,000  apps</h1> 
                             <h1 class="home-page-title hidden-element">Over 741,624,857,532 downloads</h1> 
                         </div>                         
@@ -99,7 +99,7 @@ <h1 class="section-heading">About</h1>
             <div class="container"> 
                 <div class="row"> 
                     <h1 class="section-heading">Sankey Diagram</h1> 
-                    <div class="col-12 text-justify"> 
+                    <div class="col-12 column-full text-justify"> 
                         <p class="chart-description text-justify">Sometimes it is cool to have an overview of a category, that let you know how many applications have less than 1,000 downloads, 
           if they are free or not and whether they have ads and/or in-app purchases.</p> 
                         <p class="chart-description"><b>Hover</b> one of the link to display from and to which label we are going, and how many applications are concerned.
@@ -136,7 +136,7 @@ <h1 class="section-heading">Sankey Diagram</h1>
             <div class="container container-streamgraph"> 
                 <div class="row"> 
                     <h1 class="section-heading">Number of apps created each year</h1> 
-                    <div class="column" style="text-align: justify;"> 
+                    <div class="column-full" style="text-align: justify;"> 
                         <p class="chart-description">Each year, lots of applications are born but it is not necessarily uniform across all categories and age rating. 
           We focused our attention to the 10 biggest categories otherwise the smaller ones would be crushed and we would not see anything.</p> 
                         <p class="chart-description"><b>Hover</b> one of the area to display the name of the correspond category or age rating on the top left of the chart.