modified: index.html

modified: style.css resume.html
Thizh · Nov 12, 2023 · a8f786b · a8f786b
1 parent 9895418
commit a8f786b
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -70,7 +70,7 @@
                 <nav>
                     <ul>
                         <li><a href="#" style="visibility: hidden;">......</a></li>
-                        <li onclick="showOverlayCV()" style="cursor: pointer;">Resume</a></li>
+                        <li onclick="showOverlayCV()" style="cursor: pointer;" id="resume">Resume</a></li>
                     </ul>
                 </nav>
             </div>
@@ -79,7 +79,10 @@
                     <h1 class="name">Thisitha Wickramaarachchi</h1>
                     <p style="font-size: 20px;">AKA <span style="font-family: 'Gluten'; font-size: 30px;"
                             class="font-effect-fire-animation">Thizh Wick</span></p>
-                    <button type="button" onclick="showOverlayThizh()">Who Tf is Thizh?</button>
+                    <div style="flex-direction: row;">
+                        <button type="button" onclick="showOverlayThizh()" class="thizh">Who Tf is Thizh?</button>
+                        <a href="./resume.html"><button type="button" class="resume-btn">Resume</button></a>
+                    </div>
                 </div>
                 <div class="col">
                     <div class="container">

diff --git a/style.css b/style.css
@@ -60,7 +60,6 @@ p {
 }
 
 button {
-    width: 180px;
     color: #000;
     font-size: 12px;
     padding: 12px 0;
@@ -254,6 +253,14 @@ button {
         width: 90px;
     }
 
+    .resume-btn {
+        display: none;
+    }
+
+    button {
+        width: 180px;
+    }
+
     .row {
         display: flex;
         height: 88%;
@@ -284,10 +291,19 @@ button {
         font-size: 35px;
     }
 
-    button {
+    #resume {
         display: none;
     }
 
+    .thizh {
+        display: none;
+    }
+
+    button {
+        width: 150px;
+        margin-right: 10px;
+    }
+
     .social {
         align-items: center;
         justify-content: center;