Enhanced content and design of homepage.

AtulSingh-Emyre · Oct 31, 2021 · 23439d1 · 23439d1
1 parent 0b5909f
commit 23439d1
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/views/achievements.ejs b/views/achievements.ejs
@@ -29,7 +29,7 @@ jQuery(function () {
     <div class="row">
       <div class="col-lg-4">
         <svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 140x140"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"/><text x="50%" y="50%" fill="#777" dy=".3em">140x140</text></svg>
-        <img class="gold-image"></img>
+        <img class="gold-image"></div>img>
         <h2>GOLD</h2>
         <p>Congratulations... <br> You've done a great job! <br> you have been placed among 20 least electricity consumers.</p>
         <p>Points:50</p>

diff --git a/views/home.ejs b/views/home.ejs
@@ -32,7 +32,7 @@ img{
   margin-top: 50px;
 }</style>
 
-<main role="main">
+<main role="main" style="background-color: greenyellow;">
 
   <div id="myCarousel" class="carousel slide" data-ride="carousel">
     <ol class="carousel-indicators">
@@ -44,7 +44,7 @@ img{
         <div class="container">
           <div class="carousel-caption text-left">
             <a href="https://cooltext.com"><img id="kannoj" src="https://images.cooltext.com/5382104.png" width="100%" height="100%" alt="PREVELEC" /></a>
-            <h5 align="center">      -A step towards conservation.</h5>   
+            <h5 align="right">      -A step towards conservation.</h5>   
           </div>
         </div>
       </div>
@@ -62,7 +62,7 @@ img{
       <div class="carousel-item" width="100%" height="100%">
         <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img"><rect width="100%" height="100%" fill="#777"/></svg>
         <div class="container">
-          <div class="carousel-caption text-right">
+          <div class="carousel-caption">
             <h1>One more for good measure.</h1>
             <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
             <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
@@ -93,32 +93,38 @@ background: linear-gradient(to right, #89fffd, #ef32d9); /* W3C, IE 10+/ Edge, F
 	}
 </style>
 
-    <hr class="featurette-divider">
+  <hr class="featurette-divider">
 <div class="block1 aim"> 
 	<p align="center"><font size="150px"></font></p>
-  <h5 align="center">   <font color="black"><b>[ We aim to minimise the use of energy(currently electricity) through analytical ways ]</b></font></h5>
+  <h5 align="center">   <font color="black"><b>We aim to minimise the use of energy (currently electricity) through analytical ways</b></font></h5>
 <hr class="featurette-divider">	
 
 </div>
 </div>
+
 <div class="container">
 	<div class="block1">
-    <div class="row featurette">
-      <div class="col-md-7">
+    <div class="row featurette"  style="background-color: skyblue;" >
+      <div class="col-md-7" >
         <h2 class="featurette-heading"><span class="text-muted">Consumption rate:</span></h2>
         <br/> <br/>
-        <p class="lead"> There are currently many states in India where the electricity consumption rate is more than the production rate.Jharkhand,Karnataka,Uttar Pradesh and Delhi etc.. regions face electricity problems.Currently 60% of electricity is being imported from other regions to Karnataka. Due to this, there are long-time, frequent power-cuts in many villages and ,at the time of droughts, in coastal regions.Due to laziness or unawareness about the importance of electricity a good amount of electricity is being wasted. </p>
+        <p class="lead"> There are currently many states in India where the electricity consumption rate is higher than the production rate.
+           Jharkhand, Karnataka, Uttar Pradesh, Delhi etc.. regions face electricity problems. Currently 60% of electricity is being imported
+            from other regions to Karnataka. Due to this, there are long-time, frequent power-cuts in many villages and, even in major cities sometimes.
+            Due to laziness or unawareness about the importance of electricity significant amount of electricity is being wasted. We can observe from the adjacent 
+            graph that the increasing production rate is not able to satisfy the huge increase in consumption rate every year. Hence, conservation becomes the key.</p>
       </div>
       <div class="col-md-5">
-        <img src="https://i2.wp.com/greencleanguide.com/wp-content/uploads/2013/03/Actual-Power-Supply-Position-of-the-State-of-Karnataka.jpg?fit=1410%2C847&ssl=1" width="100%" height="100%">
+        <img src="https://i2.wp.com/greencleanguide.com/wp-content/uploads/2013/03/Actual-Power-Supply-Position-of-the-State-of-Karnataka.jpg?fit=1410%2C847&ssl=1" width="100%" height="80%">
       </div>
     </div>
 
     <hr class="featurette-divider">
 
-    <div class="row featurette">
+    <div class="row featurette"  style="background-color: skyblue;">
       <div class="col-md-7 order-md-2">
         <h2 class="featurette-heading"><span class="text-muted">The hack:</span></h2>
+        <br/> <br/>
         <p class="lead">Achivements, which takes into account the electricity used by an induvidual, is added.
         Rankings will be given based on your usage of electricity. These rankings will be made public. 
         The metre readings is to be provided by the electricity board of the particular region.