Added extra fonts, started button reusable component

This commit is contained in:
AdamBtech
2025-05-20 15:55:02 +02:00
parent 9a5f91685e
commit 2b2397e8a5
15 changed files with 49 additions and 78 deletions

View File

@@ -1,3 +1,3 @@
<section>
<p>ABOUT SECTION</p>
<section class="border-b-1 h-100 flex items-center justify-center">
<p class="text-6xl font-terminal-retro">ABOUT SECTION</p>
</section>

View File

@@ -1,3 +1,14 @@
<section>
<p>CONTACT FORM AND LINKS</p>
<section class="border-b-1 h-100 flex items-top justify-top bg-nier-bg p-6 relative">
<!-- First shadow layer (white/light) -->
<p class="absolute text-6xl font-noto-jp text-white opacity-50" style="top: 1.5rem; left: 1.5rem; transform: translate(1px, 1px);">
CONTACT FORM AND LINKS
</p>
<!-- Second shadow layer (dark) -->
<p class="absolute text-6xl font-noto-jp text-black opacity-15" style="top: 1.5rem; left: 1.5rem; transform: translate(5px, 10px);">
CONTACT FORM AND LINKS
</p>
<!-- Main text on top -->
<p class="relative text-6xl font-noto-jp text-nier-dark z-10">
CONTACT FORM AND LINKS
</p>
</section>

View File

@@ -1,3 +1,3 @@
<footer class="bg-nier-bg">
<p>FOOTER</p>
<footer class="bg-nier-dark border-b-1 h-100 flex items-center justify-center text-nier-light">
<p class="text-6xl font-terminal-retro">FOOTER</p>
</footer>

View File

@@ -1 +1 @@
<p class="font-terminal-nier text-xl">AB</p>
<p class="font-terminal-nier text-8xl">AB</p>

View File

@@ -1,8 +1,8 @@
<nav>
<section>
<app-button label="Neural Profile" (click)="onClick()"/>
<app-button label="Execute//Directory" (click)="onClick()"/>
<app-button label="Operative History" (click)="onClick()"/>
<app-button label="Transmission Link" (click)="onClick()"/>
<nav class="flex items-center justify-center">
<section class="grid grid-cols-2 gap-4 mt-4">
<app-button class="flex items-center" label="Neural Profile" (click)="onClick()"/>
<app-button class="flex items-center" label="Execute//Directory" (click)="onClick()"/>
<app-button class="flex items-center" label="Operative History" (click)="onClick()"/>
<app-button class="flex items-center" label="Transmission Link" (click)="onClick()"/>
</section>
</nav>

View File

@@ -1,4 +1,4 @@
<section class="">
<article><p class="text-6xl">HERO SECTION</p></article>
<article><p class="text-9xl">CREATIVE DEVELOPER</p></article>
<article class="border-b-1 h-100 flex items-center justify-center"><p class="text-9xl font-terminal-retro">HERO SECTION</p></article>
<article class="border-b-1 h-100 flex items-center justify-center"><p class="font-terminal-nier text-9xl">CREATIVE DEVELOPER</p></article>
</section>

View File

@@ -1,4 +1,4 @@
<section>
<article><p>PROJECT LIST</p></article>
<article class="border-b-1 h-100 flex items-center justify-center"><p class="text-6xl font-terminal-retro">PROJECTS</p></article>
</section>

View File

@@ -1 +1,2 @@
<p>SIDEBAR</p>
<p class="font-terminal-retro">SIDEBAR</p>