Under construction

2026-03-12 00:40:43 +01:00
parent 2fe8ece339
commit 0330333840
22 changed files with 422 additions and 44 deletions
--- a/aranroig/app/app.vue
+++ b/aranroig/app/app.vue
@@ -1,8 +1,33 @@
 <template>
+  <head>
+    <title>Aran Central</title>
+  </head>
  <div>
    <NuxtRouteAnnouncer />
-    <h1>Hi</h1>
-    <h2>This is website</h2>
-    <p>Maybe its not my person</p>
+    <div class="container">
+      <NuxtPage></NuxtPage>
+    </div>
  </div>
 </template>
+
+<script setup lang="ts">
+const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+if (isDarkMode) {
+  document.documentElement.setAttribute("data-theme", "dark");
+} else {
+  document.documentElement.setAttribute("data-theme", "light");
+}
+</script>
+
+<style lang="scss" scoped>
+
+.container {
+  margin: auto auto;
+  margin-top: -30px;
+  padding-left: 20px;
+  padding-right: 20px;
+  max-width: 1100px;
+
+}
+</style>
--- a/aranroig/app/assets/css/colors.scss
+++ b/aranroig/app/assets/css/colors.scss
@@ -0,0 +1,32 @@
+$themes: (
+    dark: (
+        background: #1e1e1e,
+        background-line: #2e2e2e,
+        border-color: #5a5a5a,
+        text: #ffffff,
+    ),
+    light: (
+        background: #ffffff,
+        background-line: #f0f0f0,
+        border-color: #e0e0e0,
+        text: #1e1e1e,
+    )
+);
+
+@mixin theme-vars($theme-map) {
+  @each $name, $value in $theme-map {
+    --color-#{$name}: #{$value};
+  }
+}
+
+:root {
+  @include theme-vars(map-get($themes, light));
+}
+
+[data-theme="dark"] {
+  @include theme-vars(map-get($themes, dark));
+}
+
+[data-theme="ocean"] {
+  @include theme-vars(map-get($themes, ocean));
+}
--- a/aranroig/app/assets/css/fonts.scss
+++ b/aranroig/app/assets/css/fonts.scss
@@ -0,0 +1,6 @@
+@font-face {
+  font-family: 'Hurmit';
+  src: url('@/assets/fonts/HurmitNerdFontMono-Regular.otf') format('opentype');
+  font-weight: normal;
+  font-style: normal;
+}
--- a/aranroig/app/assets/css/main.scss
+++ b/aranroig/app/assets/css/main.scss
@@ -0,0 +1,25 @@
+body {
+  background-size: 28px 28px;
+  background-image:
+    linear-gradient(to right, var(--color-background-line) 1px, transparent 1px),
+    linear-gradient(to bottom, var(--color-background-line) 1px, var(--color-background) 1px);
+
+  margin: 0;
+  padding: 0;
+  min-height: 100vh;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+* {
+  color: var(--color-text);
+  font-family: 'Hurmit';
+}
+
+.pixelated {
+  image-rendering: pixelated; /* good for pixel art or low-res images */
+  /* OR for standard crisp images */
+  image-rendering: crisp-edges;
+  pointer-events: none;
+}
--- a/aranroig/app/assets/fonts/HurmitNerdFontMono-Bold.otf
+++ b/aranroig/app/assets/fonts/HurmitNerdFontMono-Bold.otf
--- a/aranroig/app/assets/fonts/HurmitNerdFontMono-BoldItalic.otf
+++ b/aranroig/app/assets/fonts/HurmitNerdFontMono-BoldItalic.otf
--- a/aranroig/app/assets/fonts/HurmitNerdFontMono-Italic.otf
+++ b/aranroig/app/assets/fonts/HurmitNerdFontMono-Italic.otf
--- a/aranroig/app/assets/fonts/HurmitNerdFontMono-Light.otf
+++ b/aranroig/app/assets/fonts/HurmitNerdFontMono-Light.otf
--- a/aranroig/app/assets/fonts/HurmitNerdFontMono-LightItalic.otf
+++ b/aranroig/app/assets/fonts/HurmitNerdFontMono-LightItalic.otf
--- a/aranroig/app/assets/fonts/HurmitNerdFontMono-Regular.otf
+++ b/aranroig/app/assets/fonts/HurmitNerdFontMono-Regular.otf
--- a/aranroig/app/assets/fonts/LICENSE
+++ b/aranroig/app/assets/fonts/LICENSE
@@ -0,0 +1,94 @@
+Copyright (c) 2013, Pablo Caro <me AT pcaro DOT es> - http://pcaro.es/
+with Reserved Font Name Hermit.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
--- a/aranroig/app/assets/fonts/README.md
+++ b/aranroig/app/assets/fonts/README.md
@@ -0,0 +1,64 @@
+# Nerd Fonts
+
+This is an archived font from the Nerd Fonts release v3.4.0.
+
+For more information see:
+* https://github.com/ryanoasis/nerd-fonts/
+* https://github.com/ryanoasis/nerd-fonts/releases/latest/
+
+# Hermit
+
+**Hermit** is a monospace font designed to be clear, pragmatic and very readable.
+
+https://pcaro.es/p/hermit
+
+For more information have a look at the upstream website: https://github.com/pcaro90/hermit
+
+Version: 2.0
+
+## Why `Hurmit` and not `Hermit`?
+
+What's in a name? The reason for the name change is to comply with the SIL Open Font License (OFL), in particular the [Reserved Font Name mechanism][SIL-RFN]
+
+Some fonts have parts of their name "reserved" per the [Reserved Font Name mechanism][SIL-RFN]:
+> No Modified Version of the Font Software may use the Reserved Font
+> Name(s) unless explicit written permission is granted by the corresponding
+> Copyright Holder. This restriction only applies to the primary font name as
+> presented to the users.
+
+- The main goals seem to be to: `Avoid collisions`, `Protect authors`, `Minimize support`, and `Encourage derivatives`
+
+See the [Reserved Font Name section][SIL-RFN] for additional information
+
+## Which font?
+
+### TL;DR
+
+* Pick your font family:
+  * If you are limited to monospaced fonts (because of your terminal, etc) then pick a font with `Nerd Font Mono` (or `NFM`).
+  * If you want to have bigger icons (usually around 1.5 normal letters wide) pick a font without `Mono` i.e. `Nerd Font` (or `NF`). Most terminals support this, but ymmv.
+  * If you work in a proportional context (GUI elements or edit a presentation etc) pick a font with `Nerd Font Propo` (or `NFP`).
+
+### Ligatures
+
+Ligatures are generally preserved in the patched fonts.
+Nerd Fonts `v2.0.0` had no ligatures in the `Nerd Font Mono` fonts, this has been dropped with `v2.1.0`.
+If you have a ligature-aware terminal and don't want ligatures you can (usually) disable them in the terminal settings.
+
+### Explanation
+
+Once you narrow down your font choice of family (`Droid Sans`, `Inconsolata`, etc) and style (`bold`, `italic`, etc) you have 2 main choices:
+
+#### `Option 1: Download already patched font`
+
+ * For a stable version download a font package from the [release page](https://github.com/ryanoasis/nerd-fonts/releases)
+ * Or download the development version from the folders here
+
+#### `Option 2: Patch your own font`
+
+ * Patch your own variations with the various options provided by the font patcher (i.e. not include all symbols for smaller font size)
+
+For more information see: [The FAQ](https://github.com/ryanoasis/nerd-fonts/wiki/FAQ-and-Troubleshooting#which-font)
+
+[SIL-RFN]:http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_web_fonts_and_RFNs#14cbfd4a
+
--- a/aranroig/app/components/Container.vue
+++ b/aranroig/app/components/Container.vue
@@ -0,0 +1,62 @@
+<template>
+  <div class="card">
+
+  <span class="corner tl"></span>
+  <span class="corner tr"></span>
+  <span class="corner bl"></span>
+  <span class="corner br"></span>
+
+    <slot />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+$separation: 2px;
+
+.card{
+  position: relative;
+  background: #0f0f10;
+  padding: 24px;
+  color: white;
+  border: 1px solid var(--color-border-color);
+}
+
+.corner{
+  position: absolute;
+  width: 22px;
+  height: 22px;
+  border-color: #cfcfcf;
+}
+
+/* Top Left */
+.tl{
+  top: -$separation;
+  left: -$separation;
+  border-top:2px solid;
+  border-left:2px solid;
+}
+
+/* Top Right */
+.tr{
+  top: -$separation;
+  right: -$separation;
+  border-top:2px solid;
+  border-right:2px solid;
+}
+
+/* Bottom Left */
+.bl{
+  bottom: -$separation;
+  left: -$separation;
+  border-bottom:2px solid;
+  border-left:2px solid;
+}
+
+/* Bottom Right */
+.br{
+  bottom: -$separation;
+  right: -$separation;
+  border-bottom:2px solid;
+  border-right:2px solid;
+}
+</style>
--- a/aranroig/app/pages/index.vue
+++ b/aranroig/app/pages/index.vue
@@ -0,0 +1,42 @@
+<template>
+    <!-- <h1>ARANROIG.COM</h1>-->
+    
+    <Container>
+    <img ref="redDragon" class="pixelated" id="red-dragon" src="/sprites/dragon/frame1.png" width="180">
+      <p>Hi, I'm Aran!</p>
+      <p>Welcome to my website! It is still under construction, so come back later!</p>
+    </Container>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const redDragon = ref(null);
+
+const path = "/sprites/dragon/";
+const frames = [
+  "frame1.png",
+  "frame2.png",
+  "frame3.png",
+  "frame4.png",
+  "frame5.png"
+];
+
+let current = 0;
+const fps = 4; // 10 frames per second
+
+onMounted(() => {
+    setInterval(() => {
+        current = (current + 1) % frames.length;
+        redDragon.value.src = path + frames[current];
+    }, 1000 / fps);
+});
+</script>
+
+<style lang="scss" scoped>
+#red-dragon {
+    position: absolute;
+    top: -105px;
+    right: 20px;
+}
+</style>
--- a/aranroig/nuxt.config.ts
+++ b/aranroig/nuxt.config.ts
@@ -1,5 +1,10 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
  compatibilityDate: '2025-07-15',
-  devtools: { enabled: true }
+  devtools: { enabled: true },
+  css: [
+    '~/assets/css/colors.scss',
+    '~/assets/css/fonts.scss',
+    '~/assets/css/main.scss'
+  ],
 })
--- a/aranroig/package.json
+++ b/aranroig/package.json
@@ -11,6 +11,7 @@
  },
  "dependencies": {
    "nuxt": "^4.3.1",
+    "sass": "^1.98.0",
    "vue": "^3.5.30",
    "vue-router": "^4.6.4"
  }
--- a/aranroig/pnpm-lock.yaml
+++ b/aranroig/pnpm-lock.yaml
@@ -10,7 +10,10 @@ importers:
    dependencies:
      nuxt:
        specifier: ^4.3.1
-        version: 4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2)
+        version: 4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2)
+      sass:
+        specifier: ^1.98.0
+        version: 1.98.0
      vue:
        specifier: ^3.5.30
        version: 3.5.30
@@ -1963,6 +1966,9 @@ packages:
  image-meta@0.2.2:
    resolution: {integrity: sha512-3MOLanc3sb3LNGWQl1RlQlNWURE5g32aUphrDyFeCsxBTk08iE3VNe4CwsUZ0Qs1X+EfX0+r29Sxdpza4B+yRA==}

+  immutable@5.1.5:
+    resolution: {integrity: sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==}
+
  impound@1.1.5:
    resolution: {integrity: sha512-5AUn+QE0UofqNHu5f2Skf6Svukdg4ehOIq8O0EtqIx4jta0CDZYBPqpIHt0zrlUTiFVYlLpeH39DoikXBjPKpA==}

@@ -2696,6 +2702,11 @@ packages:
  safe-buffer@5.2.1:
    resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}

+  sass@1.98.0:
+    resolution: {integrity: sha512-+4N/u9dZ4PrgzGgPlKnaaRQx64RO0JBKs9sDhQ2pLgN6JQZ25uPQZKQYaBJU48Kd5BxgXoJ4e09Dq7nMcOUW3A==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
  sax@1.5.0:
    resolution: {integrity: sha512-21IYA3Q5cQf089Z6tgaUTr7lDAyzoTPx5HRtbhsME8Udispad8dC/+sziTNugOEx54ilvatQ9YCzl4KQLPcRHA==}
    engines: {node: '>=11.0.0'}
@@ -3671,11 +3682,11 @@ snapshots:

  '@nuxt/devalue@2.0.2': {}

-  '@nuxt/devtools-kit@3.2.3(magicast@0.5.2)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))':
+  '@nuxt/devtools-kit@3.2.3(magicast@0.5.2)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))':
    dependencies:
      '@nuxt/kit': 4.3.1(magicast@0.5.2)
      execa: 8.0.1
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
    transitivePeerDependencies:
      - magicast

@@ -3690,9 +3701,9 @@ snapshots:
      pkg-types: 2.3.0
      semver: 7.7.4

-  '@nuxt/devtools@3.2.3(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)':
+  '@nuxt/devtools@3.2.3(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)':
    dependencies:
-      '@nuxt/devtools-kit': 3.2.3(magicast@0.5.2)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))
+      '@nuxt/devtools-kit': 3.2.3(magicast@0.5.2)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))
      '@nuxt/devtools-wizard': 3.2.3
      '@nuxt/kit': 4.3.1(magicast@0.5.2)
      '@vue/devtools-core': 8.0.7(vue@3.5.30)
@@ -3720,9 +3731,9 @@ snapshots:
      sirv: 3.0.2
      structured-clone-es: 1.0.0
      tinyglobby: 0.2.15
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
-      vite-plugin-inspect: 11.3.3(@nuxt/kit@4.3.1(magicast@0.5.2))(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))
-      vite-plugin-vue-tracer: 1.2.0(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
+      vite-plugin-inspect: 11.3.3(@nuxt/kit@4.3.1(magicast@0.5.2))(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))
+      vite-plugin-vue-tracer: 1.2.0(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)
      which: 5.0.0
      ws: 8.19.0
    transitivePeerDependencies:
@@ -3756,7 +3767,7 @@ snapshots:
    transitivePeerDependencies:
      - magicast

-  '@nuxt/nitro-server@4.3.1(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2))':
+  '@nuxt/nitro-server@4.3.1(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2))':
    dependencies:
      '@nuxt/devalue': 2.0.2
      '@nuxt/kit': 4.3.1(magicast@0.5.2)
@@ -3774,7 +3785,7 @@ snapshots:
      klona: 2.0.6
      mocked-exports: 0.1.1
      nitropack: 2.13.1
-      nuxt: 4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2)
+      nuxt: 4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2)
      ohash: 2.0.11
      pathe: 2.0.3
      pkg-types: 2.3.0
@@ -3839,12 +3850,12 @@ snapshots:
      rc9: 3.0.0
      std-env: 3.10.0

-  '@nuxt/vite-builder@4.3.1(magicast@0.5.2)(nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2))(rollup@4.59.0)(terser@5.46.0)(vue@3.5.30)(yaml@2.8.2)':
+  '@nuxt/vite-builder@4.3.1(magicast@0.5.2)(nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2))(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vue@3.5.30)(yaml@2.8.2)':
    dependencies:
      '@nuxt/kit': 4.3.1(magicast@0.5.2)
      '@rollup/plugin-replace': 6.0.3(rollup@4.59.0)
-      '@vitejs/plugin-vue': 6.0.4(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)
-      '@vitejs/plugin-vue-jsx': 5.1.4(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)
+      '@vitejs/plugin-vue': 6.0.4(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)
+      '@vitejs/plugin-vue-jsx': 5.1.4(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)
      autoprefixer: 10.4.27(postcss@8.5.8)
      consola: 3.4.2
      cssnano: 7.1.3(postcss@8.5.8)
@@ -3858,7 +3869,7 @@ snapshots:
      magic-string: 0.30.21
      mlly: 1.8.1
      mocked-exports: 0.1.1
-      nuxt: 4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2)
+      nuxt: 4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2)
      pathe: 2.0.3
      pkg-types: 2.3.0
      postcss: 8.5.8
@@ -3867,9 +3878,9 @@ snapshots:
      std-env: 3.10.0
      ufo: 1.6.3
      unenv: 2.0.0-rc.24
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
-      vite-node: 5.3.0(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
-      vite-plugin-checker: 0.12.0(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
+      vite-node: 5.3.0(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
+      vite-plugin-checker: 0.12.0(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))
      vue: 3.5.30
      vue-bundle-renderer: 2.2.0
    transitivePeerDependencies:
@@ -4349,22 +4360,22 @@ snapshots:
      - rollup
      - supports-color

-  '@vitejs/plugin-vue-jsx@5.1.4(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)':
+  '@vitejs/plugin-vue-jsx@5.1.4(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)':
    dependencies:
      '@babel/core': 7.29.0
      '@babel/plugin-syntax-typescript': 7.28.6(@babel/core@7.29.0)
      '@babel/plugin-transform-typescript': 7.28.6(@babel/core@7.29.0)
      '@rolldown/pluginutils': 1.0.0-rc.9
      '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.0)
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
      vue: 3.5.30
    transitivePeerDependencies:
      - supports-color

-  '@vitejs/plugin-vue@6.0.4(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)':
+  '@vitejs/plugin-vue@6.0.4(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)':
    dependencies:
      '@rolldown/pluginutils': 1.0.0-rc.2
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
      vue: 3.5.30

  '@volar/language-core@2.4.28':
@@ -5146,6 +5157,8 @@ snapshots:

  image-meta@0.2.2: {}

+  immutable@5.1.5: {}
+
  impound@1.1.5:
    dependencies:
      '@jridgewell/trace-mapping': 0.3.31
@@ -5531,16 +5544,16 @@ snapshots:
    dependencies:
      boolbase: 1.0.0

-  nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2):
+  nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2):
    dependencies:
      '@dxup/nuxt': 0.3.2(magicast@0.5.2)
      '@nuxt/cli': 3.34.0(@nuxt/schema@4.3.1)(cac@6.7.14)(magicast@0.5.2)
-      '@nuxt/devtools': 3.2.3(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)
+      '@nuxt/devtools': 3.2.3(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30)
      '@nuxt/kit': 4.3.1(magicast@0.5.2)
-      '@nuxt/nitro-server': 4.3.1(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2))
+      '@nuxt/nitro-server': 4.3.1(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2))
      '@nuxt/schema': 4.3.1
      '@nuxt/telemetry': 2.7.0(@nuxt/kit@4.3.1(magicast@0.5.2))
-      '@nuxt/vite-builder': 4.3.1(magicast@0.5.2)(nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2))(rollup@4.59.0)(terser@5.46.0)(vue@3.5.30)(yaml@2.8.2)
+      '@nuxt/vite-builder': 4.3.1(magicast@0.5.2)(nuxt@4.3.1(@parcel/watcher@2.5.6)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(yaml@2.8.2))(rollup@4.59.0)(sass@1.98.0)(terser@5.46.0)(vue@3.5.30)(yaml@2.8.2)
      '@unhead/vue': 2.1.12(vue@3.5.30)
      '@vue/shared': 3.5.30
      c12: 3.3.3(magicast@0.5.2)
@@ -6105,6 +6118,14 @@ snapshots:

  safe-buffer@5.2.1: {}

+  sass@1.98.0:
+    dependencies:
+      chokidar: 4.0.3
+      immutable: 5.1.5
+      source-map-js: 1.2.1
+    optionalDependencies:
+      '@parcel/watcher': 2.5.6
+
  sax@1.5.0: {}

  scule@1.3.0: {}
@@ -6469,23 +6490,23 @@ snapshots:

  util-deprecate@1.0.2: {}

-  vite-dev-rpc@1.1.0(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)):
+  vite-dev-rpc@1.1.0(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)):
    dependencies:
      birpc: 2.9.0
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
-      vite-hot-client: 2.1.0(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
+      vite-hot-client: 2.1.0(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))

-  vite-hot-client@2.1.0(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)):
+  vite-hot-client@2.1.0(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)):
    dependencies:
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)

-  vite-node@5.3.0(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2):
+  vite-node@5.3.0(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2):
    dependencies:
      cac: 6.7.14
      es-module-lexer: 2.0.0
      obug: 2.1.1
      pathe: 2.0.3
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
    transitivePeerDependencies:
      - '@types/node'
      - jiti
@@ -6499,7 +6520,7 @@ snapshots:
      - tsx
      - yaml

-  vite-plugin-checker@0.12.0(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)):
+  vite-plugin-checker@0.12.0(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)):
    dependencies:
      '@babel/code-frame': 7.29.0
      chokidar: 4.0.3
@@ -6508,10 +6529,10 @@ snapshots:
      picomatch: 4.0.3
      tiny-invariant: 1.3.3
      tinyglobby: 0.2.15
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
      vscode-uri: 3.1.0

-  vite-plugin-inspect@11.3.3(@nuxt/kit@4.3.1(magicast@0.5.2))(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)):
+  vite-plugin-inspect@11.3.3(@nuxt/kit@4.3.1(magicast@0.5.2))(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)):
    dependencies:
      ansis: 4.2.0
      debug: 4.4.3
@@ -6521,24 +6542,24 @@ snapshots:
      perfect-debounce: 2.1.0
      sirv: 3.0.2
      unplugin-utils: 0.3.1
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
-      vite-dev-rpc: 1.1.0(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
+      vite-dev-rpc: 1.1.0(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))
    optionalDependencies:
      '@nuxt/kit': 4.3.1(magicast@0.5.2)
    transitivePeerDependencies:
      - supports-color

-  vite-plugin-vue-tracer@1.2.0(vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30):
+  vite-plugin-vue-tracer@1.2.0(vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2))(vue@3.5.30):
    dependencies:
      estree-walker: 3.0.3
      exsolve: 1.0.8
      magic-string: 0.30.21
      pathe: 2.0.3
      source-map-js: 1.2.1
-      vite: 7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2)
+      vite: 7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2)
      vue: 3.5.30

-  vite@7.3.1(jiti@2.6.1)(terser@5.46.0)(yaml@2.8.2):
+  vite@7.3.1(jiti@2.6.1)(sass@1.98.0)(terser@5.46.0)(yaml@2.8.2):
    dependencies:
      esbuild: 0.27.3
      fdir: 6.5.0(picomatch@4.0.3)
@@ -6549,6 +6570,7 @@ snapshots:
    optionalDependencies:
      fsevents: 2.3.3
      jiti: 2.6.1
+      sass: 1.98.0
      terser: 5.46.0
      yaml: 2.8.2

--- a/aranroig/public/sprites/dragon/frame1.png
+++ b/aranroig/public/sprites/dragon/frame1.png
--- a/aranroig/public/sprites/dragon/frame2.png
+++ b/aranroig/public/sprites/dragon/frame2.png
--- a/aranroig/public/sprites/dragon/frame3.png
+++ b/aranroig/public/sprites/dragon/frame3.png
--- a/aranroig/public/sprites/dragon/frame4.png
+++ b/aranroig/public/sprites/dragon/frame4.png
--- a/aranroig/public/sprites/dragon/frame5.png
+++ b/aranroig/public/sprites/dragon/frame5.png