From 81d72aba1c330951588ec2d76005324ebc407144 Mon Sep 17 00:00:00 2001
From: BinarySandia04 <aranseraroig@gmail.com>
Date: Thu, 12 Mar 2026 00:51:08 +0100
Subject: [PATCH] Better now

---
 aranroig/app/assets/css/colors.scss |  2 ++
 aranroig/app/assets/css/main.scss   | 16 +++++++++++++---
 aranroig/app/pages/index.vue        |  2 +-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/aranroig/app/assets/css/colors.scss b/aranroig/app/assets/css/colors.scss
index d75367b..bda273b 100644
--- a/aranroig/app/assets/css/colors.scss
+++ b/aranroig/app/assets/css/colors.scss
@@ -4,12 +4,14 @@ $themes: (
         background-line: #2e2e2e,
         border-color: #5a5a5a,
         text: #ffffff,
+        link: #ff7d74,
     ),
     light: (
         background: #ffffff,
         background-line: #f0f0f0,
         border-color: #e0e0e0,
         text: #1e1e1e,
+        link: #ff7d74,
     )
 );
 
diff --git a/aranroig/app/assets/css/main.scss b/aranroig/app/assets/css/main.scss
index abe4bc8..62b05fd 100644
--- a/aranroig/app/assets/css/main.scss
+++ b/aranroig/app/assets/css/main.scss
@@ -28,9 +28,19 @@ ul {
   list-style: none; /* Remove default bullets */
 }
 ul > li {padding: 10px 25px} /* Stretching li elements a little so it looks prettier */
+li {
+  position: relative;
+}
 li::before {
     content: "";
-    width: 16px;
-    height: 16px;
-    background-color: #d050ff;
+    width: 8px;
+    height: 8px;
+    background-color: var(--color-text);
+    position: absolute;
+    top: 16px;
+    left: 4px;
+}
+
+a {
+  color: var(--color-link);
 }
\ No newline at end of file
diff --git a/aranroig/app/pages/index.vue b/aranroig/app/pages/index.vue
index 52d779c..a71640c 100644
--- a/aranroig/app/pages/index.vue
+++ b/aranroig/app/pages/index.vue
@@ -6,7 +6,7 @@
       <p>Hi, I'm Aran!</p>
       <p>Welcome to my website! It is still under construction, so come back later!</p>
       <ul>
-        <li>Hello</li>
+        <li>You can view my resume <a href="https://cv.aranroig.com">here</a></li>
       </ul>
     </Container>
 </template>