adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

new components and stamps

Browse Source
This commit is contained in:
Adam French
2026-02-04 16:44:15 +00:00
parent 227fcadda6
commit 2c553bc0d9
19 changed files with 195 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
nginx/vue/src/components/home/Stamps.vue
View File

@@ -1,18 +1,40 @@
<script setup>
import { ref } from "vue";
import Touchscreen from "@/components/util/Touchscreen.vue";
import { shuffleArray } from "@/js/utils.js";
let srcs = [
"/img/stamps/portal.gif",
"/img/stamps/miku.gif",
"/img/stamps/utau.gif",
"/img/stamps/teto.webp",
"/img/stamps/3ds.jpg",
"/img/stamps/fry.png",
"/img/stamps/ai.png",
"/img/stamps/rei.png",
"/img/stamps/tetris.gif",
"/img/stamps/tf2.gif",
"/img/stamps/demo.gif",
];
shuffleArray(srcs);
</script>
<template>
<div class="grid grid-cols-4 overflow-scroll gap-0">
<a href="https://www.adam-french.co.uk">
<img src="https://www.adam-french.co.uk/img/stamps/mine.gif" />
</a>
<a href="https://jacobbarron.xyz">
<img
src="https://jacobbarron.xyz/Banneh.gif"
alt="jacobbarron.xyz"
/>
</a>
<img src="/img/stamps/portal.gif" />
<img src="/img/stamps/miku.gif" />
<img src="/img/stamps/utau.gif" />
</div>
<Touchscreen>
<div class="flex flex-wrap tst">
<a href="https://www.adam-french.co.uk">
<img src="https://www.adam-french.co.uk/img/stamps/mine.gif" />
</a>
<a href="https://jacobbarron.xyz">
<img
src="https://jacobbarron.xyz/Banneh.gif"
alt="jacobbarron.xyz"
/>
</a>
<img v-for="src in srcs" :src="src" />
</div>
</Touchscreen>
</template>
<style scoped>
@@ -20,4 +42,7 @@ img {
width: 89px;
height: 59px;
}
.tst {
width: calc(89px * 4);
}
</style>