feat(assets): convert png -> webp
|
Before Width: | Height: | Size: 145 KiB |
BIN
app/assets/images/contact/bottom-screen/background.webp
Normal file
|
After Width: | Height: | Size: 102 B |
|
Before Width: | Height: | Size: 24 KiB |
BIN
app/assets/images/contact/bottom-screen/bottom-bar.webp
Normal file
|
After Width: | Height: | Size: 438 B |
|
Before Width: | Height: | Size: 97 KiB |
BIN
app/assets/images/contact/bottom-screen/buttons.webp
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 20 KiB |
BIN
app/assets/images/contact/bottom-screen/notification.webp
Normal file
|
After Width: | Height: | Size: 110 B |
|
Before Width: | Height: | Size: 5.8 KiB |
BIN
app/assets/images/contact/bottom-screen/ok-button.webp
Normal file
|
After Width: | Height: | Size: 236 B |
|
Before Width: | Height: | Size: 24 KiB |
BIN
app/assets/images/contact/bottom-screen/top-bar.webp
Normal file
|
After Width: | Height: | Size: 334 B |
|
Before Width: | Height: | Size: 193 KiB |
BIN
app/assets/images/contact/top-screen/background.webp
Normal file
|
After Width: | Height: | Size: 60 B |
|
Before Width: | Height: | Size: 15 KiB |
BIN
app/assets/images/contact/top-screen/left-bar-things.webp
Normal file
|
After Width: | Height: | Size: 176 B |
|
Before Width: | Height: | Size: 15 KiB |
BIN
app/assets/images/contact/top-screen/left-bar.webp
Normal file
|
After Width: | Height: | Size: 44 B |
|
Before Width: | Height: | Size: 20 KiB |
BIN
app/assets/images/contact/top-screen/title.webp
Normal file
|
After Width: | Height: | Size: 180 B |
|
Before Width: | Height: | Size: 145 KiB |
BIN
app/assets/images/home/bottom-screen/background.webp
Normal file
|
After Width: | Height: | Size: 132 B |
|
Before Width: | Height: | Size: 18 KiB |
BIN
app/assets/images/home/bottom-screen/buttons/contact.webp
Normal file
|
After Width: | Height: | Size: 350 B |
|
Before Width: | Height: | Size: 687 B |
BIN
app/assets/images/home/bottom-screen/buttons/corner.webp
Normal file
|
After Width: | Height: | Size: 80 B |
|
Before Width: | Height: | Size: 18 KiB |
BIN
app/assets/images/home/bottom-screen/buttons/downloadPlay.webp
Normal file
|
After Width: | Height: | Size: 470 B |
|
Before Width: | Height: | Size: 25 KiB |
BIN
app/assets/images/home/bottom-screen/buttons/game.webp
Normal file
|
After Width: | Height: | Size: 296 B |
|
Before Width: | Height: | Size: 193 KiB |
BIN
app/assets/images/home/top-screen/background.webp
Normal file
|
After Width: | Height: | Size: 98 B |
|
Before Width: | Height: | Size: 53 KiB |
BIN
app/assets/images/home/top-screen/calendar/calendar.webp
Normal file
|
After Width: | Height: | Size: 302 B |
|
Before Width: | Height: | Size: 1.1 KiB |
BIN
app/assets/images/home/top-screen/calendar/day-selector.webp
Normal file
|
After Width: | Height: | Size: 90 B |
|
Before Width: | Height: | Size: 8.4 KiB |
BIN
app/assets/images/home/top-screen/calendar/last-row.webp
Normal file
|
After Width: | Height: | Size: 122 B |
|
Before Width: | Height: | Size: 40 KiB |
BIN
app/assets/images/home/top-screen/clock.webp
Normal file
|
After Width: | Height: | Size: 398 B |
|
Before Width: | Height: | Size: 531 B |
BIN
app/assets/images/home/top-screen/status-bar/battery.webp
Normal file
|
After Width: | Height: | Size: 104 B |
|
Before Width: | Height: | Size: 687 B |
BIN
app/assets/images/home/top-screen/status-bar/gba-display.webp
Normal file
|
After Width: | Height: | Size: 84 B |
|
Before Width: | Height: | Size: 687 B |
BIN
app/assets/images/home/top-screen/status-bar/startup-mode.webp
Normal file
|
After Width: | Height: | Size: 88 B |
|
Before Width: | Height: | Size: 16 KiB |
BIN
app/assets/images/home/top-screen/status-bar/status-bar.webp
Normal file
|
After Width: | Height: | Size: 160 B |
|
Before Width: | Height: | Size: 193 KiB |
BIN
app/assets/images/projects/bottom-screen/background.webp
Normal file
|
After Width: | Height: | Size: 644 B |
|
Before Width: | Height: | Size: 12 KiB |
BIN
app/assets/images/projects/bottom-screen/project-square.webp
Normal file
|
After Width: | Height: | Size: 176 B |
|
Before Width: | Height: | Size: 16 KiB |
BIN
app/assets/images/projects/bottom-screen/selector.webp
Normal file
|
After Width: | Height: | Size: 112 B |
|
Before Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 42 B |
|
Before Width: | Height: | Size: 6.5 KiB |
BIN
app/assets/images/projects/bottom-screen/thumbnails/lbf-bot.webp
Normal file
|
After Width: | Height: | Size: 42 B |
|
Before Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 42 B |
|
Before Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 42 B |
|
Before Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 42 B |
|
Before Width: | Height: | Size: 6.5 KiB |
BIN
app/assets/images/projects/bottom-screen/thumbnails/s3pweb.webp
Normal file
|
After Width: | Height: | Size: 42 B |
|
Before Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 94 B |
|
Before Width: | Height: | Size: 6.5 KiB |
BIN
app/assets/images/projects/bottom-screen/thumbnails/tlock.webp
Normal file
|
After Width: | Height: | Size: 42 B |
|
Before Width: | Height: | Size: 5.8 KiB |
BIN
app/assets/images/projects/bottom-screen/visit-disabled.webp
Normal file
|
After Width: | Height: | Size: 288 B |
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import CORNER_IMAGE from "/assets/images/home/bottom-screen/buttons/corner.png";
|
import CORNER_IMAGE from "/assets/images/home/bottom-screen/buttons/corner.webp";
|
||||||
|
|
||||||
const props = withDefaults(
|
const props = withDefaults(
|
||||||
defineProps<{
|
defineProps<{
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import HOME_BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.png";
|
import HOME_BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.webp";
|
||||||
import CONTACT_BACKGROUND_IMAGE from "/assets/images/contact/bottom-screen/background.png";
|
import CONTACT_BACKGROUND_IMAGE from "/assets/images/contact/bottom-screen/background.webp";
|
||||||
|
|
||||||
const store = useContactStore();
|
const store = useContactStore();
|
||||||
|
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import TOP_BAR_IMAGE from "/assets/images/contact/bottom-screen/top-bar.png";
|
import TOP_BAR_IMAGE from "/assets/images/contact/bottom-screen/top-bar.webp";
|
||||||
import BOTTOM_BAR_IMAGE from "/assets/images/contact/bottom-screen/bottom-bar.png";
|
import BOTTOM_BAR_IMAGE from "/assets/images/contact/bottom-screen/bottom-bar.webp";
|
||||||
import BOTTOM_BAR_OK_IMAGE from "/assets/images/contact/bottom-screen/ok-button.png";
|
import BOTTOM_BAR_OK_IMAGE from "/assets/images/contact/bottom-screen/ok-button.webp";
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
okLabel: "Copy" | "Open";
|
okLabel: "Copy" | "Open";
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import BUTTONS_IMAGE from "/assets/images/contact/bottom-screen/buttons.png";
|
import BUTTONS_IMAGE from "/assets/images/contact/bottom-screen/buttons.webp";
|
||||||
|
|
||||||
const store = useContactStore();
|
const store = useContactStore();
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import HOME_BACKGROUND_IMAGE from "/assets/images/home/top-screen/background.png";
|
import HOME_BACKGROUND_IMAGE from "/assets/images/home/top-screen/background.webp";
|
||||||
import CONTACT_BACKGROUND_IMAGE from "/assets/images/contact/top-screen/background.png";
|
import CONTACT_BACKGROUND_IMAGE from "/assets/images/contact/top-screen/background.webp";
|
||||||
|
|
||||||
const store = useContactStore();
|
const store = useContactStore();
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import BACKGROUND_IMAGE from "/assets/images/contact/top-screen/left-bar.png";
|
import BACKGROUND_IMAGE from "/assets/images/contact/top-screen/left-bar.webp";
|
||||||
import THINGS_IMAGE from "/assets/images/contact/top-screen/left-bar-things.png";
|
import THINGS_IMAGE from "/assets/images/contact/top-screen/left-bar-things.webp";
|
||||||
|
|
||||||
const store = useContactStore();
|
const store = useContactStore();
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import NOTIFICATION_IMAGE from "/assets/images/contact/bottom-screen/notification.png";
|
import NOTIFICATION_IMAGE from "/assets/images/contact/bottom-screen/notification.webp";
|
||||||
import TITLE_IMAGE from "/assets/images/contact/top-screen/title.png";
|
import TITLE_IMAGE from "/assets/images/contact/top-screen/title.webp";
|
||||||
|
|
||||||
// text color:
|
// text color:
|
||||||
const store = useContactStore();
|
const store = useContactStore();
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.png";
|
import BACKGROUND_IMAGE from "/assets/images/home/bottom-screen/background.webp";
|
||||||
|
|
||||||
const store = useHomeStore();
|
const store = useHomeStore();
|
||||||
const app = useAppStore();
|
const app = useAppStore();
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/contact.png";
|
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/contact.webp";
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
x: number;
|
x: number;
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/downloadPlay.png";
|
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/downloadPlay.webp";
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
x: number;
|
x: number;
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/game.png";
|
import BUTTON_IMAGE from "/assets/images/home/bottom-screen/buttons/game.webp";
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
x: number;
|
x: number;
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import BACKGROUND_IMAGE from "/assets/images/home/top-screen/background.png";
|
import BACKGROUND_IMAGE from "/assets/images/home/top-screen/background.webp";
|
||||||
|
|
||||||
const store = useHomeStore();
|
const store = useHomeStore();
|
||||||
const app = useAppStore();
|
const app = useAppStore();
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import CALENDAR_IMAGE from "/assets/images/home/top-screen/calendar/calendar.png";
|
import CALENDAR_IMAGE from "/assets/images/home/top-screen/calendar/calendar.webp";
|
||||||
import LAST_ROW_IMAGE from "/assets/images/home/top-screen/calendar/last-row.png";
|
import LAST_ROW_IMAGE from "/assets/images/home/top-screen/calendar/last-row.webp";
|
||||||
import DAY_SELECTOR_IMAGE from "/assets/images/home/top-screen/calendar/day-selector.png";
|
import DAY_SELECTOR_IMAGE from "/assets/images/home/top-screen/calendar/day-selector.webp";
|
||||||
|
|
||||||
// NOTE: calendar background is handled by TopScreenBackground
|
// NOTE: calendar background is handled by TopScreenBackground
|
||||||
const store = useHomeStore();
|
const store = useHomeStore();
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import CLOCK_IMAGE from "/assets/images/home/top-screen/clock.png";
|
import CLOCK_IMAGE from "/assets/images/home/top-screen/clock.webp";
|
||||||
|
|
||||||
const CENTER_X = 63;
|
const CENTER_X = 63;
|
||||||
const CENTER_Y = 95;
|
const CENTER_Y = 95;
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import STATUS_BAR_IMAGE from "/assets/images/home/top-screen/status-bar/status-bar.png";
|
import STATUS_BAR_IMAGE from "/assets/images/home/top-screen/status-bar/status-bar.webp";
|
||||||
import GBA_DISPLAY_IMAGE from "/assets/images/home/top-screen/status-bar/gba-display.png";
|
import GBA_DISPLAY_IMAGE from "/assets/images/home/top-screen/status-bar/gba-display.webp";
|
||||||
import STARTUP_MODE_IMAGE from "/assets/images/home/top-screen/status-bar/startup-mode.png";
|
import STARTUP_MODE_IMAGE from "/assets/images/home/top-screen/status-bar/startup-mode.webp";
|
||||||
import BATTERY_IMAGE from "/assets/images/home/top-screen/status-bar/battery.png";
|
import BATTERY_IMAGE from "/assets/images/home/top-screen/status-bar/battery.webp";
|
||||||
|
|
||||||
const store = useHomeStore();
|
const store = useHomeStore();
|
||||||
|
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import BACKGROUND_IMAGE from "/assets/images/projects/bottom-screen/background.png";
|
import BACKGROUND_IMAGE from "/assets/images/projects/bottom-screen/background.webp";
|
||||||
import VISIT_DISABLED_IMAGE from "/assets/images/projects/bottom-screen/visit-disabled.png";
|
import VISIT_DISABLED_IMAGE from "/assets/images/projects/bottom-screen/visit-disabled.webp";
|
||||||
|
|
||||||
const store = useProjectsStore();
|
const store = useProjectsStore();
|
||||||
|
|
||||||
|
|||||||
@@ -2,8 +2,8 @@
|
|||||||
// TODO: handle mouse wheel
|
// TODO: handle mouse wheel
|
||||||
|
|
||||||
import gsap from "gsap";
|
import gsap from "gsap";
|
||||||
import SELECTOR_IMAGE from "/assets/images/projects/bottom-screen/selector.png";
|
import SELECTOR_IMAGE from "/assets/images/projects/bottom-screen/selector.webp";
|
||||||
import PROJECT_SQUARE_IMAGE from "/assets/images/projects/bottom-screen/project-square.png";
|
import PROJECT_SQUARE_IMAGE from "/assets/images/projects/bottom-screen/project-square.webp";
|
||||||
import { useKeyDown } from "~/composables/useKeyDown";
|
import { useKeyDown } from "~/composables/useKeyDown";
|
||||||
|
|
||||||
const store = useProjectsStore();
|
const store = useProjectsStore();
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
import PIHKAAL_ME_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.png";
|
import PIHKAAL_ME_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/pihkaal.me.webp";
|
||||||
import TLOCK_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/tlock.png";
|
import TLOCK_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/tlock.webp";
|
||||||
import SIMPLE_QR_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/simple-qr.png";
|
import SIMPLE_QR_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/simple-qr.webp";
|
||||||
import LILOU_CAT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lilou.cat.png";
|
import LILOU_CAT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lilou.cat.webp";
|
||||||
import LBF_BOT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lbf-bot.png";
|
import LBF_BOT_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/lbf-bot.webp";
|
||||||
import RAYLIB_SPEENDRUNS_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.png";
|
import RAYLIB_SPEENDRUNS_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/raylib-speedruns.webp";
|
||||||
import SP3WEB_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/s3pweb.png";
|
import SP3WEB_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/s3pweb.webp";
|
||||||
import BIOBLEUD_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/biobleud.png";
|
import BIOBLEUD_THUMBNAIL from "/assets/images/projects/bottom-screen/thumbnails/biobleud.webp";
|
||||||
|
|
||||||
export const useProjectsStore = defineStore("projects", {
|
export const useProjectsStore = defineStore("projects", {
|
||||||
state: () => ({
|
state: () => ({
|
||||||
|
|||||||