No more building CSS
This commit is contained in:
@ -14,20 +14,30 @@ Atridad Lahiji // Tools // Resizer
|
||||
{{end}}
|
||||
|
||||
{{define "main"}}
|
||||
<h2 class="text-2xl font-extrabold tracking-tight text-white sm:text-[2rem]">Image Resizer</h2>
|
||||
<form action="/api/tools/resize" method="post" enctype="multipart/form-data" class="flex-col flex gap-4">
|
||||
Select image to resize:
|
||||
<input type="file" name="image" accept=".png,.jpg,.jpeg"
|
||||
class="file-input file-input-bordered file-input-secondary w-full max-w-xs" required />
|
||||
<br>
|
||||
New width (px):
|
||||
<input type="number" id="newWidth" name="width" min="1" class="input input-bordered w-full max-w-xs" required>
|
||||
<br>
|
||||
New height (px):
|
||||
<input type="number" id="newHeight" name="height" min="1" class="input input-bordered w-full max-w-xs" required>
|
||||
<br>
|
||||
<button type="submit" class="btn btn-secondary">Resize Image</button>
|
||||
</form>
|
||||
<div class="tool-page">
|
||||
<h1>Image Resizer</h1>
|
||||
|
||||
<p>Upload and resize your images quickly and easily. Select an image file, specify dimensions, and get a resized version instantly.</p>
|
||||
|
||||
<form action="/api/tools/resize" method="post" enctype="multipart/form-data" class="form-group">
|
||||
<div class="form-group">
|
||||
<label for="image">Select image to resize:</label>
|
||||
<input type="file" id="image" name="image" accept=".png,.jpg,.jpeg" required />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="newWidth">New width (px):</label>
|
||||
<input type="number" id="newWidth" name="width" min="1" required />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="newHeight">New height (px):</label>
|
||||
<input type="number" id="newHeight" name="height" min="1" required />
|
||||
</div>
|
||||
|
||||
<button type="submit" class="tool-button">Resize Image</button>
|
||||
</form>
|
||||
</div>
|
||||
{{end}}
|
||||
|
||||
{{define "foot"}}
|
||||
|
Reference in New Issue
Block a user