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

aaa

Browse Source
This commit is contained in:
Pablo Moyano 2023-10-06 19:51:16 +02:00
parent 5008e06064
commit 12fbb048f4
4 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Badge.astro
View File

@ -3,7 +3,7 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
import { Image } from "astro:assets"; import { Image } from "astro:assets";
--- ---
<div id="container" class="mt-[10vh] h-[30vh]"> <div id="container" class="h-[30vh]">
<Image id="logo" class="h-full w-auto" src={foscLogo} alt="FOSC Logo" /> <Image id="logo" class="h-full w-auto" src={foscLogo} alt="FOSC Logo" />
</div> </div>
@ -32,7 +32,7 @@ interface LogoElement extends HTMLElement {
const logo = document.querySelector("#logo") as LogoElement; const logo = document.querySelector("#logo") as LogoElement;
const logoContainer = document.querySelector("#container") as HTMLElement; const logoContainer = document.querySelector("#container") as HTMLElement;
let sensitivity = 20; // Adjust the sensitivity as needed let sensitivity = 100; // Adjust the sensitivity as needed
let mouseX = 0; let mouseX = 0;
let mouseY = 0; let mouseY = 0;
let targetRotationX = 0; let targetRotationX = 0;

2
src/components/HackerText.astro
View File

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

10
src/components/Navbar.astro
View File

@ -48,7 +48,15 @@ import foscLogo from '../assets/img/fosc-logo-new.png'
<div class="navbar-end"> <div class="navbar-end">
<button class="btn btn-ghost" data-toggle-theme="dark,light" data-act-class="ACTIVECLASS">🌚</button> <select class="select select-ghost" data-choose-theme>
<option value="">Default</option>
<option value="light">Light</option>
<option value="dark">Dark</option>
<option value="cyberpunk">Cyberpunk</option>
<option value="black">Black</option>
<option value="retro">Retro</option>
<option value="synthwave">Synthwave</option>
</select>
</div> </div>

12
src/pages/index.astro
View File

@ -49,15 +49,15 @@ import foscLogo from "../assets/img/fosc-logo-old.png";
<!-- Floating center items --> <!-- Floating center items -->
<div class="container-sm mx-auto px-4 flex flex-col justify-center items-center"> <div class="container-sm mx-auto px-4 flex flex-col justify-center items-center">
<Badge></Badge> <div class="mt-[10vh]">
<HackerText text="FOSC"></HackerText> <Badge></Badge>
</div>
<div class="mt-[5vh]">
<HackerText text="FOSC"></HackerText>
</div>
</div> </div>
<div class="container mx-auto flex justify-center items-center"> <div class="container mx-auto flex justify-center items-center">
<button class="btn" data-set-theme="" data-act-class="ACTIVECLASS">none</button>
<button class="btn" data-set-theme="light" data-act-class="ACTIVECLASS">light</button>
<button class="btn" data-set-theme="dark" data-act-class="ACTIVECLASS">dark</button>
<button class="btn" data-set-theme="cyberpunk" data-act-class="ACTIVECLASS">cyber</button>
</div> </div>