🚧 wip(css): change in style

Signed-off-by: Abhiraj Roy <157954129+iconized@users.noreply.github.com>

components/GistSnippet.vue

@@ -44,8 +44,8 @@
 .snippet-container {
     background-color: #011221;
     padding: 5px;
-    border-radius: 15px;
-    border: 1px solid #1E2D3D;
+    border-radius: 0px;
+    border: 1px solid #FF7F53;
     font-size: 12px;
     overflow-y: scroll;
     overflow-x: scroll;
@@ -86,7 +86,7 @@ code.hljs{
 }
 
 #username:hover {
-    color: #5e6ef2;
+    color: #FF7F53;
 }
 
 /* #comment {

components/ProjectCard.vue

@@ -38,9 +38,9 @@ const { project, key, index } = defineProps(['project', 'key', 'index'])
 }
 
 #project-card {
-  border: 1px solid #1E2D3D;
+  border: 1px solid #FF7F53;
   background-color: #011221;
-  border-radius: 15px;
+  border-radius: 1px;
   max-width: 400px;
 }
 

pages/about-me.vue

@@ -275,8 +275,8 @@
 export default {
   data() {
     return {
-      currentSection: 'personal-info',
-      folder: 'bio',
+      currentSection: 'professional-info',
+      folder: 'experience',
       loading: true,
     }
   },

pages/index.vue

@@ -9,7 +9,7 @@
 		
 			<div class="head">
 				<span>
-					<h2>Greetings From</h2>
+					<h2>greetings,</h2>
 				</span>
 				<h1>{{ config.dev.name }}</h1>
         <span class="diple flex">
@@ -20,19 +20,22 @@
 
 			<div id="info">
 				<span class="action">
-					// complete the game to continue
-					 or skip to see about "Snigdha OS"
+					<!-- // complete the game to continue
+					 or skip to see about "Snigdha OS" -->
 				</span>
 				<span :class="{hide: isMobile}">
-					// source code can be found on
+					# source code can be found on <br>
+					# do follow us on github
 				</span>
+				<span>#!/usr/bin/python</span>
 				<span :class="{hide: !isMobile}">
-					// browse the source code:
+					# source code:<br>
+					# follow us on github
 				</span>
-				<p class="code">
-					<span class="identifier">
+				<p class="code mb-5">
+					<!-- <span class="identifier">
 						const
-					</span>
+					</span> -->
 					<span class="variable-name">
 						github
 					</span>
@@ -43,17 +46,17 @@
 						"https://github.com/{{ config.public.dev.contacts.social.github.user }}"
 					</a>
 				</p>
-				<p class="mb-6"></p>
+				<p class="mb-4"></p>
 				<span :class="{hide: isMobile}">
-					// download Snigdha OS
+					# click on the link to download snigdha os iso file
 				</span>
 				<span :class="{hide: !isMobile}">
-					// we recommend you to download the <b>ISO</b> file on PC
+					# it is recommended to download the <b>ISO</b> file on PC
 				</span>
-				<p class="code">
-					<span class="identifier">
+				<p class="code mb-5">
+					<!-- <span class="identifier">
 						const
-					</span>
+					</span> -->
 					<span class="variable-name">
 						download
 					</span>
@@ -66,17 +69,17 @@
 				</p>
 				<p class="mb-6"></p>
 				<span :class="{hide: isMobile}">
-					// having problem with installation?
+					# having problem with installation?
 				</span>
 				<span :class="{hide: !isMobile}">
-					// having problem with installation?
+					# having problem with installation?
 				</span>
-				<p class="code">
-					<span class="identifier">
+				<p class="code mb-5">
+					<!-- <span class="identifier">
 						const
-					</span>
+					</span> -->
 					<span class="variable-name">
-						docs
+						documentation
 					</span>
 					<span class="operator">
 						=

pages/projects.vue

@@ -151,8 +151,8 @@ input[type="checkbox"] {
   background-color: transparent;
   width: 1.15em;
   height: 1.15em;
-  border: 2px solid currentColor;
-  border-radius: 0.15em;
+  border: 1px solid currentColor;
+  border-radius: 0px;
   margin-top: 1px;
 }
 
@@ -164,7 +164,7 @@ input[type="checkbox"]:checked {
 }
 
 input[type="checkbox"]:checked:hover {
-  box-shadow: #607b968b 0px 0px 0px 2px;
+  box-shadow: #FF7F53 0px 0px 0px 2px;
 }
 
 input[type="checkbox"]:not(:checked) {
@@ -177,14 +177,14 @@ input[type="checkbox"]:hover {
   background-image: url("data:image/svg+xml;utf8,<svg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.38587 7.2802L11.9718 0.693573L12.9856 1.70668L5.38587 9.30641L0.826172 4.74671L1.83928 3.73361L5.38587 7.2802Z' fill='white'/></svg>");
   background-repeat: no-repeat;
   background-position: center;
-  box-shadow: #607b968b 0px 0px 0px 2px;
+  box-shadow: #FF7F53 0px 0px 0px 2px;
 }
 
 input[type="checkbox"]:hover:not(:checked) {
   cursor: pointer;
   background-color: rgba(0, 0, 0, 0.1);
   background-image: none;
-  box-shadow: #607b968b 0px 0px 0px 2px;
+  box-shadow: #FF7F53 0px 0px 0px 2px;
 }
 
 input[type="checkbox"]:focus {