.typing-container { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%);
margin-left: 10px;
margin-right: 10px; text-align: center; } #input-cursor { display: inline-block; background-color:
var(--main-dark-color); animation: blinkCursor .4s linear infinite alternate; } @keyframes
blinkCursor { 0% { opacity:
1; } 40% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } } #parallax-Wrapper { margin: 0px;
padding: 0px;
height: 100dvh; overflow-x: hidden; perspective: 10px; scroll-behavior: smooth; scrollbar-width:
none; } header {
position: relative; display: flex; justify-content: center; align-items: center; height: 100%;
transform-style:
preserve-3d; z-index: -1; background-color: rgba(255, 255, 255, 0.5); } .background-Dan-Frunza {
background:
url(../assets/images/Dan_Foreground.webp); background-position: center; background-repeat:
no-repeat;
background-size:
cover; position: absolute; object-fit: cover; z-index: -2; transform: translateZ(-20px) scale(3); }
.background-welcome-css { background-image: linear-gradient(to bottom, var(--main-light-color) 16%,
transparent 60%),
url(../assets/images/Welcome_CSS.png); background-position: center; background-repeat: no-repeat;
background-size:
cover; position: absolute; height: 100%; width: 100%; margin-top: 100vh; object-fit: cover; z-index:
-3; transform:
translateZ(-50px) scale(6); } /* VERY LARGE SCREENS: */ @media screen and (min-aspect-ratio: 2/1) {
.typing-container {
bottom: 150px; font-size: 6rem; } #input-cursor { width: 10px; height: 75px; margin-left: 8px; }
.background-Dan-Frunza {
background-position: bottom; height: 100%; width: 30%; } } /* VERY LARGE SCREENS: */ @media only
screen and (min-width:
1100px) and (max-aspect-ratio: 2/1) { .typing-container { bottom: 150px; font-size: 6rem; }
#input-cursor { width: 10px;
height: 75px; margin-left: 8px; } .background-Dan-Frunza { background-position: bottom; height:
100%;
width: 40%; } } /*
LARGE SCREENS: */ @media only screen and (min-width: 768px) and (max-width: 1100px) {
.typing-container { bottom: 200px;
font-size: 5rem; } #input-cursor { width: 8px; height: 65px; margin-left: 6px; }
.background-Dan-Frunza {
background-position: bottom; height: 100%; width: 60%; } } /* SMALL SCREENS: */ @media only screen
and (min-width:
576px) and (max-width: 768px) { .typing-container { bottom: 180px; font-size: 4rem; } #input-cursor
{ width: 6px;
height: 55px; margin-left: 4px; } .background-Dan-Frunza { background-position: center; height:
100%;
width: 65%; } } /*
VERY SMALL SCREENS: */ @media only screen and (max-width: 576px) { .typing-container { bottom:
200px; font-size: 3rem; }
#input-cursor { width: 4px; height: 40px; margin-left: 2px; } .background-Dan-Frunza {
background-position: center;
height: 100%; width: 90%; } }
.typing-container { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%);
margin-left: 10px;
margin-right: 10px; text-align: center; } #input-cursor { display: inline-block; background-color:
var(--main-dark-color); animation: blinkCursor .4s linear infinite alternate; } @keyframes
blinkCursor { 0% { opacity:
1; } 40% { opacity: 1; } 60% { opacity: 0; } 100% { opacity: 0; } } #parallax-Wrapper { margin: 0px;
padding: 0px;
height: 100dvh; overflow-x: hidden; perspective: 10px; scroll-behavior: smooth; scrollbar-width:
none; } header {
position: relative; display: flex; justify-content: center; align-items: center; height: 100%;
transform-style:
preserve-3d; z-index: -1; background-color: rgba(255, 255, 255, 0.5); } .background-Dan-Frunza {
background:
url(../assets/images/Dan_Foreground.webp); background-position: center; background-repeat:
no-repeat;
background-size:
cover; position: absolute; object-fit: cover; z-index: -2; transform: translateZ(-20px) scale(3); }
.background-welcome-css { background-image: linear-gradient(to bottom, var(--main-light-color) 16%,
transparent 60%),
url(../assets/images/Welcome_CSS.png); background-position: center; background-repeat: no-repeat;
background-size:
cover; position: absolute; height: 100%; width: 100%; margin-top: 100vh; object-fit: cover; z-index:
-3; transform:
translateZ(-50px) scale(6); } /* VERY LARGE SCREENS: */ @media screen and (min-aspect-ratio: 2/1) {
.typing-container {
bottom: 150px; font-size: 6rem; } #input-cursor { width: 10px; height: 75px; margin-left: 8px; }
.background-Dan-Frunza {
background-position: bottom; height: 100%; width: 30%; } } /* VERY LARGE SCREENS: */ @media only
screen and (min-width:
1100px) and (max-aspect-ratio: 2/1) { .typing-container { bottom: 150px; font-size: 6rem; }
#input-cursor { width: 10px;
height: 75px; margin-left: 8px; } .background-Dan-Frunza { background-position: bottom; height:
100%;
width: 40%; } } /*
LARGE SCREENS: */ @media only screen and (min-width: 768px) and (max-width: 1100px) {
.typing-container { bottom: 200px;
font-size: 5rem; } #input-cursor { width: 8px; height: 65px; margin-left: 6px; }
.background-Dan-Frunza {
background-position: bottom; height: 100%; width: 60%; } } /* SMALL SCREENS: */ @media only screen
and (min-width:
576px) and (max-width: 768px) { .typing-container { bottom: 180px; font-size: 4rem; } #input-cursor
{ width: 6px;
height: 55px; margin-left: 4px; } .background-Dan-Frunza { background-position: center; height:
100%;
width: 65%; } } /*
VERY SMALL SCREENS: */ @media only screen and (max-width: 576px) { .typing-container { bottom:
200px; font-size: 3rem; }
#input-cursor { width: 4px; height: 40px; margin-left: 2px; } .background-Dan-Frunza {
background-position: center;
height: 100%; width: 90%; } }
Experience
Hi, glad to meet you! I'm Dan, a fulltime developer, which also accomplishes various projects after-hours.
I mainly build websites and web apps, mostly using .NET in tandem with frontend frameworks and relational databases. To get me better known and to get a sense of what my strenghts are, here are some of my experiences in productive environments:
At this German company I'm developing various modules of a complex Unified Endpoint, Enterprise Mobility and Mobile Device Management software using mainly .NET MAUI, WPF or Angular.
Working for this Dutch fintech company I developed financial software for various merchants using microservice based architecture, layering and separating the frontend in Angular or Razor, and the backend in .NET APIs.
While working for this automotive-focused corporation I started by mainly writing Python scripts in order to automate aerodynamic simulations. I also had the opportunity to touch a little bit of embedded code, which was responsible for the CAN, LIN and Flexray communication throughout the cars.
This was my first experience dealing with real situations of coding in the .NET Environment. I was responsible for automating the technical blueprints of tools, the C# and VB.NET NXOpen API.
At this Fraunhofer Institute internship, I had to simulate the pathfinding capabilities of AGVs using various pathfinding algorithms in C# and Unity.
This internship at Bielomatik had a positive impact on my design abilities, which reflected themselves later as better frontend skills.
Education
Contact