From ab653ce604b30dad9c70676141627dc88ec6ac6d Mon Sep 17 00:00:00 2001
From: Srijan Shovit <srijanshovit@gmail.com>
Date: Wed, 13 Jul 2022 00:58:08 +0530
Subject: [PATCH 1/2] enhanced ui

---
 index.css  | 42 ++++++++++++++++++++++++++++++++++--------
 index.html | 24 +++++++++++++-----------
 2 files changed, 47 insertions(+), 19 deletions(-)

diff --git a/index.css b/index.css
index 07cca01..371207a 100644
--- a/index.css
+++ b/index.css
@@ -1,27 +1,53 @@
+@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");
+
+* html {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: "Open Sans", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color:#0f0e13;
+  background-image: 
+    radial-gradient(at 0% 0%, hsla(253,16%,7%,1) 0, transparent 50%), 
+    radial-gradient(at 50% 0%, hsla(225,39%,30%,1) 0, transparent 50%), 
+    radial-gradient(at 100% 0%, hsla(339,49%,30%,1) 0, transparent 50%);
+}
+
+.desc{
+	color: thistle;
+}
+
+
 .logo{
 	width: 200px;
 	height: 200px;
 	margin-top: 2%;
 }
 .lcolor{
-	color: #D91B5B;
+	color: #c8c8d7;
 }
 .btns{
 	margin-top: 1%
 }
 #note{
-	border: 2px dotted black;
+	border: 2px dotted rgb(177, 189, 236);
 	padding-bottom: 7px;
 	width: 60%;
 	margin-bottom:1%;
+	border-radius: 10px; 
 }
 #note:hover{
-	border: 2px dashed #D91B5B;
-}
+	border: 2px dashed #7be76b;
 
-.header{
-	font-family: Francois One;
 }
+
 .list-group-item{
-	font-family: Noticia Text;
-}
\ No newline at end of file
+	font-family: Open Sans;
+	background-color: lavender;
+	font-size: medium;
+}
diff --git a/index.html b/index.html
index e3a7957..a61a091 100644
--- a/index.html
+++ b/index.html
@@ -16,14 +16,15 @@
 			<a href="https://drive.google.com/file/d/1wXOwKf50dAGyyv7_jAwN8uMSY1gjirUo/view?usp=sharing" class="lcolor btn-lg" download="selection.min.js"> <i class="fas fa-download"></i>   Download</a>
 			<a href="https://github.com/prateekkalra/Selection.js" target="_" class=" lcolor btn-lg"><i class="fab fa-github"></i>  Github</a>
 		</div>
-
-		<h3 class="text-center center-block" style="width: 75%;font-family: Jua">A lightweight javascript library which provides users with a set of options in the form of a small popover over the selected portion of text.</h3>
+<br>
+		<h4 class="text-center center-block desc" style="width: 75%;font-family: inherit">A lightweight javascript library which provides users with a set of options in the form of a small popover over the selected portion of text.</h4>
+		<br>		
 		<div id="note" class="center-block">
-			<h2 class="text-uppercase text-center" style="font-family: Bree Serif">Try selecting any text on this page</h2>
+			<h2 class="text-uppercase desc text-center" style="font-family: Bree Serif">Try selecting any text on this page😏</h2>
 		</div>
 		<div class="row">
 			<div class="col-md-6">
-				<h3 class="text-center header">Features</h3>
+				<h3 class="text-center header" style="color:#bce3f4">Features</h3>
 				<div class="list-group text-center center-block" style="width: 60%">
 					<a class="list-group-item">Lightweight</a>
 					<a class="list-group-item">No dependencies</a>
@@ -33,7 +34,7 @@ <h3 class="text-center header">Features</h3>
 				</div>
 			</div>
 			<div class="col-md-6">
-				<h3 class="text-center header">Menu Options Available</h3>
+				<h3 class="text-center header" style="color:#bce3f4">Menu Options Available</h3>
 				<div class="list-group text-center center-block" style="width: 60%">
 					<a class="list-group-item">Share on Twitter</a>
 					<a class="list-group-item">Share on Facebook</a>
@@ -45,16 +46,17 @@ <h3 class="text-center header">Menu Options Available</h3>
 		</div>
 		<div class="row">
 			<div class="col-md-6">
-				<h2 class="header text-center">Basic Usage</h2>
+				<h2 class="header text-center" style="color:#1aacec">Basic Usage</h2>
 				<script src="https://gist.github.com/prateekkalra/3320fdad383b4ffd8050b87239c5bb2a.js"></script>
-				<div class="text-center" style="margin-top: 31%">
-				    <p>Designed with <i style="color:red" class="fa fa-heart"></i> by <a style="color: crimson" href="https://www.linkedin.com/in/prateek-kalra/" target="_blank">Prateek Kalra</a>.</p>
-				 </div> 
 			</div>
 			<div class="col-md-6">
-				<h2 class="header text-center">Advanced Usage</h2>
+				<h2 class="header text-center" style="color:#1aacec">Advanced Usage</h2>
 				<script src="https://gist.github.com/prateekkalra/a858930c0955576892a8aa400a18b472.js"></script>
 			</div>
+			<div class="text-center" style="color : whitesmoke">
+				<p>Designed with <i style="color:rgb(247, 80, 197)" class="fa fa-heart"></i> by <a style="color: rgb(11, 169, 247)" href="https://www.linkedin.com/in/prateek-kalra/" target="_blank">Prateek Kalra</a>🤔</p>
+				<p>Enhanced with <i style="color:rgb(247, 80, 197)" class="fa fa-heart"></i> by <a style="color: rgb(171, 239, 11)" href="https://www.linkedin.com/in/prateek-kalra/" target="_blank">Srijan Shovit</a>🤓</p>
+			 </div> 
 		</div>
 		
 	</div>
@@ -72,7 +74,7 @@ <h2 class="header text-center">Advanced Usage</h2>
     copy:true,
     speak:true,
     translate:true,
-    backgroundColor: 'crimson',
+    backgroundColor: 'violet',
     iconColor: '#fff',
   }).init();
 </script>

From b8318398d87f85a9b1ca6896be1751d2795b632a Mon Sep 17 00:00:00 2001
From: SrijanShovit <86592220+SrijanShovit@users.noreply.github.com>
Date: Wed, 13 Jul 2022 01:03:00 +0530
Subject: [PATCH 2/2] Update index.html

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a61a091..b2a1238 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,7 @@ <h2 class="header text-center" style="color:#1aacec">Advanced Usage</h2>
 			</div>
 			<div class="text-center" style="color : whitesmoke">
 				<p>Designed with <i style="color:rgb(247, 80, 197)" class="fa fa-heart"></i> by <a style="color: rgb(11, 169, 247)" href="https://www.linkedin.com/in/prateek-kalra/" target="_blank">Prateek Kalra</a>🤔</p>
-				<p>Enhanced with <i style="color:rgb(247, 80, 197)" class="fa fa-heart"></i> by <a style="color: rgb(171, 239, 11)" href="https://www.linkedin.com/in/prateek-kalra/" target="_blank">Srijan Shovit</a>🤓</p>
+				<p>Enhanced with <i style="color:rgb(247, 80, 197)" class="fa fa-heart"></i> by <a style="color: rgb(171, 239, 11)" href="https://www.linkedin.com/in/srijan-shovit-6b3b131ba/" target="_blank">Srijan Shovit</a>🤓</p>
 			 </div> 
 		</div>