Fuck if I know
This commit is contained in:
parent
4cd51d7853
commit
6433358b04
@ -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
16
components.json
Normal 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
2348
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
16
package.json
16
package.json
@ -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"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
BIN
src/assets/img/fosc-logo-new.png
Normal file
BIN
src/assets/img/fosc-logo-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
src/assets/img/fosc-logo-old.png
Normal file
BIN
src/assets/img/fosc-logo-old.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 147 KiB |
BIN
src/assets/img/nn.jpg
Normal file
BIN
src/assets/img/nn.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
14
src/components/NavItem.astro
Normal file
14
src/components/NavItem.astro
Normal 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>
|
||||
22
src/components/Navbar.astro
Normal file
22
src/components/Navbar.astro
Normal 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
43
src/layouts/new.astro
Normal 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>
|
||||
@ -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
6
src/lib/utils.ts
Normal 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))
|
||||
}
|
||||
@ -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
7
src/pages/new.astro
Normal file
@ -0,0 +1,7 @@
|
||||
---
|
||||
import Layout from '../layouts/new.astro';
|
||||
---
|
||||
|
||||
<Layout>
|
||||
aaaaaaaaaaaaaaaaaaaaa
|
||||
</Layout>
|
||||
65
src/styles/globals.css
Normal file
65
src/styles/globals.css
Normal 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
71
tailwind.config.cjs
Normal 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")],
|
||||
}
|
||||
@ -1,3 +1,11 @@
|
||||
{
|
||||
"extends": "astro/tsconfigs/strict"
|
||||
"extends": "astro/tsconfigs/strict",
|
||||
"compilerOptions": {
|
||||
"jsx": "react-jsx",
|
||||
"jsxImportSource": "react",
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"@/*": ["src/*"]
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user