Backup file

astro.config.mjs

@@ -12,4 +12,9 @@ export default defineConfig({
   build: {
     assets: '_aiotools',
   },
+  vite: {
+    css: {
+      transformer: 'lightningcss',
+    },
+  },
 })

package.json

@@ -19,6 +19,7 @@
     "colord": "^2.9.3",
     "crypto-js": "^4.2.0",
     "diff": "^8.0.2",
+    "lightningcss": "^1.30.1",
     "monaco-editor": "^0.52.2",
     "nanostores": "^1.0.1",
     "sharp": "^0.34.2",

pnpm-lock.yaml

@@ -10,7 +10,7 @@ importers:
     dependencies:
       '@astrojs/solid-js':
         specifier: ^5.1.0
-        version: 5.1.0(@types/node@22.15.29)(sass-embedded@1.89.1)(solid-js@1.9.7)
+        version: 5.1.0(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1)(solid-js@1.9.7)
       '@fontsource-variable/inter':
         specifier: ^5.2.5
         version: 5.2.5
@@ -22,7 +22,7 @@ importers:
         version: 0.13.10(solid-js@1.9.7)
       astro:
         specifier: ^5.8.2
-        version: 5.8.2(@types/node@22.15.29)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3)
+        version: 5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3)
       astro-compressor:
         specifier: ^1.0.0
         version: 1.0.0
@@ -38,6 +38,9 @@ importers:
       diff:
         specifier: ^8.0.2
         version: 8.0.2
+      lightningcss:
+        specifier: ^1.30.1
+        version: 1.30.1
       monaco-editor:
         specifier: ^0.52.2
         version: 0.52.2
@@ -1279,6 +1282,70 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
+  lightningcss-darwin-arm64@1.30.1:
+    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.30.1:
+    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.30.1:
+    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.30.1:
+    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.30.1:
+    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.30.1:
+    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.30.1:
+    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.30.1:
+    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.30.1:
+    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.30.1:
+    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
+    engines: {node: '>= 12.0.0'}
+
   longest-streak@3.1.0:
     resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
 
@@ -2144,11 +2211,11 @@ snapshots:
     dependencies:
       prismjs: 1.30.0
 
-  '@astrojs/solid-js@5.1.0(@types/node@22.15.29)(sass-embedded@1.89.1)(solid-js@1.9.7)':
+  '@astrojs/solid-js@5.1.0(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1)(solid-js@1.9.7)':
     dependencies:
       solid-js: 1.9.7
-      vite: 6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1)
+      vite: 6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1)
-      vite-plugin-solid: 2.11.6(solid-js@1.9.7)(vite@6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1))
+      vite-plugin-solid: 2.11.6(solid-js@1.9.7)(vite@6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1))
     transitivePeerDependencies:
       - '@testing-library/jest-dom'
       - '@types/node'
@@ -2850,7 +2917,7 @@ snapshots:
       valid-filename: 4.0.0
       zod: 3.25.51
 
-  astro@5.8.2(@types/node@22.15.29)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3):
+  astro@5.8.2(@types/node@22.15.29)(lightningcss@1.30.1)(rollup@4.41.1)(sass-embedded@1.89.1)(typescript@5.8.3):
     dependencies:
       '@astrojs/compiler': 2.12.0
       '@astrojs/internal-helpers': 0.6.1
@@ -2905,8 +2972,8 @@ snapshots:
       unist-util-visit: 5.0.0
       unstorage: 1.16.0
       vfile: 6.0.3
-      vite: 6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1)
+      vite: 6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1)
-      vitefu: 1.0.6(vite@6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1))
+      vitefu: 1.0.6(vite@6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1))
       xxhash-wasm: 1.1.0
       yargs-parser: 21.1.1
       yocto-spinner: 0.2.3
@@ -3349,6 +3416,51 @@ snapshots:
 
   kleur@4.1.5: {}
 
+  lightningcss-darwin-arm64@1.30.1:
+    optional: true
+
+  lightningcss-darwin-x64@1.30.1:
+    optional: true
+
+  lightningcss-freebsd-x64@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.30.1:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.30.1:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.30.1:
+    optional: true
+
+  lightningcss@1.30.1:
+    dependencies:
+      detect-libc: 2.0.4
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.30.1
+      lightningcss-darwin-x64: 1.30.1
+      lightningcss-freebsd-x64: 1.30.1
+      lightningcss-linux-arm-gnueabihf: 1.30.1
+      lightningcss-linux-arm64-gnu: 1.30.1
+      lightningcss-linux-arm64-musl: 1.30.1
+      lightningcss-linux-x64-gnu: 1.30.1
+      lightningcss-linux-x64-musl: 1.30.1
+      lightningcss-win32-arm64-msvc: 1.30.1
+      lightningcss-win32-x64-msvc: 1.30.1
+
   longest-streak@3.1.0: {}
 
   lru-cache@10.4.3: {}
@@ -4286,7 +4398,7 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.2
 
-  vite-plugin-solid@2.11.6(solid-js@1.9.7)(vite@6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1)):
+  vite-plugin-solid@2.11.6(solid-js@1.9.7)(vite@6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1)):
     dependencies:
       '@babel/core': 7.27.4
       '@types/babel__core': 7.20.5
@@ -4294,12 +4406,12 @@ snapshots:
       merge-anything: 5.1.7
       solid-js: 1.9.7
       solid-refresh: 0.6.3(solid-js@1.9.7)
-      vite: 6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1)
+      vite: 6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1)
-      vitefu: 1.0.6(vite@6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1))
+      vitefu: 1.0.6(vite@6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1))
     transitivePeerDependencies:
       - supports-color
 
-  vite@6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1):
+  vite@6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1):
     dependencies:
       esbuild: 0.25.5
       fdir: 6.4.5(picomatch@4.0.2)
@@ -4310,11 +4422,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 22.15.29
       fsevents: 2.3.3
+      lightningcss: 1.30.1
       sass-embedded: 1.89.1
 
-  vitefu@1.0.6(vite@6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1)):
+  vitefu@1.0.6(vite@6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1)):
     optionalDependencies:
-      vite: 6.3.5(@types/node@22.15.29)(sass-embedded@1.89.1)
+      vite: 6.3.5(@types/node@22.15.29)(lightningcss@1.30.1)(sass-embedded@1.89.1)
 
   web-namespaces@2.0.1: {}
 

src/components/Button/Button.sass

@@ -3,7 +3,7 @@
 
 $backgroundColor: #1b7278
 $backgroundColorHover: color.adjust($backgroundColor, $blackness: 11%)
-$coffeeColor: #1a726e
+$coffeeColor:rgb(24, 83, 131)
 $coffeeColorHover: color.adjust($coffeeColor, $lightness: 11%)
 
 .button
@@ -49,4 +49,4 @@ $coffeeColorHover: color.adjust($coffeeColor, $lightness: 11%)
 .coffee-icon
   margin: 0 0.5rem 0 0
   font-size: 1.5rem
-  color: #1b1d18
+  color:rgb(77, 107, 170)

src/layouts/Layout.astro

@@ -9,7 +9,7 @@ const { title } = Astro.props
     <link rel="icon" type="image/svg+xml" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="name" content="AIO Tools" />
-    <meta name="description" content="All-in-One Handy Tools for Everyone" />
+    <meta name="description" content="All-in-One Tools for Everyone" />
     <title>{title}</title>
   </head>
 

src/pages/about.astro

@@ -5,10 +5,9 @@ import Layout from '../layouts/Layout.astro'
 <Layout title="About - AIO Tools">
   <main class="page">
     <h2 class="paragraph-title">About AIO Tools</h2>
-    <p class="paragraph-content">This website will provide you with all the tools you need for your daily tasks. Whether you're working as a developer, a sysadmin, or just someone who needs some handy tools for their daily tasks, this website is here to help.</p>
+    <p class="paragraph-content">This website aimed to provide useful tools for both offline and online usage.</p>
     <p class="paragraph-content">
-      Inspired by <a target="_blank" href="https://it-tools.tech/">IT Tools</a> by Corentin Thomasset. This wonderful website, made with ❤ by Patrick Alvin Alcala, aggregates useful tools for developer and people working in IT. If you find it useful, please feel free to share it to people you think may find it useful too and don't forget to bookmark it in your shortcut bar! IT Tools is open-source (under the MIT license) and free, and will always be, but it costs me money to host and renew the domain
+      Created by Patrick Alvin Alcala. Inspired by <a target="_blank" href="https://it-tools.tech/">IT Tools</a> by Corentin Thomasset.
-      name. If you want to support my work, and encourage me to add more tools, please consider supporting by sponsoring me.
     </p>
 
     <h2 class="paragraph-title">Technologies</h2>
@@ -17,11 +16,12 @@ import Layout from '../layouts/Layout.astro'
       repository.
     </p>
 
-    <h2 class="paragraph-title">Found a bug? A tool is missing?</h2>
+    <!-- <h2 class="paragraph-title">Found a bug? A tool is missing?</h2> -->
-    <p class="paragraph-content">If you need a tool that is currently not present here, and you think can be useful, you are welcome to submit a feature request in the issues section in the GitHub repository. And if you found a bug, or something doesn't work as expected, please file a bug report in the issues section in the GitHub repository.</p>
+    <!-- <p class="paragraph-content">If you need a tool that is currently not present here, and you think can be useful, you are welcome to submit a feature request in the issues section in the GitHub repository. And if you found a bug, or something doesn't work as expected, please file a bug report in the issues section in the GitHub repository.</p> -->
   </main>
 </Layout>
 
+
 <style lang="sass">
   @use '/src/assets/css/viewport.sass' as view
   @use '/src/assets/css/variables.sass' as vars