{"id":42,"date":"2025-10-22T19:27:44","date_gmt":"2025-10-22T22:27:44","guid":{"rendered":"https:\/\/diegosoftware.online\/?page_id=42"},"modified":"2025-10-28T20:57:17","modified_gmt":"2025-10-28T23:57:17","slug":"todos-mis-trabajos","status":"publish","type":"page","link":"https:\/\/diegosoftware.online\/?page_id=42","title":{"rendered":"Todos mis trabajos"},"content":{"rendered":"\n
Gigantograf\u00eda<\/h5>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Tarjeta de presentaci\u00f3n<\/h5>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Logo<\/h5>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Imagen publicitaria<\/h5>\n\n\n\n
\n\n\n \n \n Galer\u00eda de Im\u00e1genes<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n <style>\n body {\n margin: 0;\n padding: 20px;\n font-family: Arial, sans-serif;\n background-color: #f5f5f5;\n }\n\n .gallery-container {\n max-width: 1000px;\n margin: 0 auto;\n position: relative;\n background: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n }\n\n .gallery {\n position: relative;\n width: 100%;\n height: 500px;\n overflow: hidden;\n }\n\n .gallery-wrapper {\n display: flex;\n transition: transform 0.5s ease;\n height: 100%;\n }\n\n .gallery-item {\n min-width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .gallery-item img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain;\n }\n\n .gallery-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n background: rgba(0, 0, 0, 0.5);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n border-radius: 50%;\n border: none;\n transition: background 0.3s ease;\n }\n\n .gallery-nav:hover {\n background: rgba(0, 0, 0, 0.8);\n }\n\n .gallery-nav.prev {\n left: 10px;\n }\n\n .gallery-nav.next {\n right: 10px;\n }\n\n .gallery-dots {\n display: flex;\n justify-content: center;\n gap: 10px;\n margin-top: 20px;\n }\n\n .dot {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: #ccc;\n cursor: pointer;\n transition: background 0.3s ease;\n }\n\n .dot.active {\n background: #333;\n }\n\n @media (max-width: 768px) {\n .gallery {\n height: 300px;\n }\n \n .gallery-nav {\n width: 30px;\n height: 30px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"gallery-container\">\n <div class=\"gallery\">\n <div class=\"gallery-wrapper\">\n <!-- Las im\u00e1genes se agregar\u00e1n aqu\u00ed mediante JavaScript -->\n <\/div>\n <button class=\"gallery-nav prev\">\n <i class=\"fas fa-chevron-left\"><\/i>\n <\/button>\n <button class=\"gallery-nav next\">\n <i class=\"fas fa-chevron-right\"><\/i>\n <\/button>\n <\/div>\n <div class=\"gallery-dots\">\n <!-- Los puntos indicadores se agregar\u00e1n aqu\u00ed mediante JavaScript -->\n <\/div>\n <\/div>\n\n <script>\n \/\/ Array de URLs de im\u00e1genes (aqu\u00ed puedes agregar tus URLs)\n const images = [\n 'https:\/\/diegosoftware.online\/wp-content\/uploads\/2025\/10\/Empanadas_Karin.png',\n 'https:\/\/diegosoftware.online\/wp-content\/uploads\/2025\/10\/venta_de_garaje-scaled.png',\n 'https:\/\/diegosoftware.online\/wp-content\/uploads\/2025\/10\/420c22182404137.652d6687d4e16.webp',\n \/\/ Se puede m\u00e1s URLs de im\u00e1genes aqu\u00ed\n ];\n\n let currentIndex = 0;\n const wrapper = document.querySelector('.gallery-wrapper');\n const dotsContainer = document.querySelector('.gallery-dots');\n\n \/\/ Crear elementos de imagen y puntos\n function initGallery() {\n \/\/ Crear im\u00e1genes\n images.forEach((url, index) => {\n const item = document.createElement('div');\n item.className = 'gallery-item';\n const img = document.createElement('img');\n img.src = url;\n img.alt = `Imagen ${index + 1}`;\n item.appendChild(img);\n wrapper.appendChild(item);\n\n \/\/ Crear puntos indicadores\n const dot = document.createElement('div');\n dot.className = `dot ${index === 0 ? 'active' : ''}`;\n dot.addEventListener('click', () => goToSlide(index));\n dotsContainer.appendChild(dot);\n });\n }\n\n \/\/ Actualizar la galer\u00eda\n function updateGallery() {\n wrapper.style.transform = `translateX(-${currentIndex * 100}%)`;\n \n \/\/ Actualizar puntos activos\n document.querySelectorAll('.dot').forEach((dot, index) => {\n dot.classList.toggle('active', index === currentIndex);\n });\n }\n\n \/\/ Ir a una diapositiva espec\u00edfica\n function goToSlide(index) {\n currentIndex = index;\n updateGallery();\n }\n\n \/\/ Navegar a la siguiente imagen\n function nextSlide() {\n currentIndex = (currentIndex + 1) % images.length;\n updateGallery();\n }\n\n \/\/ Navegar a la imagen anterior\n function prevSlide() {\n currentIndex = (currentIndex - 1 + images.length) % images.length;\n updateGallery();\n }\n\n \/\/ Inicializar galer\u00eda\n initGallery();\n\n \/\/ Event listeners para los botones de navegaci\u00f3n\n document.querySelector('.next').addEventListener('click', nextSlide);\n document.querySelector('.prev').addEventListener('click', prevSlide);\n\n \/\/ Soporte para gestos t\u00e1ctiles\n let touchStartX = 0;\n let touchEndX = 0;\n\n wrapper.addEventListener('touchstart', e => {\n touchStartX = e.changedTouches[0].screenX;\n });\n\n wrapper.addEventListener('touchend', e => {\n touchEndX = e.changedTouches[0].screenX;\n if (touchStartX - touchEndX > 50) {\n nextSlide();\n } else if (touchEndX - touchStartX > 50) {\n prevSlide();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<h5 class=\"wp-block-heading\">Videos<\/h5>\n<\/div>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Publicidad Versi\u00f3n 6 Gaming Remeras\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/WM1CLx5NmZU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h5 class=\"wp-block-heading\"><\/h5>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Publicidad Versi\u00f3n 6 Gaming Tazas\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ayZN7aTIXLw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"scroll-top\"><\/p>\n\n\n\n<p class=\"scroll-top\"><\/p>\n\n\n\n<p class=\"scroll-top\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gigantograf\u00eda Tarjeta de presentaci\u00f3n Logo Imagen publicitaria Galer\u00eda de Im\u00e1genes Videos<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diegosoftware.online\/index.php?rest_route=\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diegosoftware.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diegosoftware.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diegosoftware.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diegosoftware.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=42"}],"version-history":[{"count":20,"href":"https:\/\/diegosoftware.online\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/diegosoftware.online\/index.php?rest_route=\/wp\/v2\/pages\/42\/revisions\/170"}],"wp:attachment":[{"href":"https:\/\/diegosoftware.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}