stacksorted

Pila ordenada.

Un proyecto de código abierto y abierto a contribución que clasifica los sitios web, no por diseño general o tema sino por elementos específicos.

Cómo contribuir

Puede contribuir mejorando el código o agregando sitios a la base de datos. Antes de eso, asegúrese de leer los códigos de conducta.

Mejora del código

Si hay una característica que le gustaría ver, abra un problema o envíe una solicitud de extracción.

Agregar un sitio

Agregamos sitios y categorías principalmente a Database.js.

Hay hasta 5 propiedades que puede especificar para cada sitio:

 {
          name: "Site/Project/Design Name",
          url: "https://example.com",
          code: "link to code implementation of the design (if existing, preferrably on Codepen)",
          image: "/images/{category}-{number}.webp",
          gif: "/images/{category}-{image-number}.webp",
},

Tener en mente

1. El name , url y image son obligatorios. code y gif son opcionales.
2. Puede agregarlo si hay una implementación existente del diseño en CodePen o sitios similares. Si está haciendo uno usted mismo, también puede agregar el enlace allí.
3. Puede agregar las imágenes al public/images .
4. También hay una convención de nombres para imágenes: {categoría}-{número} .webp El número sigue el último número de imagen existente. Si está agregando el primer sitio en una categoría, por ejemplo, granía, entonces sería granulada-1.webp, seguido de granía-2.webp, etc.
5. Se agrega un GIF cuando es útil mostrar una animación de vista previa del elemento. Debe tener el mismo número que la imagen seguida de la letra 'G', por ejemplo, Image-1g.Webp. Este GIF se mostrará solo en el modal.
6. La imagen debe capturar perfectamente el elemento (200x344).
7. GIF debe ser lo más corto posible, solo capturando el efecto principal/animación, por lo que el archivo no debe exceder los 10 MB.

¡Gracias por visitar el proyecto!