diff --git a/html/IA.html b/html/IA.html index 22b610a..962fe83 100644 --- a/html/IA.html +++ b/html/IA.html @@ -10,79 +10,10 @@ atras +

Inteligencia Artificial

+
-
- -
- Vista previa de la página web -
-
-

ChatGPT

-
- Chat - Codigo -
-
- - - -
- Vista previa de la página web -
-
-

Gemini

-
- Chat - Imagenes -
-
- - - -
- Vista previa de la página web -
-
-

flux

-
- Arduino -
-
- - -
- Vista previa de la página web -
-
-

kodezi

-
- Chat - Codigo -
-

- - -
- Vista previa de la página web -
-
-

Leonardo.Ai

-
- Imagenes -
-
- - -
- Vista previa de la página web -
-
-

Aizzy

-
- asistentes -
-
- + \ No newline at end of file diff --git a/html/Navegar.html b/html/Navegar.html index 524335e..9cc92a8 100644 --- a/html/Navegar.html +++ b/html/Navegar.html @@ -13,145 +13,8 @@

Paginas para Navegar en Internet

-
- -
- Vista previa de la página web -
-
-

Google

-
- Google -
-
- - - -
- Vista previa de la página web -
-
-

Wikipedia

-
- Tareas -
-
- - - -
- Vista previa de la página web -
-
-

bing

-
- Microsoft -
-
- - - -
- Vista previa de la página web -
-
-
-

Yahoo

-
- Alternativo -
-
- +
- -
- Vista previa de la página web -
-
-

-

DuckDuckGo

-
- Privacidad -
-
- - - -
- Vista previa de la página web -

-
-

Startpage

-
- Privacidad -
-
- - - -

-
- Vista previa de la página web -
-
-

-

Ecosia

-
- Ecologico -
-
- - - -

-
- Vista previa de la página web -
-
-

-

youtube

-
- Google -
-
- - - -
- Vista previa de la página web -
-
-

Swisscows

-
- Privacidad -
-
- - - -
- Vista previa de la página web -
-
-

Qwant

-
- Alternativo -
-
- - - -
- Vista previa de la página web -
-
-

Yandex

-
- Ruso -
-
- - -
+ \ No newline at end of file diff --git a/html/Otro.html b/html/Otro.html index 83226dd..57a280d 100644 --- a/html/Otro.html +++ b/html/Otro.html @@ -14,129 +14,12 @@ atras

Paginas multi Propositos

+
-
- -
- Vista previa de la página web -
-
-

RecursiveArts

-
- Música -
-
- - -
- Vista previa de la página web -
-
-

Diagrams.net

-
- Diagramas - Tareas -
-
- - -
- Vista previa de la página web -
-
-

Brainly

-
- preguntas - Tareas -
-
- - -
- Vista previa de la página web -
-
-

Origamiusa

-
- Origami - Exibiciones -
-
- - -
- Vista previa de la página web -
-
-

Animeflv

-
- Series - Anime -
-
- - -
- Vista previa de la página web -
-
-

Minecraft Tools

-
- Generador - Juego -
-
- - -
- Vista previa de la página web -
-
-

Spotify

-
- Música -
-
- - -
- Vista previa de la página web -
-
-

W3scools

-
- Tarea -
-
- - -
- Vista previa de la página web -
-
-

Conversor de Letras

-
- Generador -
-
- -

Sugerencia

-
- -
- Vista previa de la página web -
-
-

Mas Paginas

-
Acá los envia a un formulario, para que sugieran paginas a añadir
-
- Google - Formulario -
-
- -
+
+ + \ No newline at end of file diff --git a/img/fondo/Jugar.jpg b/img/fondo/Jugar.jpg index 6a7a2bb..e8e8a5a 100644 Binary files a/img/fondo/Jugar.jpg and b/img/fondo/Jugar.jpg differ diff --git a/img/paginas/googleplay.png b/img/paginas/googleplay.png new file mode 100644 index 0000000..42bb64a Binary files /dev/null and b/img/paginas/googleplay.png differ diff --git a/js/ia.js b/js/ia.js new file mode 100644 index 0000000..1e4e6ff --- /dev/null +++ b/js/ia.js @@ -0,0 +1,47 @@ +document.addEventListener("DOMContentLoaded", function() { + fetch('../json/ia.json') + .then(response => response.json()) + .then(data => { + const iaContainer = document.getElementById('IA'); + + function createGameCard(item) { + const card = document.createElement('a'); + card.href = item.enlace; + card.className = 'web-card'; + + const cardImg = document.createElement('div'); + cardImg.className = 'card-img'; + const img = document.createElement('img'); + img.src = item.img; + img.alt = 'Vista previa de la página web'; + cardImg.appendChild(img); + + const cardInfo = document.createElement('div'); + cardInfo.className = 'card-info'; + const title = document.createElement('h3'); + title.textContent = item.title; + cardInfo.appendChild(title); + + const cardTypes = document.createElement('div'); + cardTypes.className = 'card-types'; + item.tipos.forEach(tipo => { + const span = document.createElement('span'); + span.className = tipo.color; + span.textContent = tipo.tipo; + cardTypes.appendChild(span); + }); + + cardInfo.appendChild(cardTypes); + card.appendChild(cardImg); + card.appendChild(cardInfo); + + return card; + } + + data.IA.forEach(item => { + const card = createGameCard(item); + iaContainer.appendChild(card); + }); + }) + .catch(error => console.error('Error al cargar el archivo JSON:', error)); +}); diff --git a/js/jugar.js b/js/jugar.js index 65cd5c4..67cf582 100644 --- a/js/jugar.js +++ b/js/jugar.js @@ -2,7 +2,7 @@ document.addEventListener("DOMContentLoaded", function() { fetch('../json/jugar.json') .then(response => response.json()) .then(data => { - // Obtener los contenedores de cada categoría + const onlineContainer = document.getElementById('Online'); const offlineContainer = document.getElementById('Offline'); const descargarContainer = document.getElementById('Descargar'); diff --git a/js/navegar.js b/js/navegar.js new file mode 100644 index 0000000..33ce5bd --- /dev/null +++ b/js/navegar.js @@ -0,0 +1,47 @@ +document.addEventListener("DOMContentLoaded", function() { + fetch('../json/navegar.json') + .then(response => response.json()) + .then(data => { + const paginasContainer = document.getElementById('paginas'); + + function createPageCard(item) { + const card = document.createElement('a'); + card.href = item.enlace; + card.className = 'web-card'; + + const cardImg = document.createElement('div'); + cardImg.className = 'card-img'; + const img = document.createElement('img'); + img.src = item.img; + img.alt = 'Vista previa de la página web'; + cardImg.appendChild(img); + + const cardInfo = document.createElement('div'); + cardInfo.className = 'card-info'; + const title = document.createElement('h3'); + title.textContent = item.title; + cardInfo.appendChild(title); + + const cardTypes = document.createElement('div'); + cardTypes.className = 'card-types'; + item.tipos.forEach(tipo => { + const span = document.createElement('span'); + span.className = tipo.color; + span.textContent = tipo.tipo; + cardTypes.appendChild(span); + }); + + cardInfo.appendChild(cardTypes); + card.appendChild(cardImg); + card.appendChild(cardInfo); + + return card; + } + + data.Paginas.forEach(item => { + const card = createPageCard(item); + paginasContainer.appendChild(card); + }); + }) + .catch(error => console.error('Error al cargar el archivo JSON:', error)); +}); diff --git a/js/otros.js b/js/otros.js new file mode 100644 index 0000000..9a9b57a --- /dev/null +++ b/js/otros.js @@ -0,0 +1,53 @@ +document.addEventListener("DOMContentLoaded", function() { + fetch('../json/otros.json') + .then(response => response.json()) + .then(data => { + const paginasContainer = document.getElementById('paginas'); + const sugerenciaContainer = document.getElementById('sugerencia'); + + function createPageCard(item) { + const card = document.createElement('a'); + card.href = item.enlace; + card.className = 'web-card'; + + const cardImg = document.createElement('div'); + cardImg.className = 'card-img'; + const img = document.createElement('img'); + img.src = item.img; + img.alt = 'Vista previa de la página web'; + cardImg.appendChild(img); + + const cardInfo = document.createElement('div'); + cardInfo.className = 'card-info'; + const title = document.createElement('h3'); + title.textContent = item.title; + cardInfo.appendChild(title); + + const cardTypes = document.createElement('div'); + cardTypes.className = 'card-types'; + item.tipos.forEach(tipo => { + const span = document.createElement('span'); + span.className = tipo.color; + span.textContent = tipo.tipo; + cardTypes.appendChild(span); + }); + + cardInfo.appendChild(cardTypes); + card.appendChild(cardImg); + card.appendChild(cardInfo); + + return card; + } + + data.Paginas.forEach(item => { + const card = createPageCard(item); + paginasContainer.appendChild(card); + }); + + data.Sugerencia.forEach(item => { + const card = createPageCard(item); + sugerenciaContainer.appendChild(card); + }); + }) + .catch(error => console.error('Error al cargar el archivo JSON:', error)); +}); diff --git a/json/ia.json b/json/ia.json new file mode 100644 index 0000000..9091d7e --- /dev/null +++ b/json/ia.json @@ -0,0 +1,83 @@ +{ + "IA": [ + { + "enlace": "https://chat.openai.com/", + "img": "../img/paginas/chatgpt.png", + "title": "ChatGPT", + "tipos": [ + { + "tipo": "Chat", + "color": "azul" + }, + { + "tipo": "Codigo", + "color": "verde" + } + ] + }, + { + "enlace": "https://gemini.google.com/app", + "img": "../img/paginas/gemini.png", + "title": "Gemini", + "tipos": [ + { + "tipo": "Chat", + "color": "azul" + }, + { + "tipo": "Imagenes", + "color": "morado" + } + ] + }, + { + "enlace": "https://www.flux.ai/", + "img": "../img/paginas/flux.png", + "title": "flux", + "tipos": [ + { + "tipo": "Arduino", + "color": "titanio" + } + ] + }, + { + "enlace": "https://kodezi/", + "img": "../img/paginas/kodezi.png", + "title": "kodezi", + "tipos": [ + { + "tipo": "Chat", + "color": "azul" + }, + { + "tipo": "Codigo", + "color": "verde" + } + ] + }, + { + "enlace": "https://app.leonardo.ai/", + "img": "../img/paginas/leonardo.png", + "title": "Leonardo.Ai", + "tipos": [ + { + "tipo": "Imagenes", + "color": "morado" + } + ] + }, + { + "enlace": "https://app.aizzy.ai/", + "img": "../img/paginas/aizzy.png", + "title": "Aizzy", + "tipos": [ + { + "tipo": "asistentes", + "color": "celeste" + } + ] + } + ] + } + \ No newline at end of file diff --git a/json/jugar.json b/json/jugar.json index 7377e32..d9c01c5 100644 --- a/json/jugar.json +++ b/json/jugar.json @@ -195,7 +195,7 @@ ] }, { - "enlace": "https://www.uptodown.com/android/juegos", + "enlace": "https://www.uptodown.com/windows/juegos", "img": "../img/paginas/updown.png", "title": "Updown", "tipos": [ @@ -204,6 +204,21 @@ "color": "azul-medianoche" } ] + }, + { + "enlace": "https://play.google.com/store/games?hl=es", + "img": "../img/paginas/googleplay.png", + "title": "Google Play", + "tipos": [ + { + "tipo": "Tienda", + "color": "azul-medianoche" + }, + { + "tipo": "Google", + "color": "google" + } + ] } ], "Roms": [ diff --git a/json/navegar.json b/json/navegar.json new file mode 100644 index 0000000..3377307 --- /dev/null +++ b/json/navegar.json @@ -0,0 +1,126 @@ +{ + "Paginas": [ + { + "enlace": "https://google.com", + "img": "../img/paginas/google.png", + "title": "Google", + "tipos": [ + { + "tipo": "Google", + "color": "google" + } + ] + }, + { + "enlace": "https://www.wikipedia.org", + "img": "../img/paginas/wikipedia.png", + "title": "Wikipedia", + "tipos": [ + { + "tipo": "Tareas", + "color": "morado" + } + ] + }, + { + "enlace": "https://www.bing.com/", + "img": "../img/paginas/bing.png", + "title": "bing", + "tipos": [ + { + "tipo": "Microsoft", + "color": "microsoft" + } + ] + }, + { + "enlace": "https://www.yahoo.com/", + "img": "../img/paginas/yahoo.png", + "title": "Yahoo", + "tipos": [ + { + "tipo": "Alternativo", + "color": "blanco" + } + ] + }, + { + "enlace": "https://duckduckgo.com/", + "img": "../img/paginas/duckduckgo.png", + "title": "DuckDuckGo", + "tipos": [ + { + "tipo": "Privacidad", + "color": "gris" + } + ] + }, + { + "enlace": "https://www.startpage.com/", + "img": "../img/paginas/startpage.png", + "title": "Startpage", + "tipos": [ + { + "tipo": "Privacidad", + "color": "gris" + } + ] + }, + { + "enlace": "https://www.ecosia.org/", + "img": "../img/paginas/ecosia.png", + "title": "Ecosia", + "tipos": [ + { + "tipo": "Ecologico", + "color": "verde" + } + ] + }, + { + "enlace": "https://www.youtube.com/", + "img": "../img/paginas/youtube.png", + "title": "youtube", + "tipos": [ + { + "tipo": "Google", + "color": "google" + } + ] + }, + { + "enlace": "https://www.swisscows.com/", + "img": "../img/paginas/swisscows.png", + "title": "Swisscows", + "tipos": [ + { + "tipo": "Privacidad", + "color": "gris" + } + ] + }, + { + "enlace": "https://www.qwant.com/", + "img": "../img/paginas/qwant.png", + "title": "Qwant", + "tipos": [ + { + "tipo": "Alternativo", + "color": "blanco" + } + ] + }, + { + "enlace": "https://www.yandex.com/", + "img": "../img/paginas/yandex.png", + "title": "Yandex", + "tipos": [ + { + "tipo": "Ruso", + "color": "rojo" + } + ] + } + ] + } + \ No newline at end of file diff --git a/json/otros.json b/json/otros.json new file mode 100644 index 0000000..fdb36d5 --- /dev/null +++ b/json/otros.json @@ -0,0 +1,142 @@ +{ + "Paginas": [ + { + "enlace": "https://recursivearts.com/", + "img": "../img/paginas/recursivearts.png", + "title": "RecursiveArts", + "tipos": [ + { + "tipo": "Música", + "color": "amarillo" + } + ] + }, + { + "enlace": "https://app.diagrams.net/", + "img": "../img/paginas/diagrams.png", + "title": "Diagrams.net", + "tipos": [ + { + "tipo": "Diagramas", + "color": "morado" + }, + { + "tipo": "Tareas", + "color": "verde" + } + ] + }, + { + "enlace": "https://brainly.lat/", + "img": "../img/paginas/brainly.png", + "title": "Brainly", + "tipos": [ + { + "tipo": "preguntas", + "color": "azul" + }, + { + "tipo": "Tareas", + "color": "verde" + } + ] + }, + { + "enlace": "https://origamiusa.org/", + "img": "../img/paginas/origamiusa.png", + "title": "Origamiusa", + "tipos": [ + { + "tipo": "Origami", + "color": "oro" + }, + { + "tipo": "Exibiciones", + "color": "celeste" + } + ] + }, + { + "enlace": "https://www3.animeflv.net/", + "img": "../img/paginas/animeflv.png", + "title": "Animeflv", + "tipos": [ + { + "tipo": "Series", + "color": "plata" + }, + { + "tipo": "Anime", + "color": "lavanda-oscuro" + } + ] + }, + { + "enlace": "https://minecraft.tools/es/", + "img": "../img/paginas/minecrafttools.png", + "title": "Minecraft Tools", + "tipos": [ + { + "tipo": "Generador", + "color": "burlywood" + }, + { + "tipo": "Juego", + "color": "GB" + } + ] + }, + { + "enlace": "https://open.spotify.com/intl-es", + "img": "../img/paginas/spotify.png", + "title": "Spotify", + "tipos": [ + { + "tipo": "Música", + "color": "amarillo" + } + ] + }, + { + "enlace": "https://www.w3schools.com/", + "img": "../img/paginas/w3scools.png", + "title": "W3scools", + "tipos": [ + { + "tipo": "Tarea", + "color": "verde" + } + ] + }, + { + "enlace": "https://conversordeletras.net/", + "img": "../img/paginas/conversordeletras.png", + "title": "Conversor de Letras", + "tipos": [ + { + "tipo": "Generador", + "color": "burlywood" + } + ] + } + ], + "Sugerencia": [ + { + "enlace": "https://forms.gle/TeF3WAXPgg9eS7F57", + "img": "../img/paginas/forms.png", + "title": "Mas Paginas", + "sugerencia": "Acá los envía a un formulario, para que sugieran páginas a añadir", + "tipos": [ + { + "tipo": "Google", + "color": "google" + }, + { + "tipo": "Formulario", + "color": "morado" + } + ] + } + ] + } + \ No newline at end of file