CavyDev/my_portfolio
1
0
Fork 0
mirror of https://github.com/adam-benyekkou/my_portfolio.git synced 2026-01-15 20:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added fade in animation about and projects pages

Browse Source
This commit is contained in:
AdamBtech
2025-05-26 22:15:51 +02:00
parent 6d484f346e
commit e6622285ed
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/pages/about/about.component.html
View File

@@ -1,4 +1,4 @@
<section class="border-b border-nier-border min-h-screen checkered-background neural-checkered-bg p-6 lg:p-8 flex flex-col relative neural-section"> <section class="border-b border-nier-border min-h-screen checkered-background neural-checkered-bg p-6 lg:p-8 flex flex-col relative neural-section w-full overflow-hidden">
<!-- Scanning line effect --> <!-- Scanning line effect -->
<div class="neural-scan-line"></div> <div class="neural-scan-line"></div>
@@ -11,10 +11,10 @@
</div> </div>
<!-- Main content grid --> <!-- Main content grid -->
<div class="flex-1 grid grid-cols-1 lg:grid-cols-12 gap-6 lg:gap-8 neural-content-grid"> <div class="flex-1 grid grid-cols-1 lg:grid-cols-2 gap-6 lg:gap-8 neural-content-grid w-full">
<!-- Left panel - Neural Profile Tree --> <!-- Left panel - Neural Profile Tree -->
<div class="lg:col-span-7 xl:col-span-6 neural-left-panel"> <div class="w-full neural-left-panel">
<div class="h-full bg-nier-bg border-2 border-nier-border font-terminal text-nier-dark"> <div class="h-full bg-nier-bg border-2 border-nier-border font-terminal text-nier-dark">
<!-- Inner content container with proper padding --> <!-- Inner content container with proper padding -->
<div class="h-full p-4 lg:p-6 neural-tree-container"> <div class="h-full p-4 lg:p-6 neural-tree-container">
@@ -24,7 +24,7 @@
</div> </div>
<!-- Right panel - Video and status (responsive) --> <!-- Right panel - Video and status (responsive) -->
<div class="lg:col-span-5 xl:col-span-6 flex flex-col gap-4 lg:gap-6 neural-right-panel"> <div class="w-full flex flex-col gap-4 lg:gap-6 neural-right-panel">
<!-- Main video display --> <!-- Main video display -->
<div class="flex-1 bg-nier-dark border-2 border-nier-accent neural-video-panel"> <div class="flex-1 bg-nier-dark border-2 border-nier-accent neural-video-panel">