From 7cfc9a1d64f2836f9eec1c1e791b7792d0d9babc Mon Sep 17 00:00:00 2001 From: Lucas Conti Date: Wed, 10 Apr 2024 00:49:18 -0300 Subject: [PATCH] =?UTF-8?q?actualizaci=C3=B3n=20general=2009/04?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- cartasDom.html | 149 -------------- index.html | 48 ++--- js/cards.js | 380 +++++++++++++++++++++++++---------- login.html | 2 +- show_data.html | 3 +- users.html | 529 +++---------------------------------------------- usuario.html | 6 +- 7 files changed, 335 insertions(+), 782 deletions(-) delete mode 100644 cartasDom.html diff --git a/cartasDom.html b/cartasDom.html deleted file mode 100644 index 90b7c65..0000000 --- a/cartasDom.html +++ /dev/null @@ -1,149 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - Cards - - - - -
-
- - -
- - -
-
- -
-
-
-
  • Home
    • -
  • Cartas
    • -
  • Usuarios
    • -
  • Contacto
    • - - -
    -
    - - - - -
    -
    -
    -
    -

    Cartas

    -

    Customizá tus cartas y tené una colección única

    - -
    -
    -
    -
    - - - - -
    - -
    - - - -
    -
    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/index.html b/index.html index 70855f9..fbbebea 100644 --- a/index.html +++ b/index.html @@ -90,7 +90,7 @@

    Petg:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -108,7 +108,7 @@

    Abs:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -128,7 +128,7 @@

    Flexibles:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -145,7 +145,7 @@

    Pla:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -165,7 +165,7 @@

    Pcabs:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -185,7 +185,7 @@

    Nylon:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -205,7 +205,7 @@

    Petg:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -225,7 +225,7 @@

    Abs:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -245,7 +245,7 @@

    Flexibles:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -265,7 +265,7 @@

    Pla:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -285,7 +285,7 @@

    Pcabs:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -305,7 +305,7 @@

    Nylon:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -325,7 +325,7 @@

    Petg:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -345,7 +345,7 @@

    Abs:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -365,7 +365,7 @@

    Flexibles:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -385,7 +385,7 @@

    Pla:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -405,7 +405,7 @@

    Pcabs:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -425,7 +425,7 @@

    Nylon:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -445,7 +445,7 @@

    Petg:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -462,7 +462,7 @@

    Abs:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -482,7 +482,7 @@

    Flexibles:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -502,7 +502,7 @@

    Pla:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -522,7 +522,7 @@

    Pcabs:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    @@ -542,7 +542,7 @@

    Nylon:

    Fuerza 85% (Poder físico y capacidad de causar daño)
    Percepción 75% (Sensibilidad para anticipar peligros)

    - +
    diff --git a/js/cards.js b/js/cards.js index 805dc15..8750641 100644 --- a/js/cards.js +++ b/js/cards.js @@ -1,116 +1,288 @@ -class Curso { - constructor(nombre, fechaInicio, precio, disponibilidad, imagen){ - this.nombre = nombre; - this.fechaInicio = fechaInicio; - this.precio = precio; - this.disponibilidad = disponibilidad; - this.imagen = imagen; - - } -} - - -let elementoCarrito = []; -const cursos = [ - - { - nombre: "Guitarra: Eléctrica / Acústica / Ukelele", - fechaInicio: "Inicio: 10/08", - precio: 5000, - disponibilidad: "Curso Disponible", - imagen: src="static/assets/compraCurso/guitarra.jpg" - }, +document.addEventListener("DOMContentLoaded", function() { + const datos = [ + { + "imagen": "https://randomuser.me/api/portraits/women/34.jpg", + "usuario": "Petg", + "datos": [ + "e-mail: abs@example.com", + "Fecha de Nacimiento: 1995/08/15", + "Nacionalidad: Estados Unidos", + "Mazo: 100" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/44.jpg", + "usuario": "GamerX", + "datos": [ + "e-mail: gamerx@example.com", + "Fecha de Nacimiento: 1992/04/21", + "Nacionalidad: Canadá", + "Mazo: 75" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/3.jpg", + "usuario": "ProGamer", + "datos": [ + "e-mail: progamer@example.com", + "Fecha de Nacimiento: 1993/10/15", + "Nacionalidad: Estados Unidos", + "Mazo: 90" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/women/4.jpg", + "usuario": "CyberPlayer", + "datos": [ + "e-mail: cyberplayer@example.com", + "Fecha de Nacimiento: 1990/07/08", + "Nacionalidad: Reino Unido", + "Mazo: 85" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/25.jpg", + "usuario": "GamingMaster", + "datos": [ + "e-mail: gamingmaster@example.com", + "Fecha de Nacimiento: 1988/12/03", + "Nacionalidad: Australia", + "Mazo: 100" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/6.jpg", + "usuario": "Abs", + "usuario": "SkillfulGamer", + "datos": [ + "e-mail: skillfulgamer@example.com", + "Fecha de Nacimiento: 1995/03/27", + "Nacionalidad: Alemania", + "Mazo: 80" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/women/27.jpg", + "usuario": "GameAddict", + "datos": [ + "e-mail: gameaddict@example.com", + "Fecha de Nacimiento: 1991/05/12", + "Nacionalidad: Francia", + "Mazo: 95" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/women/8.jpg", + "usuario": "GamingNinja", + "datos": [ + "e-mail: gamingninja@example.com", + "Fecha de Nacimiento: 1987/09/19", + "Nacionalidad: Japón", + "Mazo: 110" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/women/9.jpg", + "usuario": "GamerProdigy", + "datos": [ + "e-mail: gamerprodigy@example.com", + "Fecha de Nacimiento: 1994/02/28", + "Nacionalidad: Corea del Sur", + "Mazo: 120" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/50.jpg", + "usuario": "LegendaryGamer", + "datos": [ + "e-mail: legendarygamer@example.com", + "Fecha de Nacimiento: 1989/06/15", + "Nacionalidad: México", + "Mazo: 105" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/39.jpg", + "usuario": "ElitePlayer", + "datos": [ + "e-mail: eliteplayer@example.com", + "Fecha de Nacimiento: 1996/11/23", + "Nacionalidad: Brasil", + "Mazo: 115" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/12.jpg", + "usuario": "GameChampion", + "datos": [ + "e-mail: gamechampion@example.com", + "Fecha de Nacimiento: 1992/08/30", + "Nacionalidad: España", + "Mazo: 100" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/33.jpg", + "usuario": "ProGamerX", + "datos": [ + "e-mail: progamerx@example.com", + "Fecha de Nacimiento: 1993/04/17", + "Nacionalidad: Italia", + "Mazo: 95" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/women/14.jpg", + "usuario": "CyberMaster", + "datos": [ + "e-mail: cybermaster@example.com", + "Fecha de Nacimiento: 1997/11/08", + "Nacionalidad: Portugal", + "Mazo: 80" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/40.jpg", + "usuario": "GamingLegend", + "datos": [ + "e-mail: gaminglegend@example.com", + "Fecha de Nacimiento: 1986/03/25", + "Nacionalidad: Argentina", + "Mazo: 110" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/women/26.jpg", + "usuario": "SkillfulPlayer", + "datos": [ + "e-mail: skillfulplayer@example.com", + "Fecha de Nacimiento: 1990/09/12", + "Nacionalidad: Chile", + "Mazo: 105" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/17.jpg", + "usuario": "GameAddictX", + "datos": [ + "e-mail: gameaddictx@example.com", + "Fecha de Nacimiento: 1995/01/29", + "Nacionalidad: Perú", + "Mazo: 100" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/18.jpg", + "usuario":"GamingNinjaX", + "datos": [ + "e-mail: gamingninjax@example.com", + "Fecha de Nacimiento: 1988/07/04", + "Nacionalidad: Colombia", + "Mazo: 90" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/19.jpg", + "usuario": "GamerProdigyX", + "datos": [ + "e-mail: gamerprodigyx@example.com", + "Fecha de Nacimiento: 1994/11/21", + "Nacionalidad: Venezuela", + "Mazo: 95" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/20.jpg", + "usuario": "LegendaryGamerX", + "datos": [ + "e-mail: legendgamerx@example.com", + "Fecha de Nacimiento: 1987/05/18", + "Nacionalidad: Ecuador", + "Mazo: 105" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/21.jpg", + "usuario": "ElitePlayerX", + "datos": [ + "e-mail: eliteplayerx@example.com", + "Fecha de Nacimiento: 1996/08/07", + "Nacionalidad: Bolivia", + "Mazo: 110" + ] + }, + { + "imagen": "https://randomuser.me/api/portraits/men/22.jpg", + "usuario": "GameChampionX", + "datos": [ + "e-mail: gamechampionx@example.com", + "Fecha de Nacimiento: 1992/12/03", + "Nacionalidad: Uruguay", + "Mazo: 120" + ] + } - { - nombre: "Saxo Alto / Tenor", - fechaInicio: "Inicio: 12/08", - precio: 6500, - disponibilidad: "Curso Disponible", - imagen: src="static/assets/compraCurso/saxo.jpg" - }, - { - nombre: "Flauta Traversa", - fechaInicio: "Inicio: 10/08", - precio: 4500, - disponibilidad: "Curso Disponible", - imagen: src="static/assets/compraCurso/flauta.jpg" - }, - - { - nombre: "Piano / Teclado / Acordeón", - fechaInicio: "Inicio: 15/08", - precio: 5500, - disponibilidad: "Curso Disponible", - imagen: src="static/assets/compraCurso/piano.jpg" - }, + // Agrega más objetos JSON según necesites + ]; - { - nombre: "Trompeta", - fechaInicio: "Inicio: 11/09", - precio: 6000, - disponibilidad: "Curso Disponible", - imagen: src="static/assets/compraCurso/trompeta.jpg" - }, + function generarTarjetas() { + const swiperWrapper = document.getElementById("swiper-wrapper"); - { - nombre: "Batería", - fechaInicio: "Inicio: 20/08", - precio: 5800, - disponibilidad: "Curso Disponible", - imagen: src="static/assets/compraCurso/bata.jpg" - }, + datos.forEach((item) => { + const divSlide = document.createElement("div"); + divSlide.classList.add("swiper-slide"); - { - nombre: "Bajo Eléctrico", - fechaInicio: "Inicio: 14/08", - precio: 5500, - disponibilidad: "Curso Disponible", - imagen: src="static/assets/compraCurso/bajo.jpg" - }, + const divGallery = document.createElement("div"); + divGallery.classList.add("gallery"); - { - nombre: "Violín", - fechaInicio: "Inicio: 11/08", - precio: 7500, - disponibilidad: "Curso Disponible", - imagen: src="static/assets/compraCurso/violin.jpg" - }, + const divContentGallery = document.createElement("div"); + divContentGallery.classList.add("content-gallery"); - { - nombre: "Canto", - fechaInicio: "Inicio: 10/08", - precio: 5900, - disponibilidad: "Curso Disponible", - imagen: src="static/assets/compraCurso/canto.jpg" - }, - - - ]; + const img = document.createElement("img"); + img.classList.add("img-gallery", "img-slide"); + img.src = item.imagen; + img.alt = "galeria-materiales"; - + const h4 = document.createElement("h4"); + h4.classList.add("title-materials", "title-slide"); + h4.textContent = item.usuario; - crearCard(); + const p = document.createElement("p"); + p.classList.add("párrafo-materials", "p-slide"); + item.datos.forEach((habilidad) => { + const span = document.createElement("span"); + span.classList.add("habilidad", "habilidad-slide"); + span.textContent = habilidad; + p.appendChild(span); + p.appendChild(document.createElement("br")); + }); + const divInfoBtn = document.createElement("div"); + divInfoBtn.classList.add("info-btn", "btn-slide"); -//CARDS -function crearCard() { - let cards=document.getElementById("swiper-wrapper"); + const button = document.createElement("button"); + button.classList.add("btn", "btn-danger", "btn-info"); + button.innerHTML = '+ Info'; - for(const curso of cursos){ + divContentGallery.appendChild(img); + divContentGallery.appendChild(h4); + divContentGallery.appendChild(p); + divContentGallery.appendChild(divInfoBtn); + divInfoBtn.appendChild(button); + divGallery.appendChild(divContentGallery); + divSlide.appendChild(divGallery); + swiperWrapper.appendChild(divSlide); + }); + } - let card=document.createElement("div"); - card.className="card col-4 justify-content-md-center align-items-center"; - card.innerHTML=` -
    - ${curso.nombre} -
    -
    ${curso.nombre}
    -

    ${curso.precio}

    -

    ${curso.fechaInicio}

    -

    ${curso.disponibilidad}

    - -
    -
    - `; - // cards.append(card); - }} \ No newline at end of file + // Inicializar Swiper después de generar las tarjetas + generarTarjetas(); + new Swiper(".swiper-container", { + slidesPerView: 5, + loop: true, + navigation: { + nextEl: ".swiper-button-next", + prevEl: ".swiper-button-prev", + }, + }); +}); diff --git a/login.html b/login.html index f01c9ba..10fc6a3 100644 --- a/login.html +++ b/login.html @@ -36,7 +36,7 @@

    Login

    -
    +

    diff --git a/show_data.html b/show_data.html index 16815b3..786644c 100644 --- a/show_data.html +++ b/show_data.html @@ -63,4 +63,5 @@

    The following information has been sent as your - \ No newline at end of file + + diff --git a/users.html b/users.html index b1fe90e..f165c6d 100644 --- a/users.html +++ b/users.html @@ -12,19 +12,12 @@ - - - - - - - ↑ Cards @@ -33,534 +26,67 @@
    - +
    -
  • Home
    • +
  • Home
  • Cartas
    • -
  • Usuarios
    • +
  • Usuarios
  • Contacto
    • - - + +
    -

    Usuarios

    -

    Conoce a los usuarios más destacados

    - +

    Conoce a los usuarios destacados

    +
    - - - -
    -
    - -
    -
    -
    - galeria-materiales -

    Petg:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - -
    -
    -
    - galeria-materiales -

    Abs:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Flexibles:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - -
    -
    -
    - galeria-materiales -

    Pla:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Pcabs:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Nylon:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Petg:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Abs:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Flexibles:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Pla:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Pcabs:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Nylon:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Petg:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Abs:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Flexibles:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - + - - - -
    -
    -
    - galeria-materiales -

    Pla:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Pcabs:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Nylon:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Petg:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - -
    -
    -
    - galeria-materiales -

    Abs:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Flexibles:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Pla:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Pcabs:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    -
    - - - - - -
    -
    -
    - galeria-materiales -

    Nylon:

    -

    Agilidad 80% (Velocidad y destreza física)
    - Inteligencia 90% (Habilidad para resolver problemas)
    - Fuerza 85% (Poder físico y capacidad de causar daño)
    - Percepción 75% (Sensibilidad para anticipar peligros)

    -
    - -
    -
    -
    + +
    +
    +
    +
    -
    -
    -
    - - + + + + - -