From 64b12f5b6a8209b78c8cc240b9357071dfa901f1 Mon Sep 17 00:00:00 2001
From: AmbrizAlberto <albertpoambez@gmail.com>
Date: Wed, 3 Apr 2024 16:22:11 -0600
Subject: [PATCH] Responsive v1.5

---
 app/css/main.css           | 10 ++++++++++
 app/css/mainrespons.css    |  5 ++++-
 app/page.jsx               | 12 ++++++++++--
 app/script/correoscript.js | 11 +++++++++++
 4 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 app/script/correoscript.js

diff --git a/app/css/main.css b/app/css/main.css
index 486dc14..0b08d89 100644
--- a/app/css/main.css
+++ b/app/css/main.css
@@ -231,3 +231,13 @@ button{
     transition: 1000ms;
 }
 
+.containeremail {
+    text-align: center;
+    margin-top: 50px;
+  }
+  
+  .containeremail button {
+    padding: 10px 20px;
+    font-size: 16px;
+    cursor: pointer;
+  }
\ No newline at end of file
diff --git a/app/css/mainrespons.css b/app/css/mainrespons.css
index 9ffadd3..f245632 100644
--- a/app/css/mainrespons.css
+++ b/app/css/mainrespons.css
@@ -78,6 +78,7 @@
         text-align: left;
     }
     .datos1{
+        padding-top: 15%;
         margin-left: -15%;
         width: 100%;
         font-size: 200%;
@@ -96,6 +97,8 @@
         font-size: 200%;
     }
     .lenguajes ul{
+        margin-left: 15%;
+        width: 60%;
         flex-wrap: wrap;
     }
     .lenguajes li{
@@ -116,7 +119,7 @@
         font-size: 200%;
     }
     .projects h2{
-        margin-left: 5%;
+        margin-left: 4%;
         font-size: 150%;
     }
     .grid-containerprj{
diff --git a/app/page.jsx b/app/page.jsx
index 4e1203d..8f6fa79 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -9,8 +9,9 @@ import styles from "./css/main.css"
 import style from "./css/mainrespons.css"
 import Navbar from './components/navbar';
 
-export default function Portafolio() {
 
+export default function Portafolio() {  
+  
   return (
     <div className='main'>
       
@@ -50,6 +51,9 @@ export default function Portafolio() {
         <h2>LENGUAJES QUE HE TRABAJADO</h2>
 
         <ul>
+          <li>
+            <img src="https://cdn4.iconfinder.com/data/icons/logos-3/504/Swift-2-512.png" alt="" />SWIFT
+          </li>
           <li>
             <img src="https://cdn-icons-png.flaticon.com/512/732/732212.png" alt="" />HTML
           </li>
@@ -162,9 +166,13 @@ export default function Portafolio() {
         </button>
 
       </div>
+
+      <div className="contactme">
+
       </div>
 
-      
+
+      </div>   
       <script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
     </div>
 
diff --git a/app/script/correoscript.js b/app/script/correoscript.js
new file mode 100644
index 0000000..9dd2f07
--- /dev/null
+++ b/app/script/correoscript.js
@@ -0,0 +1,11 @@
+function copiarCorreo() {
+    var correo = document.getElementById("correo");
+    var seleccion = document.createRange();
+    seleccion.selectNode(correo);
+    window.getSelection().removeAllRanges();
+    window.getSelection().addRange(seleccion);
+    document.execCommand("copy");
+    window.getSelection().removeAllRanges();
+    alert("Correo copiado al portapapeles: " + correo.textContent);
+  }
+  
\ No newline at end of file