fosc/new.fosc.space
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fuck if I know

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
astro.config.mjs
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
View File

File diff suppressed because it is too large Load Diff

14
package.json
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"
}
}

BIN
src/assets/img/fosc-logo-new.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
src/assets/img/fosc-logo-old.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 147 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 175 KiB

14
src/components/NavItem.astro Normal file
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>

22
src/components/Navbar.astro Normal file
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>

0
src/layouts/Layout.astro → src/layouts/example.astro
View File

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>

4
src/layouts/old.astro
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))
}

11
src/pages/cum.astro
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")],
}

10
tsconfig.json
View File

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