DEV-catppuccin/website
1
0
Fork 0
mirror of https://github.com/catppuccin/website.git synced 2026-01-09 04:51:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: add aria-label to button & fix pronunciation typo (#83)

Browse Source
This commit is contained in:
Hammy 2024-06-23 16:54:41 +01:00 committed by GitHub
parent 3b142c1db3
commit 3ace2d39a0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
public/pronounciation.mp3 → public/pronunciation.mp3
View File

9
src/layouts/imports/Footer.astro
View File

@ -31,10 +31,13 @@ import { footer as navLinkList } from "../../contents/navigation";
<p><strong>Catppuccin</strong></p>
<p class="divider">•</p>
<span>/ˌkætpʊˈtʃiːn/</span>
<button class="play-pronounciation" onclick="document.querySelector('#pronounciation').play();">
<button
class="play-pronunciation"
aria-label="Play pronunciation"
onclick="document.querySelector('#pronunciation').play();">
<Volume />
</button>
<audio id="pronounciation"><source src="/pronounciation.mp3" type="audio/mpeg" /></audio>
<audio id="pronunciation"><source src="/pronunciation.mp3" type="audio/mpeg" /></audio>
</div>
<p>catppuccin.com is built and maintained by the community under the MIT license.</p>
<p>
@ -74,7 +77,7 @@ import { footer as navLinkList } from "../../contents/navigation";
margin-left: 1ch;
}
.play-pronounciation {
.play-pronunciation {
border: none;
background: none;
color: inherit;