- Implemented main entry point for React application in `main.jsx`. - Created `Gallery` component for displaying images with infinite scroll and pull-to-refresh functionality. - Developed `ImageDetail` component for showing detailed information and actions for selected images. - Added `Settings` component for configuring API connection settings. - Integrated Vite for build and development with PWA support. - Implemented caching strategies for API responses and image previews using Workbox.
29 lines
1.3 KiB
XML
29 lines
1.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
|
<!-- Dark background -->
|
|
<rect width="512" height="512" rx="80" fill="#0d0d0d"/>
|
|
<!-- Aperture blades in orange accent -->
|
|
<!-- Center circle -->
|
|
<circle cx="256" cy="256" r="60" fill="none" stroke="#f4a22d" stroke-width="8"/>
|
|
<!-- Aperture blade 1 -->
|
|
<path d="M256 120 L296 196 L256 196 Z" fill="#f4a22d" opacity="0.9"/>
|
|
<!-- Aperture blade 2 -->
|
|
<path d="M370 181 L316 240 L296 196 Z" fill="#f4a22d" opacity="0.9"/>
|
|
<!-- Aperture blade 3 -->
|
|
<path d="M392 296 L316 240 L336 296 Z" fill="#f4a22d" opacity="0.9"/>
|
|
<!-- Aperture blade 4 -->
|
|
<path d="M336 392 L256 316 L336 296 Z" fill="#f4a22d" opacity="0.9"/>
|
|
<!-- Aperture blade 5 -->
|
|
<path d="M176 392 L196 316 L256 316 Z" fill="#f4a22d" opacity="0.9"/>
|
|
<!-- Aperture blade 6 -->
|
|
<path d="M120 296 L196 316 L176 240 Z" fill="#f4a22d" opacity="0.9"/>
|
|
<!-- Aperture blade 7 -->
|
|
<path d="M120 181 L176 240 L196 196 Z" fill="#f4a22d" opacity="0.9"/>
|
|
<!-- Aperture blade 8 -->
|
|
<path d="M216 120 L216 196 L256 196 Z" fill="#f4a22d" opacity="0.9"/>
|
|
<!-- Outer ring -->
|
|
<circle cx="256" cy="256" r="180" fill="none" stroke="#f4a22d" stroke-width="12" opacity="0.6"/>
|
|
<!-- Inner highlight -->
|
|
<circle cx="256" cy="256" r="40" fill="#f4a22d" opacity="0.3"/>
|
|
<circle cx="256" cy="256" r="20" fill="#f4a22d"/>
|
|
</svg>
|