Update website layout and styles

arbisyarifudin · Mar 11, 2024 · 0909a6d · 0909a6d
1 parent c63e3e6
commit 0909a6d
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 9 deletions.
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        <!-- <div id="top-alert" class="top-alert">This website is under developmet.</div> -->
+        <div id="top-alert" class="top-alert">This website is under developmet.</div>
         <header id="header" class="header">
             <nav id="navbar" class="navbar navbar-expand-md navbar-dark">
                 <div class="container">
@@ -67,7 +67,8 @@ useHead({
         { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
         {
             rel: 'stylesheet',
-            href: 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap'
+            // Montserrat, 400, 500, 600, 700
+            href: 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap'
         },
         {
             rel: 'stylesheet',

diff --git a/pages/profile.vue b/pages/profile.vue
@@ -184,7 +184,7 @@
     padding-bottom: 20px;
 
     .scrollable-area {
-        height: calc(100vh - 150px);
+        height: calc(100vh - 180px);
         overflow-y: auto;
         padding-right: 30px;
 
@@ -284,13 +284,13 @@
             }
 
             &-title {
-                font-size: 1.2rem;
+                font-size: 1rem;
                 font-weight: 700;
                 margin-bottom: 0.75rem;
             }
 
             &-company {
-                font-size: 1.44rem;
+                font-size: 1.3rem;
                 font-weight: 400;
                 margin-bottom: 0.75rem;
 
@@ -306,7 +306,7 @@
             }
 
             &-date {
-                font-size: 1rem;
+                font-size: 0.85rem;
                 font-weight: 400;
                 margin-bottom: 0.5rem;
                 color: #cccaca;

diff --git a/pages/service.vue b/pages/service.vue
@@ -3,7 +3,7 @@
         <div class="container">
             <section class="page-header">
                 <div class="page-title">My Services</div>
-                <p class="page-description">Here are some of the services I provide.</p>
+                <p class="page-description">Here are the services I can provide.</p>
             </section>
 
             <section class="service-list">

diff --git a/pages/work/index.vue b/pages/work/index.vue
@@ -20,7 +20,7 @@
                                 <div class="d-flex justify-content-between align-items-center">
                                     <div class="work-item__category">Web Development, Design</div>
                                     <div class="work-item__more">
-                                        <a href="#"><i class="bi bi-arrow-right"></i> View Project</a>
+                                        <router-link to="/work/project-1"><i class="bi bi-arrow-right"></i> View Project</router-link>
                                     </div>
                                 </div>
                             </div>
@@ -39,7 +39,7 @@
                                 <div class="d-flex justify-content-between align-items-center">
                                     <div class="work-item__category">Web Development, Design</div>
                                     <div class="work-item__more">
-                                        <a href="#"><i class="bi bi-arrow-right"></i> View Project</a>
+                                        <router-link to="/work/project-1"><i class="bi bi-arrow-right"></i> View Project</router-link>
                                     </div>
                                 </div>
                             </div>
@@ -91,6 +91,7 @@
 
                     a {
                         font-size: 12px;
+                        font-weight: 500;
                         color: #e7e7e7;
                         text-decoration: none;
                         transition: all 0.3s ease;