Fuck if I know

This commit is contained in:
Pablo Moyano 2023-09-06 15:48:01 +02:00
parent 4cd51d7853
commit 6433358b04
18 changed files with 1719 additions and 930 deletions

View File

@ -1,8 +1,14 @@
import { defineConfig } from 'astro/config';
import tailwind from "@astrojs/tailwind";
import react from "@astrojs/react";
// https://astro.build/config
export default defineConfig({});
{
compressHTML: true
}
export default defineConfig({
integrations: [
tailwind({
applyBaseStyles: false,
}),
react()
]
});

16
components.json Normal file
View File

@ -0,0 +1,16 @@
{
"$schema": "https://ui.shadcn.com/schema.json",
"style": "default",
"rsc": false,
"tsx": true,
"tailwind": {
"config": "tailwind.config.cjs",
"css": "./src/styles/globals.css",
"baseColor": "slate",
"cssVariables": true
},
"aliases": {
"components": "@/components",
"utils": "@/lib/utils"
}
}

2348
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -10,6 +10,18 @@
"astro": "astro"
},
"dependencies": {
"astro": "^2.10.14"
"@astrojs/react": "^3.0.0",
"@astrojs/tailwind": "^5.0.0",
"@types/react": "^18.2.21",
"@types/react-dom": "^18.2.7",
"astro": "^3.0.8",
"class-variance-authority": "^0.7.0",
"clsx": "^2.0.0",
"lucide-react": "^0.274.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tailwind-merge": "^1.14.0",
"tailwindcss": "^3.3.3",
"tailwindcss-animate": "^1.0.7"
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 KiB

BIN
src/assets/img/nn.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 175 KiB

View File

@ -0,0 +1,14 @@
---
interface Props {
href: string;
title: string;
}
const { href, title } = Astro.props;
---
<a
href={href}
class="text-primary-foreground hover:text-primary hover:bg-primary-foreground rounded-md px-3 py-2 transition duration-300"
>{title}
</a>

View File

@ -0,0 +1,22 @@
---
import { Image } from 'astro:assets';
import NavItem from "./NavItem.astro";
import foscLogo from '../assets/img/fosc-logo-new.png'
---
<div class="backdrop-blur backdrop-brightness-50 drop-shadow-lg">
<nav class="container flex justify-between items-center h-24">
<Image class="h-full w-auto" src={foscLogo} alt="FOSC Logo"/>
<div class="flex space-x-4">
<NavItem href="/example" title="Cloud" />
<NavItem href="/example" title="Gallery" />
<NavItem href="/example" title="Downloads" />
<NavItem href="/example" title="Blog" />
</div>
</nav>
</div>

43
src/layouts/new.astro Normal file
View File

@ -0,0 +1,43 @@
---
import "@/styles/globals.css";
import { Image } from "astro:assets";
import Navbar from "../components/Navbar.astro";
import foscLogo from "../assets/img/fosc-logo-old.png";
---
<!doctype html>
<html lang="en">
<!-- Ah shit, here we go again. -->
<head>
<meta charset="utf-8" />
<title>FOSC</title>
<meta name="generator" content={Astro.generator} />
</head>
<body class="bg-fixed bg-cover bg-center bg-repeat-y">
<!-- Vertical screen space is initially shared by navbar and splash content, furhter content can be obtained by scrolling -->
<div class="flex flex-col h-screen">
<Navbar />
<div class="backdrop-blur object-cover flex-grow">
<!-- Floating center items -->
<div class="container-sm mx-auto px-4 flex flex-col justify-center">
<Image class="mt-[10vh] max-h-[33vh] w-auto" src={foscLogo} alt="FOSC Logo" />
<p class="mt-4 text-center text-white">Welcome to FOSC</p>
</div>
</div>
</div>
</body>
</html>
<style>
body {
background-image: url(../img/coreboot2.webp);
}
</style>

View File

@ -4,9 +4,7 @@ import '../styles/old.css';
---
<!DOCTYPE html>
<html lang="en">
<!-- ****************************** -->
<!-- * Ah shit, here we go again. * -->
<!-- ****************************** -->
<!-- Ah shit, here we go again. -->
<head>
<meta charset="utf-8" />

6
src/lib/utils.ts Normal file
View File

@ -0,0 +1,6 @@
import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}

View File

@ -1,11 +0,0 @@
---
import Layout from '../layouts/Layout.astro';
import Card from '../components/Card.astro';
---
<Layout title="Welcome to Astro.">
<main>
cum
</main>
</Layout>

7
src/pages/new.astro Normal file
View File

@ -0,0 +1,7 @@
---
import Layout from '../layouts/new.astro';
---
<Layout>
aaaaaaaaaaaaaaaaaaaaa
</Layout>

65
src/styles/globals.css Normal file
View File

@ -0,0 +1,65 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 0 0% 100%;
--foreground: 224 71.4% 4.1%;
--card: 0 0% 100%;
--card-foreground: 224 71.4% 4.1%;
--popover: 0 0% 100%;
--popover-foreground: 224 71.4% 4.1%;
--primary: 262.1 83.3% 57.8%;
--primary-foreground: 210 20% 98%;
--secondary: 220 14.3% 95.9%;
--secondary-foreground: 220.9 39.3% 11%;
--muted: 220 14.3% 95.9%;
--muted-foreground: 220 8.9% 46.1%;
--accent: 220 14.3% 95.9%;
--accent-foreground: 220.9 39.3% 11%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 20% 98%;
--border: 220 13% 91%;
--input: 220 13% 91%;
--ring: 262.1 83.3% 57.8%;
--radius: 0.5rem;
}
.dark {
--background: 224 71.4% 4.1%;
--foreground: 210 20% 98%;
--card: 224 71.4% 4.1%;
--card-foreground: 210 20% 98%;
--popover: 224 71.4% 4.1%;
--popover-foreground: 210 20% 98%;
--primary: 263.4 70% 50.4%;
--primary-foreground: 210 20% 98%;
--secondary: 215 27.9% 16.9%;
--secondary-foreground: 210 20% 98%;
--muted: 215 27.9% 16.9%;
--muted-foreground: 217.9 10.6% 64.9%;
--accent: 215 27.9% 16.9%;
--accent-foreground: 210 20% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 20% 98%;
--border: 215 27.9% 16.9%;
--input: 215 27.9% 16.9%;
--ring: 263.4 70% 50.4%;
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
}

71
tailwind.config.cjs Normal file
View File

@ -0,0 +1,71 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ["class"],
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
theme: {
container: {
center: true,
padding: "2rem",
screens: {
"2xl": "1400px",
},
},
extend: {
colors: {
border: "hsl(var(--border))",
input: "hsl(var(--input))",
ring: "hsl(var(--ring))",
background: "hsl(var(--background))",
foreground: "hsl(var(--foreground))",
primary: {
DEFAULT: "hsl(var(--primary))",
foreground: "hsl(var(--primary-foreground))",
},
secondary: {
DEFAULT: "hsl(var(--secondary))",
foreground: "hsl(var(--secondary-foreground))",
},
destructive: {
DEFAULT: "hsl(var(--destructive))",
foreground: "hsl(var(--destructive-foreground))",
},
muted: {
DEFAULT: "hsl(var(--muted))",
foreground: "hsl(var(--muted-foreground))",
},
accent: {
DEFAULT: "hsl(var(--accent))",
foreground: "hsl(var(--accent-foreground))",
},
popover: {
DEFAULT: "hsl(var(--popover))",
foreground: "hsl(var(--popover-foreground))",
},
card: {
DEFAULT: "hsl(var(--card))",
foreground: "hsl(var(--card-foreground))",
},
},
borderRadius: {
lg: "var(--radius)",
md: "calc(var(--radius) - 2px)",
sm: "calc(var(--radius) - 4px)",
},
keyframes: {
"accordion-down": {
from: { height: 0 },
to: { height: "var(--radix-accordion-content-height)" },
},
"accordion-up": {
from: { height: "var(--radix-accordion-content-height)" },
to: { height: 0 },
},
},
animation: {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
},
},
},
plugins: [require("tailwindcss-animate")],
}

View File

@ -1,3 +1,11 @@
{
"extends": "astro/tsconfigs/strict"
"extends": "astro/tsconfigs/strict",
"compilerOptions": {
"jsx": "react-jsx",
"jsxImportSource": "react",
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
}
}