buttonssss
This commit is contained in:
parent
d22fd40f38
commit
42f9533ae9
4 changed files with 12 additions and 5 deletions
|
@ -1,14 +1,18 @@
|
||||||
<script>
|
<script>
|
||||||
// @ts-nocheck
|
|
||||||
// lol
|
|
||||||
|
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
|
|
||||||
export let src, href;
|
/** @type {string} src */
|
||||||
|
export let src;
|
||||||
|
|
||||||
|
/** @type {string=} href */
|
||||||
|
export let href;
|
||||||
|
|
||||||
|
/** @type {HTMLImageElement} e */
|
||||||
let e;
|
let e;
|
||||||
|
|
||||||
// https://github.com/nbitzz/newnewwebsite/blob/a751e690a9993923aabd1984d9645c502f148c69/src/components/buttons/Buttons.astro#L74-L95
|
// https://github.com/nbitzz/newnewwebsite/blob/a751e690a9993923aabd1984d9645c502f148c69/src/components/buttons/Buttons.astro#L74-L95
|
||||||
onMount(() => {
|
onMount(() => {
|
||||||
|
/** @param {MouseEvent} ev */
|
||||||
let startEffect = (ev) => {
|
let startEffect = (ev) => {
|
||||||
let yP = 1 - (ev.offsetY / 31) * 2;
|
let yP = 1 - (ev.offsetY / 31) * 2;
|
||||||
let xP = -1 + (ev.offsetX / 88) * 2;
|
let xP = -1 + (ev.offsetX / 88) * 2;
|
||||||
|
|
|
@ -86,9 +86,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="md:w-[42rem] p-2 bg-black/75 rounded-lg mt-1 flex justify-center flex-wrap gap-1">
|
<div class="md:w-[42rem] p-2 bg-black/75 rounded-lg mt-1 flex justify-center flex-wrap gap-2">
|
||||||
<ImgButton href="https://cirroskais.xyz" src="/buttons/cirro.png"></ImgButton>
|
<ImgButton href="https://cirroskais.xyz" src="/buttons/cirro.png"></ImgButton>
|
||||||
<ImgButton href="https://split.pet" src="/buttons/split.png"></ImgButton>
|
<ImgButton href="https://split.pet" src="/buttons/split.png"></ImgButton>
|
||||||
|
<ImgButton href="https://www.mozilla.org/en-US/firefox/new/" src="/buttons/firefox.gif"
|
||||||
|
></ImgButton>
|
||||||
|
<ImgButton src="/buttons/lol.gif" href=""></ImgButton>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
BIN
static/buttons/firefox.gif
Normal file
BIN
static/buttons/firefox.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 7.8 KiB |
BIN
static/buttons/lol.gif
Normal file
BIN
static/buttons/lol.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.2 KiB |
Loading…
Reference in a new issue