S3 · CloudFront · IAM · Lambda · Certificate Manager · Route 53

Working GIF Hotspot Demonstration

Animated AWS hyperlink-directory visualization cycling through seven hotspot regions

1 2 3 4 5 6 7

Yellow/cyan rectangles = HTML anchors GIF animation = visual guidance only Click any numbered region to open its destination

1. Raster image

The GIF or PNG supplies the visible artwork. It may animate, but its pixels do not contain seven independent web destinations.

2. Responsive hotspot layer

Each transparent HTML anchor uses percentage-based left, top, width, and height values so it stays aligned when the image scales.

3. Live hyperlink

Every anchor has its own absolute URL, accessible label, keyboard focus state, hover label, and new-tab behavior.

Portrait Hyperlink Directory — Click the Numbered Rows

AWS File Location Guide with seven numbered hyperlink rows

1 2 3 4 5 6 7

Landscape Mapping Board — Click the Nodes

Hyperlink Mapping Board with a central package root and linked AWS components

2 3 4 1 5 6 7

How the Mapping Works

IMAGE OR GIF (visual pixels)
+ RESPONSIVE HTML CONTAINER (position: relative)
+ TRANSPARENT ANCHOR HOTSPOTS (position: absolute; percentage geometry)
+ ONE ABSOLUTE URL PER HOTSPOT
= ONE VISUAL IMAGE WITH MANY REAL CLICKABLE DESTINATIONS

Permanent Link Registry

Package Root — S3 / CloudFront Indexer

Public root of the complete source-and-documentation package.

Permanent record name: AWS-INDEXER-PACKAGE-ROOT

https://8k.art/daily/2026-07-14/s3-cloudfront-indexer/

Lambda@Edge Directory Browser — index.mjs

Origin-response Lambda@Edge code that generates public directory listings.

Permanent record name: LAMBDA-EDGE-DIRECTORY-BROWSER-SOURCE

https://8k.art/daily/2026-07-14/s3-cloudfront-indexer/lambda-edge-directory-browser/index.mjs

CloudFront Function Headers — allow-all-cors-and-inline-text.js

Viewer-response CloudFront Function for headers, CORS, inline text, and HTML cache behavior.

Permanent record name: CLOUDFRONT-VIEWER-RESPONSE-HEADERS-SOURCE

https://8k.art/daily/2026-07-14/s3-cloudfront-indexer/cloudfront-function-headers/allow-all-cors-and-inline-text.js

S3 Directory Index Updater — index.mjs

Regional Lambda that rebuilds directory metadata and requests exact CloudFront invalidations.

Permanent record name: S3-EVENT-DIRECTORY-INDEX-UPDATER-SOURCE

https://8k.art/daily/2026-07-14/s3-cloudfront-indexer/s3-directory-index-updater/index.mjs

IAM Browse-Prefix Policy — JSON

IAM policy example granting approved S3 list and object-read permissions.

Permanent record name: IAM-S3-LIST-PREFIX-POLICY-JSON

https://8k.art/daily/2026-07-14/s3-cloudfront-indexer/policies/s3-list-prefix-policy-example.json

IAM Role — 8k-art-directory-browser-role-4amo9rx0

AWS IAM console record for the Lambda@Edge execution role.

Permanent record name: IAM-DIRECTORY-BROWSER-EXECUTION-ROLE

https://us-east-1.console.aws.amazon.com/iam/home#/roles/details/8k-art-directory-browser-role-4amo9rx0

Public Directory Listing — 2026-07-14

Live public output that proves S3, CloudFront, Lambda, and IAM are working together.

Permanent record name: PUBLIC-DAILY-DIRECTORY-OUTPUT

https://8k.art/daily/2026-07-14/

AWS Console Record Links

S3 Bucket — www.8k.art / daily/ AWS-S3-WWW-8K-ART-DAILY https://us-east-1.console.aws.amazon.com/s3/buckets/www.8k.art?region=us-east-1&prefix=daily/&showversions=false CloudFront Distributions AWS-CLOUDFRONT-DISTRIBUTIONS https://us-east-1.console.aws.amazon.com/cloudfront/v4/home#/distributions Lambda Functions — us-east-1 AWS-LAMBDA-US-EAST-1 https://us-east-1.console.aws.amazon.com/lambda/home?region=us-east-1#/functions IAM Roles AWS-IAM-ROLES https://us-east-1.console.aws.amazon.com/iam/home#/roles AWS Certificate Manager — us-east-1 AWS-ACM-US-EAST-1-CERTIFICATES https://us-east-1.console.aws.amazon.com/acm/home?region=us-east-1#/certificates/list Route 53 Hosted Zones AWS-ROUTE53-HOSTED-ZONES https://console.aws.amazon.com/route53/v2/hostedzones

Portability Record

This is a single self-contained HTML document. Both visualization images and the animated GIF are embedded directly as data URIs. All destination hyperlinks are absolute HTTPS URLs. The file can therefore be placed inside the 2026-07-14 AWS folder, copied to another S3 prefix, attached to a support record, or hosted on another website without breaking its images or link destinations.

The only expected exception is access control: AWS Console destinations require the viewer to be signed into an AWS account with permission to view those resources.