erik/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add new animation, add close button, add back button
All checks were successful
Deploy new version of the application / Deploy Application (push) Successful in 3s
Details

Browse Source
This commit is contained in:
Erik Fehér
2025-10-23 16:54:54 +02:00
parent 5c42665c8f
commit d97e432695
4 changed files with 282 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
index.html
View File

@@ -19,8 +19,18 @@
<div class="content-container">
<div class="content-wrapper">
<div class="header">
<div class="brand">Erik Feher</div>
<img class="close" src="./public/next.svg"/>
<div class="header-left">
<div class="brand">Erik Feher</div>
</div>
<div class="header-center">
<div class="brand">About</div>
</div>
<div class="header-right">
<div class="control-button close">
<img class="close-svg" src="./public/close.svg"/>
</div>
<img class="next control-button" src="./public/next.svg"/>
</div>
</div>
<div class="card-content">
<div id="card-content-container">
@@ -41,8 +51,21 @@
<div class="content-container">
<div class="content-wrapper">
<div class="header">
<div class="brand">Erik Feher</div>
<img class="close" src="./public/next.svg"/>
<div class="header-left">
<img class="back control-button" src="./public/next.svg"/>
<div class="brand">Erik Feher</div>
</div>
<div class="header-center">
<div class="brand">CONTACT</div>
</div>
<div class="header-right">
<div class="control-button close">
<img class="close-svg" src="./public/close.svg"/>
</div>
<img class="next control-button" src="./public/next.svg"/>
</div>
</div>
<div class="card-content">
</div>
</div>
</div>
@@ -58,8 +81,21 @@
<div class="content-container">
<div class="content-wrapper">
<div class="header">
<div class="brand">Erik Feher</div>
<img class="close" src="./public/next.svg"/>
<div class="header-left">
<img class="back control-button" src="./public/next.svg"/>
<div class="brand">Erik Feher</div>
</div>
<div class="header-center">
<div class="brand">SOCIALS</div>
</div>
<div class="header-right">
<div class="control-button close">
<img class="close-svg" src="./public/close.svg"/>
</div>
<img class="next control-button" src="./public/next.svg"/>
</div>
</div>
<div class="card-content">
</div>
</div>
</div>
@@ -75,8 +111,21 @@
<div class="content-container">
<div class="content-wrapper">
<div class="header">
<div class="brand">Erik Feher</div>
<img class="close" src="./public/next.svg"/>
<div class="header-left">
<img class="back control-button" src="./public/next.svg"/>
<div class="brand">Erik Feher</div>
</div>
<div class="header-center">
<div class="brand">EXPERIENCE</div>
</div>
<div class="header-right">
<div class="control-button close">
<img class="close-svg" src="./public/close.svg"/>
</div>
<img class="next control-button" src="./public/next.svg"/>
</div>
</div>
<div class="card-content">
</div>
</div>
</div>
@@ -92,8 +141,20 @@
<div class="content-container">
<div class="content-wrapper">
<div class="header">
<div class="brand">Erik Feher</div>
<img class="close" src="./public/next.svg"/>
<div class="header-left">
<img class="back control-button" src="./public/next.svg"/>
<div class="brand">Erik Feher</div>
</div>
<div class="header-center">
<div class="brand">SKILLS</div>
</div>
<div class="header-right">
<div class="control-button close">
<img class="close-svg" src="./public/close.svg"/>
</div>
</div>
</div>
<div class="card-content">
</div>
</div>
</div>