Compare commits

..

No commits in common. "6a4723760d6a5788c69415b8d77381cdc870f6c0" and "d66e01f117b0569e698c4ce3f8e67aac973d652a" have entirely different histories.

9 changed files with 130 additions and 135 deletions

View file

@ -1,12 +1,8 @@
import { defineConfig } from "astro/config"; import { defineConfig } from "astro/config";
import react from "@astrojs/react"; import react from "@astrojs/react";
import tailwindcss from "@tailwindcss/vite"; import tailwind from "@astrojs/tailwind";
export default defineConfig({ export default defineConfig({
site: "https://qsvpro.dathere.com", site: "https://qsvpro.dathere.com",
integrations: [react(), tailwindcss()], integrations: [react(), tailwind()],
vite: {
plugins: [tailwindcss()],
},
}); });

BIN
bun.lockb

Binary file not shown.

View file

@ -11,20 +11,19 @@
"astro": "astro" "astro": "astro"
}, },
"dependencies": { "dependencies": {
"@astrojs/tailwind": "^5.1.5",
"@fontsource/inter": "^5.2.8", "@fontsource/inter": "^5.2.8",
"@tailwindcss/postcss": "^4.1.17", "astro": "^4.16.19",
"@tailwindcss/vite": "^4.1.17",
"astro": "^5.16.0",
"embla-carousel-autoplay": "^8.6.0", "embla-carousel-autoplay": "^8.6.0",
"embla-carousel-react": "^8.6.0", "embla-carousel-react": "^8.6.0",
"framer-motion": "^12.23.24", "framer-motion": "^11.18.2",
"npm-check-updates": "^19.1.2", "npm-check-updates": "^16.14.20",
"tailwindcss": "^4.1.17" "tailwindcss": "^3.4.17"
}, },
"devDependencies": { "devDependencies": {
"@astrojs/react": "^4.4.2", "@astrojs/react": "^3.6.3",
"prettier": "3.6.2", "prettier": "3.3.3",
"react": "^19.2.0", "react": "^18.3.1",
"react-dom": "^19.2.0" "react-dom": "^18.3.1"
} }
} }

View file

@ -1,5 +0,0 @@
export default {
plugins: {
"@tailwindcss/postcss": {},
},
};

View file

@ -142,7 +142,8 @@ export const Hero = () => {
(platform) => ( (platform) => (
<div <div
key={platform} key={platform}
className={`mx-4 ${platform === OS className={`mx-4 ${
platform === OS
? "text-white text-xl font-bold" ? "text-white text-xl font-bold"
: "text-white" : "text-white"
}`} }`}
@ -167,7 +168,8 @@ export const Hero = () => {
href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path href={`https://github.com/dathere/qsv-pro-releases/releases/download/${name}/${download[1]}`} // Replace with actual download path
data-rybbit-event="qsv_pro_download" data-rybbit-event="qsv_pro_download"
data-rybbit-prop-platform={download[0]} data-rybbit-prop-platform={download[0]}
className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${platform === className={`block lg:min-w-96 text-white font-bold py-2 px-4 rounded mt-4 ${
platform ===
OS OS
? " bg-teal-600 hover:bg-teal-700" ? " bg-teal-600 hover:bg-teal-700"
: " bg-blue-500 hover:bg-blue-700" : " bg-blue-500 hover:bg-blue-700"

View file

@ -1,5 +1,4 @@
--- ---
import "../styles/global.css";
import "@fontsource/inter"; import "@fontsource/inter";
import "@fontsource/inter/500.css"; import "@fontsource/inter/500.css";
import "@fontsource/inter/600.css"; import "@fontsource/inter/600.css";
@ -15,7 +14,7 @@ const { title } = Astro.props;
const rybbitSiteId = "3"; const rybbitSiteId = "3";
--- ---
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
@ -49,15 +48,15 @@ const rybbitSiteId = "3";
content="Transform and upload spreadsheet data to CKAN with our streamlined desktop app, featuring 'recipes' for common data wrangling tasks. Based on the qsv CLI tool." content="Transform and upload spreadsheet data to CKAN with our streamlined desktop app, featuring 'recipes' for common data wrangling tasks. Based on the qsv CLI tool."
/> />
<meta property="twitter:image" content="/sm-preview.jpg" /> <meta property="twitter:image" content="/sm-preview.jpg" />
<script <script is:inline
is:inline
src="https://mk-analytics.dathere.com/api/script.js" src="https://mk-analytics.dathere.com/api/script.js"
data-site-id={rybbitSiteId} data-site-id={rybbitSiteId}
data-session-replay="true" data-session-replay="true"
data-track-errors="true" data-track-errors="true"
data-web-vitals="true" data-web-vitals="true"
async async
defer></script> defer
></script>
</head> </head>
<body> <body>
<slot /> <slot />

View file

@ -1,27 +1,20 @@
@reference "./global.css";
/* Typography */ /* Typography */
.custom-block-title { .custom-block-title {
@apply text-white text-3xl font-bold tracking-normal; @apply text-white text-3xl font-bold tracking-normal;
} }
.custom-block-big-title { .custom-block-big-title {
@apply text-white text-4xl xl:text-5xl font-bold tracking-normal; @apply text-white text-4xl xl:text-5xl font-bold tracking-normal;
} }
.custom-block-subtitle { .custom-block-subtitle {
@apply text-xs text-customSecondary tracking-wider font-bold uppercase; @apply text-xs text-customSecondary tracking-wider font-bold uppercase;
} }
.custom-content-title { .custom-content-title {
@apply text-white text-lg font-bold tracking-normal; @apply text-white text-lg font-bold tracking-normal;
} }
.custom-content-text-white { .custom-content-text-white {
@apply text-white text-base leading-relaxed; @apply text-white text-base leading-relaxed;
} }
.custom-content-text-gray { .custom-content-text-gray {
@apply text-gray-400 text-base; @apply text-gray-400 text-base;
} }
@ -31,15 +24,12 @@
.custom-bg-dark1 { .custom-bg-dark1 {
@apply bg-customDarkBg1 fill-customDarkBg1; @apply bg-customDarkBg1 fill-customDarkBg1;
} }
.custom-bg-dark2 { .custom-bg-dark2 {
@apply bg-customDarkBg2 fill-customDarkBg2; @apply bg-customDarkBg2 fill-customDarkBg2;
} }
.custom-bg-dark3 { .custom-bg-dark3 {
@apply bg-customDarkBg3 fill-customDarkBg3; @apply bg-customDarkBg3 fill-customDarkBg3;
} }
body, body,
html { html {
@apply bg-customDarkBg2; @apply bg-customDarkBg2;
@ -48,17 +38,16 @@ html {
/* Borders */ /* Borders */
.custom-border-gray { .custom-border-gray {
@apply border border-solid border-customBorderGray; @apply border border-solid border-[rgb(255,255,255,0.15)];
} }
.custom-border-gray-darker { .custom-border-gray-darker {
@apply border border-solid border-customBorderGrayDarker; @apply border border-solid border-[rgb(255,255,255,0.07)];
} }
/* Buttons */ /* Buttons */
.custom-button-colored { .custom-button-colored {
@apply rounded-lg font-bold bg-customPrimary text-white flex justify-center items-center hover:bg-customButtonColored cursor-pointer transition; @apply rounded-lg font-bold bg-customPrimary text-white flex justify-center items-center hover:bg-[rgb(0,142,200)] cursor-pointer transition;
} }
/* Navbar */ /* Navbar */

View file

@ -1,19 +0,0 @@
@import "tailwindcss";
@theme {
--color-customPrimary: rgb(0, 122, 255);
--color-customSecondary: rgb(0, 142, 200);
--color-customDarkBg1: rgb(31, 32, 35);
--color-customDarkBg2: rgb(38, 39, 43);
--color-customDarkBg3: rgb(48, 49, 54);
--color-customDarkBg3Hover: rgb(55, 56, 62);
--color-customContentSubtitle: rgb(178, 184, 205);
--color-customGrayBorder: rgb(255, 255, 255, 0.1);
--color-customGrayText: rgb(174, 178, 183);
--color-customDarkBgTransparent: rgb(31, 32, 35, 0.7);
--color-customDarkBgTransparentDarker: rgb(0, 0, 0, 0.5);
--color-customDarkBgTransparentLighter: rgb(48, 49, 54, 0.7);
--color-customBorderGray: rgb(255, 255, 255, 0.15);
--color-customBorderGrayDarker: rgb(255, 255, 255, 0.07);
--color-customButtonColored: rgb(0, 142, 200);
}

34
tailwind.config.cjs Normal file
View file

@ -0,0 +1,34 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
theme: {
extend: {
colors: {
customPrimary: "rgb(0,122,255)",
customSecondary: "rgb(0,142,200)",
customDarkBg1: "rgb(31, 32, 35)",
customDarkBg2: "rgb(38, 39, 43)",
customDarkBg3: "rgb(48, 49, 54)",
customDarkBg3Hover: "rgb(55, 56, 62)",
customContentSubtitle: "rgb(178, 184, 205)",
customGrayBorder: "rgb(255,255,255,0.1)",
customGrayText: "rgb(174, 178, 183)",
customDarkBgTransparent: "rgb(31, 32, 35, 0.7)",
customDarkBgTransparentDarker: "rgb(0,0,0,0.5)",
customDarkBgTransparentLighter: "rgb(48, 49, 54, 0.7)",
},
fontFamily: {
Inter: "Inter",
},
screens: {
xs: "530px",
sm: "640px",
md: "768px",
lg: "1024px",
xl: "1280px",
xll: "1400px",
"2xl": "1536px",
},
},
},
};