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

FUCK

Browse Source
This commit is contained in:
Pablo Moyano
2023-10-06 17:42:22 +02:00
parent a8f61d97ea
commit f57e2d5b1c
10 changed files with 1067 additions and 556 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/HackerText.astro
View File

@ -6,7 +6,7 @@ interface Props {
const { text } = Astro.props;
---
<p id="text" data-value={text} class="mt-4 text-center text-white font-mono text-7xl">{text}</p>
<p id="text" data-value={text} class="mt-4 text-center text-white text-7xl font-['Researcher']">{text}</p>
<script>
// Code I stole

5
src/components/NavItem.astro
View File

@ -6,9 +6,10 @@ interface Props {
const { href, title } = Astro.props;
---
<li>
<a
href={href}
class="text-primary-foreground hover:font-bold px-3 py-2 transition duration-300"
class=""
>{title}
</a>
</li>

54
src/components/Navbar.astro
View File

@ -6,17 +6,51 @@ 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">
<div class="navbar backdrop-blur backdrop-brightness-50 drop-shadow-lg">
<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 class="navbar-start">
<!-- <Image class="h-24 w-auto" src={foscLogo} alt="FOSC Logo"/> -->
<a class="btn btn-ghost normal-case text-xl font-['Researcher']">FOSC</a>
</div>
<div class="navbar-center">
<div class="hidden lg:flex">
<ul class="menu menu-horizontal px-1">
<NavItem href="/example" title="Cloud" />
<NavItem href="/example" title="Gallery" />
<NavItem href="/example" title="Downloads" />
<NavItem href="/example" title="Blog" />
</ul>
</div>
</nav>
<div class="hidden sm:flex">
<div class="dropdown">
<label tabindex="0" class="btn btn-ghost lg:hidden">
⥐
</label>
<ul tabindex="0" class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52">
<li><a>Item 1</a></li>
<li>
<a>Parent</a>
<ul class="p-2">
<li><a>Submenu 1</a></li>
<li><a>Submenu 2</a></li>
</ul>
</li>
<li><a>Item 3</a></li>
</ul>
</div>
</div>
</div>
<div class="navbar-end">
<button class="btn btn-ghost" data-toggle-theme="dark,light" data-act-class="ACTIVECLASS">🌚</button>
</div>
</div>