Changed content and styling

divyansh0x0 · divyansh0x0 · commit e5af6e02e2ed · 2026-01-13T10:09:06.000+05:30
diff --git a/index.html b/index.html
@@ -14,8 +14,8 @@
         <meta name="date" content="May 6, 2026" />
         <title>Portfolio</title>
 
-        <link rel="stylesheet" href="./css/main.css" />
         <link rel="stylesheet" href="./css/colors.css" />
+        <link rel="stylesheet" href="./css/main.css" />
     </head>
     <body>
         <div id="app"></div>
diff --git a/public/css/main.css b/public/css/main.css
@@ -1,13 +1,11 @@
-@import url(colors.css);
-@import url(animations.css);
-
 * {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     scroll-behavior: smooth;
     -webkit-tap-highlight-color: transparent;
-
+    scrollbar-color: var(--color-primary) var(--color-surface-container);
+    scrollbar-width: thin;
 }
 
 html {
@@ -16,7 +14,7 @@ html {
 }
 
 body {
-    background-color: var(--color-surface);
+    background-color: var(--color-surface-container);
     color: var(--color-on-surface);
     font-family: Arial, sans-serif;
     margin: 0;
@@ -92,4 +90,18 @@ img {
     height: 1.2em;
     vertical-align: middle;
     display: inline-block;
+}
+
+::-webkit-scrollbar{
+    /*background: transparent;*/
+    width: 8px;
+    height: 8px;
+}
+::-webkit-scrollbar-track{
+    background: var(--color-surface-container)
+}
+::-webkit-scrollbar-thumb{
+    /*position: absolute;*/
+    background: var(--color-secondary);
+    border-radius: var(--border-radius-md)
 }
diff --git a/src/components/HeroSection.vue b/src/components/HeroSection.vue
@@ -9,8 +9,7 @@ import BlogBackground from "@/components/BlogBackground.vue";
             I'm Divyansh
         </h1>
         <p>
-            Self-taught developer and a student with a passion for building
-            softwares from ground up. Experienced in C/C++, Typescript, Java,
+            A freshman student in Mechanical Engineering. I have experience with C/C++, Typescript, Java,
             and Python.
         </p>
     </section>
diff --git a/src/views/Algo.vue b/src/views/Algo.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { useRouter } from "vue-router";
+
+const router = useRouter();
+const close = () => router.back();
+</script>
+
+<template>
+    <div class="overlay" @click.self="close">
+        <div class="popup">
+            <h2>Login</h2>
+            <button @click="close">Close</button>
+        </div>
+    </div>
+</template>
+
+<style scoped></style>
