-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paththeme.html
More file actions
1 lines (1 loc) · 9.03 KB
/
theme.html
File metadata and controls
1 lines (1 loc) · 9.03 KB
1
<!doctype html><html class="scroll-pt-[5rem] scroll-smooth" lang="id"><head><meta charset="utf-8"><meta content="" name="description"><meta content="#ffffff" name="theme-color" media="(prefers-color-scheme: light)"><meta content="#1f1f1f" name="theme-color" media="(prefers-color-scheme: dark)"><meta content="" name="keyword"><meta content="" name="author"><meta content="width=device-width,initial-scale=1" name="viewport"><link href="/asset/index/favicon.ico" rel="icon" type="image/x-icon"><title>Apoxicam Theme Viewer</title><meta content="Apoxicam Theme Viewer" property="og:title"><meta content="https://apoxi.cam/asset/index/cover.webp" property="og:image"><meta content="summary_large_image" name="twitter:card"><meta content="Apoxicam Theme Viewer" name="twitter:title"><meta content="" name="twitter:description" id="twitter-description"><meta content="https://apoxi.cam/asset/index/cover.webp" name="twitter:image"><link href="/asset/css/style.css" rel="stylesheet"><meta content="same-origin" name="view-transition"><link href="/asset/js/search.js" rel="modulepreload" as="script" crossorigin><link href="/asset/js/search-global.js" rel="modulepreload" as="script" crossorigin><script src="/asset/js/lazysizes.min.js"></script><script type="application/ld+json">{"@context":"http://schema.org","@type":"WebSite","name":"Apoxicam Theme Viewer","url":"https://apoxi.cam/theme.html"}</script></head><body class="bg-base-200"><div class="min-h-screen sm:hero"><div class="container max-w-4xl mx-auto p-10 p-4"><div class="gap-3 bg-base-100 border border-base-content/5 grid not-prose p-6 rounded-box text-base-content"><div class="grid gap-2 grid-cols-2 md:grid-cols-4"><button class="btn">Default</button> <button class="btn btn-primary">Primary</button> <button class="btn btn-secondary">Secondary</button> <button class="btn btn-accent">Accent</button> <button class="btn btn-info">Info</button> <button class="btn btn-success">Success</button> <button class="btn btn-warning">Warning</button> <button class="btn btn-error">Error</button></div><div class="grid gap-2 grid-cols-2 md:grid-cols-4 place-items-center"><span class="badge">Default</span> <span class="badge badge-primary">Primary</span> <span class="badge badge-secondary">Secondary</span> <span class="badge badge-accent">Accent</span> <span class="badge badge-info">Info</span> <span class="badge badge-success">Success</span> <span class="badge badge-warning">Warning</span> <span class="badge badge-error">Error</span></div><div class="flex gap-3 flex-col"><div class="flex gap-3 flex-col md:flex-row"><div class="md:w-1/2"><div class="tabs tabs-lifted"><button class="tab">Tab</button> <button class="tab tab-active">Tab</button> <button class="tab">Tab</button></div><div class="flex flex-col"><span class="link">I'm a simple link</span> <span class="link link-primary">I'm a simple link</span> <span class="link link-secondary">I'm a simple link</span> <span class="link link-accent">I'm a simple link</span></div></div><div class="flex gap-3 flex-col md:w-1/2"><progress class="progress" max="100" value="20">Default</progress><progress class="progress progress-primary" max="100" value="25">Primary</progress><progress class="progress progress-secondary" max="100" value="30">Secondary</progress><progress class="progress progress-accent" max="100" value="40">Accent</progress><progress class="progress progress-info" max="100" value="45">Info</progress><progress class="progress progress-success" max="100" value="55">Success</progress><progress class="progress progress-warning" max="100" value="70">Warning</progress><progress class="progress progress-error" max="100" value="90">Error</progress></div></div><div class="flex gap-3 flex-col md:flex-row"><div class="bg-base-300 border border-base-300 md:w-1/2 stats"><div class="stat"><div class="stat-title">Total Page Views</div><div class="stat-value">89,400</div><div class="stat-desc">21% more than last month</div></div></div><div class="flex gap-3 md:w-1/2 flex-wrap items-center justify-center"><div class="radial-progress" style="--value:60;--size:3.5rem">60%</div><div class="radial-progress" style="--value:75;--size:3.5rem">75%</div><div class="radial-progress" style="--value:90;--size:3.5rem">90%</div></div></div></div><div class="flex gap-3 flex-col"><div class="flex gap-3 flex-col md:flex-row"><div class="md:w-1/2"><div><input class="toggle" type="checkbox" checked> <input class="toggle toggle-primary" type="checkbox" checked> <input class="toggle toggle-secondary" type="checkbox" checked> <input class="toggle toggle-accent" type="checkbox" checked></div><div><input class="checkbox" type="checkbox" checked> <input class="checkbox checkbox-primary" type="checkbox" checked> <input class="checkbox checkbox-secondary" type="checkbox" checked> <input class="checkbox checkbox-accent" type="checkbox" checked></div><div><input class="radio" type="radio" checked name="radio-1"> <input class="radio radio-primary" type="radio" name="radio-1"> <input class="radio radio-secondary" type="radio" name="radio-1"> <input class="radio radio-accent" type="radio" name="radio-1"></div></div><div class="md:w-1/2"><input class="range range-xs" type="range" max="100" min="0" value="90"> <input class="range range-xs range-primary" type="range" max="100" min="0" value="70"> <input class="range range-xs range-secondary" type="range" max="100" min="0" value="50"> <input class="range range-xs range-accent" type="range" max="100" min="0" value="40"></div></div><div class="flex gap-3 flex-col md:flex-row"><div class="flex gap-3 flex-col md:w-1/2"><input class="input input-bordered w-full" type="text" placeholder="Default"> <input class="input input-bordered w-full input-primary" type="text" placeholder="Primary"> <input class="input input-bordered w-full input-secondary" type="text" placeholder="Secondary"> <input class="input input-bordered w-full input-accent" type="text" placeholder="Accent"></div><div class="flex gap-3 flex-col md:w-1/2"><input class="input input-bordered w-full input-info" type="text" placeholder="Info"> <input class="input input-bordered w-full input-success" type="text" placeholder="Success"> <input class="input input-bordered w-full input-warning" type="text" placeholder="Warning"> <input class="input input-bordered w-full input-error" type="text" placeholder="Error"></div></div><div class="bg-neutral navbar rounded-box text-neutral-content"><div class="flex-none"><button class="btn btn-ghost btn-square"><svg class="stroke-current h-5 inline-block w-5" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4 6h16M4 12h16M4 18h16" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg></button></div><div class="flex-1"><button class="btn btn-ghost text-xl">daisyUI</button></div></div><div class="flex gap-3"><div class="flex gap-3 flex-col grow"><div class="font-bold text-4xl">Text Size 1</div><div class="font-bold text-3xl">Text Size 2</div><div class="font-bold text-2xl">Text Size 3</div><div class="font-bold text-xl">Text Size 4</div><div class="font-bold text-lg">Text Size 5</div><div class="font-bold text-sm">Text Size 6</div><div class="font-bold text-xs">Text Size 7</div></div><ul class="steps steps-vertical"><li class="step step-primary">Step 1</li><li class="step step-primary">Step 2</li><li class="step">Step 3</li><li class="step">Step 4</li></ul></div></div><div class="flex gap-3 flex-col"><div class="alert"><svg class="h-6 shrink-0 w-6 stroke-info" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>12 unread messages. Tap to see.</span></div><div class="alert alert-info"><svg class="h-6 shrink-0 w-6 stroke-current" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>New software update available.</span></div><div class="alert alert-success"><svg class="h-6 shrink-0 w-6 stroke-current" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Your purchase has been confirmed!</span></div><div class="alert alert-warning"><svg class="h-6 shrink-0 w-6 stroke-current" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Warning: Invalid email address!</span></div><div class="alert alert-error"><svg class="h-6 shrink-0 w-6 stroke-current" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path></svg> <span>Error! Task failed successfully.</span></div></div></div></div></div></body></html>