diff options
| author | elioat <elioat@tilde.institute> | 2025-03-16 10:47:43 -0400 |
|---|---|---|
| committer | elioat <elioat@tilde.institute> | 2025-03-16 10:47:43 -0400 |
| commit | 3f8525f54f3e02e7cf6abaeec73f84d2db4dd108 (patch) | |
| tree | 37d94375f8a94f7e3d094a00c47d0879ca01bf77 /html/immoral/index.html | |
| parent | 50c456d4d39c8be4b8a63c845ba8ac2462a0f5e9 (diff) | |
| download | tour-3f8525f54f3e02e7cf6abaeec73f84d2db4dd108.tar.gz | |
*
Diffstat (limited to 'html/immoral/index.html')
| -rw-r--r-- | html/immoral/index.html | 19 |
1 files changed, 15 insertions, 4 deletions
diff --git a/html/immoral/index.html b/html/immoral/index.html index 4bece93..9792444 100644 --- a/html/immoral/index.html +++ b/html/immoral/index.html @@ -50,6 +50,17 @@ background: var(--beige); } + @media (max-width: 600px) { + .input-group { + flex-direction: column; + gap: 0.75rem; + } + + .input-group button { + width: 100%; + } + } + .sr-only { position: absolute; width: 1px; @@ -160,10 +171,12 @@ <button id="analyzeBtn" type="submit" - aria-label="Analyze website for fonts" - >Analyze Fonts</button> + aria-label="Find all web fonts on the website" + >Find Fonts</button> </form> </section> + <section id="error" class="error" role="alert" aria-live="polite"></section> + <section id="results" role="region" aria-label="Font analysis results"></section> <section class="bookmarklet-section" style="margin: 2rem 0; padding: 1rem; border: 2px dashed var(--dark); background: var(--beige);"> <h2>Web Font Vacuum Bookmarklet</h2> <p>Drag this link to your bookmarks bar to vacuum web fonts from any webpage:</p> @@ -183,8 +196,6 @@ Use the bookmarklet on any webpage to find and download its fonts directly. </p> </section> - <section id="error" class="error" role="alert" aria-live="polite"></section> - <section id="results" role="region" aria-label="Font analysis results"></section> </main> <footer> <br> |