From 64b12f5b6a8209b78c8cc240b9357071dfa901f1 Mon Sep 17 00:00:00 2001 From: AmbrizAlberto 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 (
@@ -50,6 +51,9 @@ export default function Portafolio() {

LENGUAJES QUE HE TRABAJADO

+ +
+
- + + 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