web/webtools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Some more tools around Android icons
All checks were successful
/ publish (push) Successful in 1m48s
Details

Browse source
This commit is contained in:
Leon Mika 2026-03-12 22:52:25 +11:00
parent 7f6dcac154
commit c7ff8597aa
15 changed files with 644 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

34
site/android-icons/index.html Normal file
View file

@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Android Icon Resizer - Tools</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body class="container">
<header>
<hgroup>
<h1>Android Icon Resizer</h1>
<p>Resize PNG images to Android mipmap density buckets. Everything runs in your browser.</p>
</hgroup>
</header>
<main>
<div>
<label for="file-input">Select PNG files</label>
<input type="file" id="file-input" accept="image/png" multiple>
</div>
<div id="preview-area"></div>
<div id="circle-preview">
<h3>Circle Crop Preview</h3>
<canvas id="circle-canvas" width="192" height="192"></canvas>
</div>
<div class="actions">
<button id="prepare-btn" disabled>Prepare</button>
</div>
<div id="status"></div>
</main>
<script src="main.js" type="module"></script>
</body>
</html>