modified homepage

kdexd · Mar 27, 2024 · bfae21f · bfae21f
1 parent 05dd0c4
commit bfae21f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 13 deletions.
diff --git a/_pages/home.md b/_pages/home.md
@@ -67,7 +67,7 @@ permalink: "/"
             <div class="col-md-6 mb-3">
                 <div class="card validation-card"> <!-- Added class "validation-card" -->
                     <div class="card-body">
-                        <h3 class="card-title">Validation set</h3>
+                        <h3 class="card-title">Validation</h3>
                         <div class="stat-box">
                             <div class="stat">Total Images: 5,000</div>
                             <div class="stat">Total masks: 41k +</div>
@@ -81,9 +81,9 @@ permalink: "/"
             <div class="col-md-6 mb-3">
                 <div class="card train-card"> <!-- Added class "train-card" -->
                     <div class="card-body">
-                        <h3 class="card-title">Train Set</h3>
+                        <h3 class="card-title">Train</h3>
                         <div class="stat-box">
-                            <div class="stat">Total Images: 118,000</div>
+                            <div class="stat">Total Images: 118,287</div>
                             <div class="stat">Total masks: 1M +</div>
                             <div class="download-box">
                                 <a href="#" onclick="downloadTrainSetFromGCS()" class="btn btn-primary" id="trainBtn">Download Train set</a>

diff --git a/static/css/home.scss b/static/css/home.scss
@@ -18,8 +18,8 @@
 .carousel-control-prev-icon,
   .carousel-control-next-icon {
     opacity: 5;
-    background-color: black; // Set the color of the button icon
-    border-radius: 50%; // Make the icon circular
+    background-color: black; 
+    border-radius: 50%; 
     transition: background-color 0.3s ease;
   }
 
@@ -42,8 +42,6 @@ p {
     flex-direction: column;
 
     text-align: center;
-    border: 1px solid #ced4da;
-    border-radius: 5px;
     padding: 20px;
     padding-left: 10%;
     padding-right: 10%;
@@ -56,18 +54,18 @@ p {
 
 .validation-card {
     // width: 100%;
-    border: 1px solid #029E73; 
-    border-radius: 5px; 
+    border: 1px solid #ffffff; 
+    border-radius: 0px; 
     overflow: hidden; 
-    box-shadow: 0 4px 8px rgba(2, 158, 115, 0.1); 
+    box-shadow: 0 .5rem 1rem rgba(black, .15); 
     margin-right: 10%;
 }
 
 .train-card {
-    border: 1px solid #029E73; 
-    border-radius: 5px; 
+    border: 1px solid #ffffff; 
+    border-radius: 0px; 
     overflow: hidden; 
-    box-shadow: 0 4px 8px rgba(2, 158, 115, 0.1); 
+    box-shadow: 0 .5rem 1rem rgba(black, .15); 
     margin-left: 5%;
 }