# Interactive Resource Carousel

Prepared by Lienzo · https://lienzo.tools/en/templates/

## Open and try
Extract the entire ZIP and open index.html in a modern browser. Keep the folder structure and filenames. Rendering the template needs no installation, server, Internet connection, or remote libraries. Social and resource links open Internet pages.

## Customize
1. Edit text and links in index.html. Sample links point to Lienzo or social sharing pages.
2. Adjust colors in the :root variables at the top of styles.css. The next block defines the light theme.
3. Adjust spacing, sizes, and effects in the .lz-social or .carousel rules. Keep prefers-reduced-motion support.
4. To integrate the relevant code, copy its HTML, CSS rules, and required variables. The .demo class provides the sample setting. Scope body selectors to your own container if your site already has global styles.

## Files
- index.html: structure, links, and content.
- styles.css: visual design.
- script.js: theme switching, carousel navigation, and temporary favorites.
- assets/: sample logo, local fonts, and font licenses.
- LICENSE-LIENZO.txt: MIT license for Lienzo's contributions.

## Credits and conditions
Original carousel design, illustrations, and code by Lienzo. Built from scratch with native scrolling; it does not include code or images from the external Swiper ZIP. Hover tilt and cursor-following light use local CSS and JavaScript. Keyboard focus remains visible; touch scrolling works natively and reduced-motion preferences disable tilt.
Fraunces: The Fraunces Project Authors. Instrument Sans: The Instrument Sans Project Authors. Both fonts are included under OFL 1.1 with their full notices. Replace the sample Lienzo logo with your own. MIT does not grant rights to third-party trademarks.

Carousel favorites are temporary demo state, not an account or storage service. They reset on reload. Untranslated resource examples are labeled Spanish. Test the code within your project before publishing it.