planetoftheweb / demo-week4

Repository from Github https://github.complanetoftheweb/demo-week4Repository from Github https://github.complanetoftheweb/demo-week4

Midjourney AI Art Gallery

This project showcases a gallery of AI-generated images created with Midjourney. It includes unique characters, fantasy cityscapes, artistic indoor scenes, digital textures, and various artistic styles. This repository demonstrates the integration of modern web development techniques to create an interactive and visually appealing gallery.

Techniques Used

  • Intersection Observer API: Used to animate section visibility as users scroll through the page. Learn more about Intersection Observer API.
  • Scroll Behavior: Smooth scrolling enabled for a better user experience. See scroll-behavior.
  • CSS Transitions: Applied for smooth visual effects during scroll and image interactions. Explore CSS Transitions.
  • Lightbox Feature: Provides a full-screen view of images with navigation controls.

Notable Libraries and Technologies

  • Pico.css: Minimal CSS framework for styling. Pico.css
  • Google Fonts: Utilizing "Play" and "Titillium Web" fonts for typography. Play and Titillium Web

Updating

To update this with your own images, check out these instructions

Completion

Feel free to add your own name here.

  • Completed by Ray Villalobos

About


Languages

Language:HTML 65.2%Language:CSS 19.5%Language:JavaScript 15.2%