update: social links!

AnujSharma141 · Oct 6, 2022 · 1e62f15 · 1e62f15
1 parent 676bd63
commit 1e62f15
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 11 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "files.autoSave": "afterDelay"
+}
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="icon" href="https://i.ibb.co/KzwmRC8/logo.png">
 
-<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
 </head>
 <body>
     <div class="main">
@@ -18,7 +18,6 @@
         </div>
         <div class="wrap">
         <div class="docs">
-            <img src="https://i.ibb.co/9nKFRv9/Group-2.png" class="graphic" alt="">
              <h2 class="title">stonk</h2>
              <p class="subtitle">cli tool to monitor indian stocks data.</p>
 
@@ -69,15 +68,15 @@ <H4 class="tab-title">--help</H4>
             <div class="footer">
 
                 <a href="https://github.com/AnujSharma141/stonk" class="button">contribute</a>
-                <p class="credit">made with <img src="https://i.ibb.co/1n97ZW1/red-heart-2764-fe0f.png" class="icon" alt="">by <a href="https://anujsharma.co/" class="credit-name">Anuj Sharma</a></p>
+                <p class="credit">crafted by <a href="https://anujsharma.site/" class="credit-name">Anuj Sharma</a></p>
 
                 <div class="links">
 
                     <a class="link" href="https://github.com/AnujSharma141">
                     <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9ImdyZXkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBkPSJNOCAwQzMuNTggMCAwIDMuNTggMCA4YzAgMy41NCAyLjI5IDYuNTMgNS40NyA3LjU5LjQuMDcuNTUtLjE3LjU1LS4zOCAwLS4xOS0uMDEtLjgyLS4wMS0xLjQ5LTIuMDEuMzctMi41My0uNDktMi42OS0uOTQtLjA5LS4yMy0uNDgtLjk0LS44Mi0xLjEzLS4yOC0uMTUtLjY4LS41Mi0uMDEtLjUzLjYzLS4wMSAxLjA4LjU4IDEuMjMuODIuNzIgMS4yMSAxLjg3Ljg3IDIuMzMuNjYuMDctLjUyLjI4LS44Ny41MS0xLjA3LTEuNzgtLjItMy42NC0uODktMy42NC0zLjk1IDAtLjg3LjMxLTEuNTkuODItMi4xNS0uMDgtLjItLjM2LTEuMDIuMDgtMi4xMiAwIDAgLjY3LS4yMSAyLjIuODIuNjQtLjE4IDEuMzItLjI3IDItLjI3LjY4IDAgMS4zNi4wOSAyIC4yNyAxLjUzLTEuMDQgMi4yLS44MiAyLjItLjgyLjQ0IDEuMS4xNiAxLjkyLjA4IDIuMTIuNTEuNTYuODIgMS4yNy44MiAyLjE1IDAgMy4wNy0xLjg3IDMuNzUtMy42NSAzLjk1LjI5LjI1LjU0LjczLjU0IDEuNDggMCAxLjA3LS4wMSAxLjkzLS4wMSAyLjIgMCAuMjEuMTUuNDYuNTUuMzhBOC4wMTIgOC4wMTIgMCAwIDAgMTYgOGMwLTQuNDItMy41OC04LTgtOHoiLz4KPC9zdmc+" class="link-icon" alt="">
                     </a>
 
-                    <a class="link" href="https://twitter.com/whoisanujsharma">
+                    <a class="link" href="https://twitter.com/itsnotrika">
                     <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iZ3JleSIgY2xhc3M9ImJpIGJpLXR3aXR0ZXIiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuMDI2IDE1YzYuMDM4IDAgOS4zNDEtNS4wMDMgOS4zNDEtOS4zMzQgMC0uMTQgMC0uMjgyLS4wMDYtLjQyMkE2LjY4NSA2LjY4NSAwIDAgMCAxNiAzLjU0MmE2LjY1OCA2LjY1OCAwIDAgMS0xLjg4OS41MTggMy4zMDEgMy4zMDEgMCAwIDAgMS40NDctMS44MTcgNi41MzMgNi41MzMgMCAwIDEtMi4wODcuNzkzQTMuMjg2IDMuMjg2IDAgMCAwIDcuODc1IDYuMDNhOS4zMjUgOS4zMjUgMCAwIDEtNi43NjctMy40MjkgMy4yODkgMy4yODkgMCAwIDAgMS4wMTggNC4zODJBMy4zMjMgMy4zMjMgMCAwIDEgLjY0IDYuNTc1di4wNDVhMy4yODggMy4yODggMCAwIDAgMi42MzIgMy4yMTggMy4yMDMgMy4yMDMgMCAwIDEtLjg2NS4xMTUgMy4yMyAzLjIzIDAgMCAxLS42MTQtLjA1NyAzLjI4MyAzLjI4MyAwIDAgMCAzLjA2NyAyLjI3N0E2LjU4OCA2LjU4OCAwIDAgMSAuNzggMTMuNThhNi4zMiA2LjMyIDAgMCAxLS43OC0uMDQ1QTkuMzQ0IDkuMzQ0IDAgMCAwIDUuMDI2IDE1eiIvPgo8L3N2Zz4=" class="link-icon" alt="" />
 
                     </a>

diff --git a/style/main.css b/style/main.css
@@ -2,7 +2,7 @@
 body{
     margin: 0;
     padding: 0;
-    font-family: 'Roboto Mono', monospace;
+    font-family: 'Inter', monospace;
 }
 body::-webkit-scrollbar{
     width: 0.3vw;
@@ -25,7 +25,8 @@ body::-webkit-scrollbar-thumb{
     width: 54%;
     height: 100%;
     position: fixed;
-    background: #F1F1F1;
+    background-color: #c7a4ff;
+
     display: flex;
     align-items: center;
     justify-content: center;
@@ -38,7 +39,7 @@ body::-webkit-scrollbar-thumb{
 }
 .docs{
     margin-left: 7vw;
-    margin-top: 9vw;
+    margin-top: 8vw;
 }
 .graphic{
     position: absolute;
@@ -49,7 +50,7 @@ body::-webkit-scrollbar-thumb{
 }
 .title{
     font-size: 2.3vw;
-    font-weight: 500;
+    font-weight: 600;
     margin-bottom: 2vw;
 }
 .subtitle{
@@ -127,15 +128,19 @@ body::-webkit-scrollbar-thumb{
     margin-bottom: 5vw;
 }
 .button{
-    background: #474747;
-    color: #F1F1F1;
+    background: #d5b9ff;
+    color: #000;
     padding: 1.2vw 2vw;
     margin: 2vw 0;
+    font-size: 0.95vw;
     cursor: pointer;
     text-decoration: none;
+    border: 2px solid black;
 }
 .button:hover{
-    background: #6d6d6d;
+    background: #000;
+    color: #fff;
+    border: 2px solid black;
 }
 .links{
     margin-top: 3vw;