mirror of
https://github.com/adam-benyekkou/my_portfolio.git
synced 2026-01-16 04:30:08 +00:00
Added extra fonts, started button reusable component
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -1 +1 @@
|
||||
<p class="font-terminal-nier text-xl">AB</p>
|
||||
<p class="font-terminal-nier text-8xl">AB</p>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -1 +1,2 @@
|
||||
<p>SIDEBAR</p>
|
||||
|
||||
<p class="font-terminal-retro">SIDEBAR</p>
|
||||
|
||||
Reference in New Issue
Block a user