https://jessiesart.net/ Recent content on Jessie's Art Hugo -- gohugo.io en-us © 2026 Mon, 01 Jan 0001 00:00:00 +0000 https://jessiesart.net/gallery-test/ Mon, 01 Jan 0001 00:00:00 +0000 https://jessiesart.net/gallery-test/ <h1 class="relative group">Random Carousel Test <div id="random-carousel-test" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#random-carousel-test" aria-label="Anchor">#</a> </span> </h1> <p>This page tests the random-carousel shortcode with 12 sample images.</p> <div class="random-carousel" data-images='[&#34;PXL_20251215_161704843.jpg&#34;,&#34;PXL_20251215_161647148.jpg&#34;,&#34;PXL_20260614_045103058.jpg&#34;,&#34;PXL_20260605_013247040.jpg&#34;,&#34;FB_IMG_1780435465301.jpg&#34;,&#34;PXL_20251222_235755182.PORTRAIT.ORIGINAL.jpg&#34;,&#34;PXL_20260609_004914933.jpg&#34;,&#34;FB_IMG_1780435572886.jpg&#34;,&#34;PXL_20251208_193540277.PORTRAIT.ORIGINAL.jpg&#34;,&#34;PXL_20260605_174731325.jpg&#34;]' data-path="static/gallery" data-interval="3000" data-aspect="4/3"> </div> <style> .random-carousel { position: relative; width: 100%; max-width: 1000px; margin: 2em auto; overflow: hidden; border-radius: 8px; background: #1a1a1a; user-select: none; } .random-carousel .rc-track { width: 100%; aspect-ratio: 4 / 3; position: relative; } .random-carousel .rc-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.5s ease; } .random-carousel .rc-slide.active { opacity: 1; } .random-carousel .rc-slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .random-carousel .rc-nav { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; pointer-events: none; } .random-carousel .rc-nav button { pointer-events: all; background: rgba(0,0,0,0.4); color: #fff; border: none; width: 44px; height: 44px; font-size: 1.4rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s; } .random-carousel .rc-nav button:hover { background: rgba(0,0,0,0.7); } .random-carousel .rc-nav .rc-prev { margin-left: 10px; } .random-carousel .rc-nav .rc-next { margin-left: auto; margin-right: 10px; } .random-carousel .rc-dots { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; gap: 6px; z-index: 2; } .random-carousel .rc-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.4); border: none; cursor: pointer; padding: 0; transition: background 0.2s; } .random-carousel .rc-dot.active { background: #fff; } </style> <script src="https://jessiesart.net/js/random-carousel.js" defer></script> <p>Refresh the page multiple times — you should see a different set of 10 random images each time.</p> https://jessiesart.net/test-readdir/ Mon, 01 Jan 0001 00:00:00 +0000 https://jessiesart.net/test-readdir/ Found 32 images: [00100lrPORTRAIT_00100_BURST20210623150128932_COVER-edited.jpg FB_IMG_1751245221052.jpg FB_IMG_1780116574098.jpg FB_IMG_1780435374806.jpg FB_IMG_1780435418902.jpg FB_IMG_1780435424403.jpg FB_IMG_1780435449589.jpg FB_IMG_1780435465301.jpg FB_IMG_1780435572886.jpg FB_IMG_1780435592413.jpg PXL_20250906_235436854.jpg PXL_20250922_214537636.PORTRAIT.ORIGINAL.jpg PXL_20250922_214601745.PORTRAIT.jpg PXL_20250922_214606415.PORTRAIT.jpg PXL_20251204_023329586.PORTRAIT.ORIGINAL.jpg PXL_20251208_193540277.PORTRAIT.ORIGINAL.jpg PXL_20251215_161647148.jpg PXL_20251215_161701081.jpg PXL_20251215_161704843.jpg PXL_20251222_235755182.PORTRAIT.ORIGINAL.jpg PXL_20260109_035452722.PORTRAIT.ORIGINAL.jpg PXL_20260122_010029886.jpg PXL_20260129_003116301.jpg PXL_20260208_025840527.jpg PXL_20260604_003922749.jpg PXL_20260605_013247040.jpg PXL_20260605_174731325.jpg PXL_20260609_004914933.jpg PXL_20260609_005057726.PORTRAIT.ORIGINAL.jpg PXL_20260609_005127535.PORTRAIT.ORIGINAL.jpg PXL_20260614_045103058.jpg il_fullxfull.5523349000_5pkm.jpg]