About

What is Art Directory?

Art Directory is a comprehensive, lightweight static site for organising and presenting art, images, videos, and art supplies. It includes a filterable gallery, a supply catalog across 16 categories, in-depth art guides, and full SEO/AEO/GEO optimization. Drop your media into the assets/ folder, register it in js/data.js, and it appears automatically in the gallery.

Art Supply Directory

Browse supplies across 16 categories: painting mediums, drawing materials, brushes, canvas, printmaking, sculpture, digital tools, calligraphy, textile, ceramics, easels, framing, adhesives, safety, photography, and kids/education. Each product includes ratings, skill levels, and detailed descriptions.

Browse Art Supplies →

Expert Guides

Read in-depth guides covering paint selection, brush types, surface choices, drawing materials, digital art tools, colour theory, studio setup, and supply care & safety. Each guide includes comparison tables, tips, and cited sources.

Read Guides →

Adding Media

1. Place image files inside assets/images/.
2. Place video files inside assets/videos/.
3. Optionally add a thumbnail to assets/thumbnails/.
4. Open js/data.js and add an entry to the artworks array following the documented schema.

Supported Formats

• Images: JPEG, PNG, WebP, GIF, SVG, AVIF
• Videos: MP4 (H.264/H.265), WebM, OGG

Project Structure

ArtProject/
+-- index.html
+-- sitemap.xml
+-- robots.txt
+-- css/
-   +-- styles.css
+-- js/
-   +-- data.js
-   +-- gallery.js
-   +-- supplies-data.js
-   +-- supplies.js
+-- pages/
-   +-- gallery.html
-   +-- supplies.html
-   +-- guides.html
-   +-- about.html
+-- assets/
    +-- images/
    +-- videos/
    +-- thumbnails/