From 501573f68f650a1e5f54ee4b39164904ba776b64 Mon Sep 17 00:00:00 2001
From: Abhiraj Roy <157954129+iconized@users.noreply.github.com>
Date: Wed, 5 Jun 2024 12:20:42 +0530
Subject: [PATCH] :racehorse: perf(improve): cleanup manual actions

---
 components/SnakeGame.vue |  2 +-
 developer.json           | 11 ++++++--
 pages/index.vue          | 61 ++++++++++++++++++++++++++++++++++------
 3 files changed, 61 insertions(+), 13 deletions(-)

diff --git a/components/SnakeGame.vue b/components/SnakeGame.vue
index 1771c9a8..03b88b89 100644
--- a/components/SnakeGame.vue
+++ b/components/SnakeGame.vue
@@ -76,7 +76,7 @@
       </div>
         <!-- skip -->
         <NuxtLink id="skip-btn" to="/about-me" class="font-fira_retina flex hover:bg-white/20">
-          skip
+          skip?
         </NuxtLink>
         
       </div>
diff --git a/developer.json b/developer.json
index 377c8022..3f34ba6f 100644
--- a/developer.json
+++ b/developer.json
@@ -27,7 +27,7 @@
                 "icon": "icons/info-personal.svg",
                 "info": { 
                     "bio": {
-                        "title": "bio",
+                        "title": "About",
                         "description": "<br> About me <br> I have 5 years of experience in web development lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br><br> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat  nulla pariatur. Excepteur sint occaecat  officia deserunt mollit anim id est laborum."
                     },
                     "interests": {
@@ -64,8 +64,8 @@
         "direct": {
             "title": "contacts",
             "sources": {
-                "email": "user@gmail.com",
-                "phone": "+3598246359"
+                "email": "hello@snigdhaos.org",
+                "phone": "N/A"
             }
         },
         "social": {
@@ -74,6 +74,11 @@
                 "url": "https://github.com/",
                 "user": "Snigdha-OS"
             },
+            "download": {
+                "title": "Download",
+                "url": "#",
+                "user": "#"
+            },
             "facebook": {
                 "title": "Facebook",
                 "url": "https://facebook.com/",
diff --git a/pages/index.vue b/pages/index.vue
index 9ef98548..0540276f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -21,19 +21,20 @@
 			<div id="info">
 				<span class="action">
 					// complete the game to continue
+					 or skip to see about "Snigdha OS"
 				</span>
 				<span :class="{hide: isMobile}">
-					// you can also see it on my Github page
+					// source code can be found on
 				</span>
 				<span :class="{hide: !isMobile}">
-					// find my profile on Github:
+					// browse the source code:
 				</span>
 				<p class="code">
 					<span class="identifier">
 						const
 					</span>
 					<span class="variable-name">
-						githubLink
+						github
 					</span>
 					<span class="operator">
 						=
@@ -42,6 +43,48 @@
 						"https://github.com/{{ config.public.dev.contacts.social.github.user }}"
 					</a>
 				</p>
+				<p class="mb-6"></p>
+				<span :class="{hide: isMobile}">
+					// download Snigdha OS
+				</span>
+				<span :class="{hide: !isMobile}">
+					// we recommend you to download the <b>ISO</b> file on PC
+				</span>
+				<p class="code">
+					<span class="identifier">
+						const
+					</span>
+					<span class="variable-name">
+						download
+					</span>
+					<span class="operator">
+						=
+					</span>
+					<a class="string" :href="'https://download.com/' + config.public.dev.contacts.social.download.user">
+						"https://download.com/{{ config.public.dev.contacts.social.download.user }}"
+					</a>
+				</p>
+				<p class="mb-6"></p>
+				<span :class="{hide: isMobile}">
+					// having problem with installation?
+				</span>
+				<span :class="{hide: !isMobile}">
+					// having problem with installation?
+				</span>
+				<p class="code">
+					<span class="identifier">
+						const
+					</span>
+					<span class="variable-name">
+						docs
+					</span>
+					<span class="operator">
+						=
+					</span>
+					<a class="string" :href="'https://download.com/' + config.public.dev.contacts.social.download.user">
+						"https://download.com/{{ config.public.dev.contacts.social.download.user }}"
+					</a>
+				</p>
 			</div>
 		</section>
 
@@ -122,7 +165,7 @@ function handleResize() {
   font-size: 58px;
   line-height: 1;
   color: #E5E9F0;
-  font-family: 'Fira Code Regular';
+  font-family: 'Fira Code Bold';
   padding-top: 1rem; /* 16px */
   padding-bottom: 1rem; /* 16px */
 }
@@ -130,7 +173,7 @@ function handleResize() {
 #hello .head h2, #hello .head .diple {
   font-size: 32px;
   line-height: 1;
-  color: #4D5BCE;
+  color: #FF7F53;
   font-family: 'Fira Code Retina';
 }
 
@@ -147,7 +190,7 @@ function handleResize() {
   font-size: 14px;
   line-height: 1;
   color: #607B96;
-  font-family: 'Fira Code Retina';
+  font-family: 'Fira Code Medium';
   padding-bottom: 1rem; /* 16px */
 }
 
@@ -157,7 +200,7 @@ function handleResize() {
 }
 
 .code .identifier {
-  color: #4D5BCE;
+  color: #FF7F53;
 }
 
 .code .variable-name {
@@ -195,7 +238,7 @@ function handleResize() {
 	border-radius: 0% 0% 50% 50%;
   rotate: 10deg;
 	filter: blur(70px);
-  background: radial-gradient(circle at 50% 50%,rgba(77, 91, 206, 1), rgba(76, 0, 255, 0));
+  background: radial-gradient(circle at 50% 50%,rgba(255, 127, 83, 1), rgba(76, 0, 255, 0));
   opacity: 0.5;
   z-index: 10;
 }
@@ -214,7 +257,7 @@ function handleResize() {
 }
 
 #info {
-  font-size: 14px;
+  font-size: 16px;
 }
 
 /* Typewrite Animation */