biome, bun, tailwind v4
This commit is contained in:
parent
ed8d366df6
commit
678fa26c76
16 changed files with 64 additions and 7977 deletions
7
.gitignore
vendored
7
.gitignore
vendored
|
|
@ -12,13 +12,6 @@ yarn-debug.log*
|
|||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
|
||||
# environment variables
|
||||
.env
|
||||
.env.production
|
||||
|
||||
# macOS-specific files
|
||||
.DS_Store
|
||||
|
||||
# jetbrains setting folder
|
||||
.idea/
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
public/
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
{
|
||||
"plugins": ["prettier-plugin-tailwindcss", "prettier-plugin-astro"]
|
||||
}
|
||||
8
.vscode/extensions.json
vendored
8
.vscode/extensions.json
vendored
|
|
@ -1,4 +1,8 @@
|
|||
{
|
||||
"recommendations": ["astro-build.astro-vscode"],
|
||||
"unwantedRecommendations": []
|
||||
"recommendations": [
|
||||
"astro-build.astro-vscode",
|
||||
"biomejs.biome",
|
||||
"bradlc.vscode-tailwindcss"
|
||||
],
|
||||
"unwantedRecommendations": []
|
||||
}
|
||||
|
|
|
|||
0
a.out
0
a.out
|
|
@ -1,9 +1,8 @@
|
|||
// @ts-check
|
||||
import { defineConfig } from "astro/config";
|
||||
import tailwindcss from "@tailwindcss/vite";
|
||||
|
||||
import tailwind from "@astrojs/tailwind";
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
integrations: [tailwind()],
|
||||
vite: {
|
||||
plugins: [tailwindcss()],
|
||||
},
|
||||
});
|
||||
|
|
|
|||
BIN
bun.lockb
Executable file
BIN
bun.lockb
Executable file
Binary file not shown.
7895
package-lock.json
generated
7895
package-lock.json
generated
File diff suppressed because it is too large
Load diff
46
package.json
46
package.json
|
|
@ -1,25 +1,25 @@
|
|||
{
|
||||
"name": "z0x.ca",
|
||||
"type": "module",
|
||||
"version": "0.0.1",
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"start": "astro dev",
|
||||
"build": "astro check && astro build",
|
||||
"preview": "astro preview",
|
||||
"astro": "astro"
|
||||
},
|
||||
"dependencies": {
|
||||
"@astrojs/check": "^0.9.4",
|
||||
"@astrojs/tailwind": "^5.1.2",
|
||||
"astro": "^4.16.13",
|
||||
"motion": "^11.11.17",
|
||||
"tailwindcss": "^3.4.14",
|
||||
"typescript": "^5.6.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"prettier": "^3.3.3",
|
||||
"prettier-plugin-astro": "^0.14.1",
|
||||
"prettier-plugin-tailwindcss": "^0.6.8"
|
||||
}
|
||||
"name": "z0x.ca",
|
||||
"type": "module",
|
||||
"version": "1.0.0",
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"start": "astro dev",
|
||||
"build": "astro check && astro build",
|
||||
"preview": "astro preview",
|
||||
"astro": "astro"
|
||||
},
|
||||
"dependencies": {
|
||||
"astro": "^5.1.1",
|
||||
"motion": "^11.11.17"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@astrojs/check": "^0.9.4",
|
||||
"@biomejs/biome": "1.9.4",
|
||||
"@tailwindcss/vite": "^4.0.0-beta.8",
|
||||
"prettier": "^3.3.3",
|
||||
"tailwindcss": "^4.0.0-beta.8",
|
||||
"typescript": "^5.6.3"
|
||||
},
|
||||
"trustedDependencies": ["@biomejs/biome", "@parcel/watcher"]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,13 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
@import "tailwindcss";
|
||||
|
||||
@layer base {
|
||||
@font-face {
|
||||
font-family: "sf-pro";
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
src: url(/src/fonts/SF-Pro.woff2) format("woff2");
|
||||
}
|
||||
@theme {
|
||||
--font-sfpro: "sf-pro", sans-serif;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "sf-pro";
|
||||
src: url("/fonts/SF-Pro.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,14 @@
|
|||
import { animate, stagger } from "motion";
|
||||
|
||||
const elements = document.querySelectorAll("img, h1");
|
||||
// const elements = document.querySelectorAll("img, h1");
|
||||
const fade = document.getElementById("fade");
|
||||
const elements = fade.querySelectorAll("*");
|
||||
animate(
|
||||
elements,
|
||||
{ opacity: [0, 1] },
|
||||
{
|
||||
duration: 0.6,
|
||||
delay: stagger(0.6, { startDelay: 0.2 }),
|
||||
ease: "easeIn",
|
||||
},
|
||||
elements,
|
||||
{ opacity: [0, 1] },
|
||||
{
|
||||
duration: 0.6,
|
||||
delay: stagger(0.6, { startDelay: 0.2 }),
|
||||
ease: "easeIn",
|
||||
},
|
||||
);
|
||||
|
|
|
|||
|
|
@ -2,19 +2,20 @@
|
|||
import "/src/css/app.css";
|
||||
---
|
||||
|
||||
<html lang="en-us">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>404</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta name="darkreader-lock" />
|
||||
<link rel="icon" type="image/x-icon" href="/src/img/logo_bg.svg" />
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="/src/img/logo_bg.svg" />
|
||||
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/src/img/logo_bg.svg" />
|
||||
<link rel="preload" href="/fonts/SF-Pro.woff2" as="font" type="font/woff2" crossorigin />
|
||||
</head>
|
||||
<body class="bg-gradient-to-b from-neutral-700 via-neutral-900 to-neutral-950 text-white overflow-hidden">
|
||||
<body class="bg-linear-to-b/oklch from-neutral-700 to-black text-white overflow-hidden">
|
||||
<div class="flex items-center justify-center min-h-screen">
|
||||
<div class="flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]">
|
||||
<div id="fade" class="flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]">
|
||||
<h1 class="text-4xl opacity-0 font-sfpro font-semibold">404</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ import logo from "/src/img/logo.svg";
|
|||
import "/src/css/app.css";
|
||||
---
|
||||
|
||||
<html lang="en-us">
|
||||
<html>
|
||||
<head>
|
||||
<title>z0x</title>
|
||||
<meta charset="utf-8" />
|
||||
|
|
@ -14,10 +14,11 @@ import "/src/css/app.css";
|
|||
<link rel="icon" type="image/x-icon" href="/src/img/logo_bg.svg" />
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="/src/img/logo_bg.svg" />
|
||||
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/src/img/logo_bg.svg" />
|
||||
<link rel="preload" href="/fonts/SF-Pro.woff2" as="font" type="font/woff2" crossorigin />
|
||||
</head>
|
||||
<body class="bg-gradient-to-b from-neutral-700 via-neutral-900 to-neutral-950 text-white overflow-hidden">
|
||||
<body class="bg-linear-to-b/oklch from-neutral-700 to-black text-white overflow-hidden">
|
||||
<div class="flex items-center justify-center min-h-screen">
|
||||
<div class="flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]">
|
||||
<div id="fade" class="flex flex-col items-center justify-center w-full h-full max-w-[60vmin] max-h-[60vmin] md:max-w-[35vmin] md:max-h-[35vmin]">
|
||||
<Image src={logo} alt="logo" class="w-2/3 opacity-0" loading="eager" />
|
||||
<h1 class="text-4xl opacity-0 font-sfpro font-semibold">z0x</h1>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,15 +0,0 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
export default {
|
||||
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
theme: {
|
||||
extend: {
|
||||
fontFamily: {
|
||||
sfpro: ["sf-pro"],
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
|
|
@ -1,3 +1,3 @@
|
|||
{
|
||||
"extends": "astro/tsconfigs/strict"
|
||||
"extends": "astro/tsconfigs/strictest"
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue