add funtion to print

assets/styles.css

@@ -2,7 +2,7 @@
     list-style-type: disc; /* Set bullet points as filled circles */
     /* Add any additional styling here */
   }
-  
+
 .custom-list li {
   margin-left: 20px; /* Adjust the value as needed for indentation */
   /* Add any additional styling for the li here */
@@ -58,4 +58,18 @@
     100% {
         transform: rotate(360deg);
     }
-}
+}
+
+@media print {
+
+    /* Hide specific elements from printing */
+    .text-center > * {
+      display: none;
+    }
+
+    /* Show content you want to include in the print version */
+    .container,
+    .section {
+      display: block;
+    }
+  }

assets/utility.js

@@ -16,4 +16,12 @@ document.addEventListener('DOMContentLoaded', function() {
     var html = document.documentElement.outerHTML;
     var minifiedHTML = html.replace(/[\n\r]+|[\s]{2,}/g, ' ').replace(/> </g, '><');
     document.documentElement.outerHTML = minifiedHTML;
-  });
+  });
+
+  // Function to handle printing
+function printResume() {
+  window.print();
+}
+
+ // Add an event listener to the print button
+document.getElementById('printButton').addEventListener('click', printResume);

index.html

@@ -215,6 +215,11 @@ <h2 class="text-2xl font-light mb-4 flex">
           <i class="fas fa-download mr-2"></i> 
           Download CV
         </a>
+
+        <button id="printButton" class="inline-flex items-center px-4 py-2 bg-green-500 text-white rounded-md hover:bg-green-600 transition duration-300 ease-in-out">
+          <i class="fas fa-print mr-2"></i>
+          Print
+        </button>
       </div>
 
     </main>