features: visit gallery button

rachmadsuharja · rachmadsuharja · commit 7ff7dd0f340f · 2024-09-13T00:08:08.000+07:00
diff --git a/assets/css/tabs.css b/assets/css/tabs.css
@@ -61,3 +61,30 @@
   font-size: 0.6rem;
   font-family: monospace;
 }
+
+.tabs .tab-body .gallery {
+  display: flex;
+  justify-content: center;
+  position: relative;
+  width: 85vw;
+  height: 100vh;
+  background-image: url("../images/best-captures.webp");
+  background-size: 85vw;
+  background-repeat: no-repeat;
+}
+
+.tabs .tab-body .gallery a {
+  margin-top: 1rem;
+  position: absolute;
+  color: var(--text-color);
+  font-size: 0.8rem;
+  padding: 0.3rem 0.8rem;
+  border-radius: 0.8rem;
+  background-color: var(--bg-color);
+  text-decoration: none;
+  font-family: "Teko";
+  -webkit-border-radius: 0.8rem;
+  -moz-border-radius: 0.8rem;
+  -ms-border-radius: 0.8rem;
+  -o-border-radius: 0.8rem;
+}
diff --git a/assets/images/best-captures.webp b/assets/images/best-captures.webp
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Rachmad Suharja | Portfolio</title>
+    <title>Rachmad Suharja | Portfolio Under Development</title>
     <meta name="description" content="Explore my portfolio to discover my creative work and skills as an Application Developer. I create visually appealing apps with a seamless user experience." />
     <meta name="keywords" content="portfolio, cv, resume, portfolio website" />
     <meta name="robots" content="index, follow" />
@@ -103,7 +103,7 @@ <h1>About Me</h1>
                     <div>Rubiks</div>
                     <div>Gallery</div>
                 </div>
-                <div class="tab-body m-auto">
+                <div class="tab-body">
                     <div class="active">
                         <img src="assets/images/scarletcorvus.webp" alt="">
                         <div class="text-group">
@@ -119,7 +119,9 @@ <h3>Mirror Rubik's Cube</h3>
                         </div>
                     </div>
                     <div>
-                        <img src="assets/images/best-captures.webp" class="w-100" alt="">
+                        <div class="gallery">
+                            <a href="https://drive.google.com/drive/folders/1-ErWOirY1VjwDeGj2-MvmU14tyEb470b?usp=sharing" target="_blank">Visit Gallery</a>
+                        </div>
                     </div>
                 </div>
             </div>
