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

A

Browse Source
This commit is contained in:
Pablo Moyano 2023-10-07 20:25:55 +02:00
parent 38e9df5936
commit 03923b10aa
3 changed files with 100 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Navbar.astro
View File

@ -10,7 +10,7 @@ import foscLogo from '../assets/img/fosc-logo-new.png'
<div class="navbar-start"> <div class="navbar-start">
<!-- <Image class="h-24 w-auto" src={foscLogo} alt="FOSC Logo"/> --> <!-- <Image class="h-24 w-auto" src={foscLogo} alt="FOSC Logo"/> -->
<a class="btn btn-ghost normal-case text-xl font-['Researcher']">FOSC</a> <li><a href="/" class="btn btn-ghost normal-case text-xl font-['Researcher']">FOSC</a></li>
</div> </div>
<div class="navbar-center"> <div class="navbar-center">
@ -18,8 +18,8 @@ import foscLogo from '../assets/img/fosc-logo-new.png'
<ul class="menu menu-horizontal px-1"> <ul class="menu menu-horizontal px-1">
<NavItem href="https://cloud.fosc.space" title="Cloud" /> <NavItem href="https://cloud.fosc.space" title="Cloud" />
<NavItem href="https://gallery.fosc.space" title="Gallery" /> <NavItem href="https://gallery.fosc.space" title="Gallery" />
<NavItem href="https://" title="Downloads" /> <NavItem href="https://download.fosc.space" title="Downloads" />
<NavItem href="/example" title="Blog" /> <NavItem href="/blog" title="Blog" />
</ul> </ul>
</div> </div>

72
src/pages/blog.astro Normal file
View File

@ -0,0 +1,72 @@
---
import "@/styles/globals.css";
import Navbar from "../components/Navbar.astro";
import HackerText from "../components/HackerText.astro";
import Badge from "../components/Badge.astro";
import Gallery from "../components/Gallery.astro";
import Footer from "../components/Footer.astro";
import CodeHello from "../components/CodeHello.astro";
// Image imports
import { Image } from "astro:assets";
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} />
<!-- Theme manager -->
<script is:inline>
// ☝️ This script prevent the FART effect.
if (localStorage.getItem("theme") === null) {
document.documentElement.setAttribute("data-theme", "light");
} else
document.documentElement.setAttribute(
"data-theme",
localStorage.getItem("theme")
);
// "theme" LocalStorage value is set by the package to remember user preference.
// The value is checked and applyed before rendering anything.
</script>
<script>
import { themeChange } from "theme-change";
themeChange();
// 👆 you could import the CDN directly instead of these two lines
</script>
</head>
<body class="bg-fixed bg-cover bg-center bg-repeat-y">
<!-- Vertical screen space is initially shared by navbar and splash content, further content can be obtained by scrolling -->
<!-- This is our true body for all intents and purposes -->
<!-- Placing content outside this div causes blurry useless things -->
<div class="flex flex-col h-screen">
<Navbar />
<!-- Text description -->
<div class="container-sm py-20 mx-auto">
<code>Blog coming soon</code>
</div>
</div>
<div>
<Footer />
</div>
</body>
</html>
<style>
/* body {
background-color: black !important;
background-image: url(../img/coreboot2.webp);
} */
</style>

45
src/pages/index.astro
View File

@ -3,10 +3,10 @@ import "@/styles/globals.css";
import Navbar from "../components/Navbar.astro"; import Navbar from "../components/Navbar.astro";
import HackerText from "../components/HackerText.astro"; import HackerText from "../components/HackerText.astro";
import Badge from "../components/Badge.astro" import Badge from "../components/Badge.astro";
import Gallery from "../components/Gallery.astro" import Gallery from "../components/Gallery.astro";
import Footer from "../components/Footer.astro" import Footer from "../components/Footer.astro";
import CodeHello from "../components/CodeHello.astro" import CodeHello from "../components/CodeHello.astro";
// Image imports // Image imports
import { Image } from "astro:assets"; import { Image } from "astro:assets";
@ -36,14 +36,13 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
// The value is checked and applyed before rendering anything. // The value is checked and applyed before rendering anything.
</script> </script>
<script> <script>
import { themeChange } from 'theme-change'; import { themeChange } from "theme-change";
themeChange(); themeChange();
// 👆 you could import the CDN directly instead of these two lines // 👆 you could import the CDN directly instead of these two lines
</script> </script>
</head> </head>
<body class="bg-fixed bg-cover bg-center bg-repeat-y"> <body class="bg-fixed bg-cover bg-center bg-repeat-y">
<!-- Vertical screen space is initially shared by navbar and splash content, further content can be obtained by scrolling --> <!-- Vertical screen space is initially shared by navbar and splash content, further content can be obtained by scrolling -->
<!-- This is our true body for all intents and purposes --> <!-- This is our true body for all intents and purposes -->
<!-- Placing content outside this div causes blurry useless things --> <!-- Placing content outside this div causes blurry useless things -->
@ -51,36 +50,43 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
<Navbar /> <Navbar />
<div class="backdrop-blur object-cover flex-grow"> <div class="backdrop-blur object-cover flex-grow">
<!-- Floating center items --> <!-- Logo + brand -->
<div class="container-sm mx-auto px-4 flex flex-col justify-center items-center"> <div
class="container mx-auto flex flex-col justify-center items-center"
>
<div class="mt-[10vh]"> <div class="mt-[10vh]">
<Badge></Badge> <Badge />
</div> </div>
<div class="mt-[5vh]"> <div class="mt-[5vh]">
<HackerText text="FOSC"></HackerText> <HackerText text="FOSC" />
</div> </div>
</div> </div>
<!-- Wall of pictures -->
<div class="container py-20 mx-auto"> <div class="container py-20 mx-auto">
<Gallery></Gallery> <Gallery />
</div> </div>
<div class="container mx-auto"> <!-- Text description -->
<CodeHello></CodeHello> <div class="container py-20 mx-auto">
<CodeHello />
</div> </div>
<div class="container py-10 mx-auto"> <!-- More content -->
<!-- <div class="container py-10 mx-auto">
<div class="flex flex-col w-full"> <div class="flex flex-col w-full">
<div class="grid h-20 card bg-base-300 rounded-box place-items-center">content</div> <div class="grid h-20 card bg-base-300 rounded-box place-items-center">content</div>
<div class="divider"></div> <div class="divider"></div>
<div class="grid h-20 card bg-base-300 rounded-box place-items-center">content</div> <div class="grid h-20 card bg-base-300 rounded-box place-items-center">content</div>
</div> </div>
</div> </div> -->
</div>
<div>
<Footer />
</div> </div>
<Footer></Footer>
</div> </div>
</body> </body>
</html> </html>
@ -91,4 +97,3 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
background-image: url(../img/coreboot2.webp); background-image: url(../img/coreboot2.webp);
} */ } */
</style> </style>