Showing source for: https://brahts.dev/
Duration: 0.143723s
Server: GitHub.com
<!DOCTYPE html>
<html data-astro-cid-37fxchfa="" lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Personal website of Alex Brackx - Software Developer & Database Specialist" name="description">
<meta content="Astro v5.16.6" name="generator">
<!-- Favicon -->
<link href="/favicon.png" rel="icon" type="image/png">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
<title>
Alex Brackx | Software Developer & Database Specialist
</title>
<link href="/_astro/contact.DuADjNp6.css" rel="stylesheet">
<style>
.hero[data-astro-cid-bbe6dxrz] {
min-height : 100vh;
display : flex;
align-items : center;
justify-content : center;
position : relative;
overflow : hidden
}
.hero[data-astro-cid-bbe6dxrz]:before {
content : "";
position : absolute;
top : 50%;
left : 50%;
width : 500px;
height : 500px;
background : radial-gradient(circle,rgba(0,255,65,.15) 0%,transparent 70%);
transform : translate(-50%,-50%);
pointer-events : none;
animation : pulse 4s ease-in-out infinite
}
@keyframes pulse {
0%
,
to {
opacity : .5;
transform : translate(-50%,-50%) scale(1)
}
50%
{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}
}
.hero-content[data-astro-cid-bbe6dxrz] {
text-align : center;
position : relative;
z-index : 1
}
.greeting[data-astro-cid-bbe6dxrz] {
font-size : 1.25rem;
color : var(--color-text-secondary);
margin-bottom : var(--spacing-xs);
animation-delay : .1s
}
.name[data-astro-cid-bbe6dxrz] {
font-size : clamp(3rem,8vw,6rem);
color : var(--color-accent);
text-shadow : var(--glow-md);
margin-bottom : var(--spacing-sm);
animation-delay : .2s
}
.tagline[data-astro-cid-bbe6dxrz] {
font-size : clamp(1rem,2vw,1.5rem);
color : var(--color-accent-alt);
margin-bottom : var(--spacing-lg);
animation-delay : .3s
}
.hero-cta[data-astro-cid-bbe6dxrz] {
animation-delay : .4s
}
.fade-in-up[data-astro-cid-bbe6dxrz] {
opacity : 0;
animation : fadeInUp .8s ease-out forwards
}
@media(max-width:768px) {
.greeting[data-astro-cid-bbe6dxrz] {
font-size : 1rem
}
.tagline[data-astro-cid-bbe6dxrz] {
font-size : .9rem
}
}
.about-grid[data-astro-cid-j7pv25f6] {
display : grid;
grid-template-columns: repeat(auto-fit,minmax(400px,1fr));
gap : var(--spacing-md);
max-width : 1000px;
margin : 0 auto
}
.about-card[data-astro-cid-j7pv25f6] {
display : flex;
height : 100%
}
.about-card[data-astro-cid-j7pv25f6]>.terminal-box {
flex : 1;
display : flex;
flex-direction : column
}
.highlight-list[data-astro-cid-j7pv25f6] {
list-style : none;
margin-top : var(--spacing-md)
}
.highlight-list[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6] {
margin-bottom : var(--spacing-xs);
color : var(--color-text-secondary)
}
.hobbies-list[data-astro-cid-j7pv25f6] {
margin-top : var(--spacing-md)
}
.hobby-item[data-astro-cid-j7pv25f6] {
margin-bottom : var(--spacing-md)
}
.hobby-item[data-astro-cid-j7pv25f6] h4[data-astro-cid-j7pv25f6] {
margin-bottom : var(--spacing-xs);
font-size : 1.1rem
}
.hobby-item[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6] {
color : var(--color-text-secondary)
}
.explore-more[data-astro-cid-j7pv25f6] {
margin-top : var(--spacing-xl);
text-align : center
}
.explore-more[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6] {
font-size : clamp(1.5rem,3vw,2rem);
margin-bottom : var(--spacing-lg)
}
.explore-grid[data-astro-cid-j7pv25f6] {
display : grid;
grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
gap : var(--spacing-md);
max-width : 1000px;
margin : 0 auto
}
.explore-card[data-astro-cid-j7pv25f6] {
display : flex;
height : 100%;
text-decoration : none;
transition : var(--transition-smooth)
}
.explore-card[data-astro-cid-j7pv25f6]>.terminal-box {
flex : 1;
display : flex;
flex-direction : column
}
.explore-card[data-astro-cid-j7pv25f6]:hover {
transform : translateY(-5px)
}
.explore-card[data-astro-cid-j7pv25f6] h4[data-astro-cid-j7pv25f6] {
font-size : 1.3rem;
margin-bottom : var(--spacing-sm)
}
.explore-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6] {
color : var(--color-text-secondary);
font-size : .95rem
}
@media(max-width:768px) {
.about-grid[data-astro-cid-j7pv25f6],.explore-grid[data-astro-cid-j7pv25f6] {
grid-template-columns: 1fr;
gap : var(--spacing-sm)
}
}
</style>
</head>
<body data-astro-cid-37fxchfa="">
<nav class="main-nav" data-astro-cid-37fxchfa="">
<div class="container" data-astro-cid-37fxchfa="">
<div class="nav-content" data-astro-cid-37fxchfa="">
<a class="logo terminal-prompt" data-astro-cid-37fxchfa="" href="/">
abrackx
</a>
<div class="nav-links" data-astro-cid-37fxchfa="">
<a data-astro-cid-37fxchfa="" href="/#about">
about
</a>
<a data-astro-cid-37fxchfa="" href="/skills">
skills
</a>
<a data-astro-cid-37fxchfa="" href="/hobbies">
hobbies
</a>
<a data-astro-cid-37fxchfa="" href="/contact">
contact
</a>
</div>
</div>
</div>
</nav>
<main data-astro-cid-37fxchfa="">
<section class="hero section" data-astro-cid-bbe6dxrz="">
<div class="container" data-astro-cid-bbe6dxrz="">
<div class="hero-content" data-astro-cid-bbe6dxrz="">
<p class="greeting fade-in-up" data-astro-cid-bbe6dxrz="">
Hello, I'm
</p>
<h1 class="name fade-in-up" data-astro-cid-bbe6dxrz="">
abrackx
<span class="cursor" data-astro-cid-bbe6dxrz="">
</span>
</h1>
<p class="tagline terminal-prompt fade-in-up" data-astro-cid-bbe6dxrz="">
Software Developer | Database Specialist | Weekend Warrior
</p>
<div class="hero-cta fade-in-up" data-astro-cid-bbe6dxrz="">
<a class="btn" data-astro-cid-bbe6dxrz="" href="#about">
explore.sh
</a>
</div>
</div>
</div>
</section>
<section class="section" data-astro-cid-sh445jdo="" id="about">
<div class="container" data-astro-cid-sh445jdo="">
<div class="section-header" data-astro-cid-sh445jdo="">
<h2 class="terminal-prompt" data-astro-cid-sh445jdo="">
about.sh
</h2>
<p class="subtitle" data-astro-cid-sh445jdo="">
A bit about me
</p>
</div>
<div class="section-content" data-astro-cid-sh445jdo="">
<div class="about-grid" data-astro-cid-j7pv25f6="">
<div class="about-card" data-astro-cid-j7pv25f6="">
<div class="terminal-box" data-astro-cid-ytsf5pbb="">
<div class="terminal-header" data-astro-cid-ytsf5pbb="">
<span class="terminal-title" data-astro-cid-ytsf5pbb="">
What I Do
</span>
</div>
<div class="terminal-content" data-astro-cid-ytsf5pbb="">
<p data-astro-cid-j7pv25f6="">
I'm a software developer with expertise in building efficient, scalable solutions and database management. I work with data pipelines, system architecture and love solving complex technical challenges.
</p>
<ul class="highlight-list" data-astro-cid-j7pv25f6="">
<li class="terminal-prompt" data-astro-cid-j7pv25f6="">
Software Development
</li>
<li class="terminal-prompt" data-astro-cid-j7pv25f6="">
Database Management
</li>
<li class="terminal-prompt" data-astro-cid-j7pv25f6="">
System Architecture
</li>
<li class="terminal-prompt" data-astro-cid-j7pv25f6="">
Data Pipeline Development
</li>
</ul>
</div>
</div>
</div>
<div class="about-card" data-astro-cid-j7pv25f6="">
<div class="terminal-box" data-astro-cid-ytsf5pbb="">
<div class="terminal-header" data-astro-cid-ytsf5pbb="">
<span class="terminal-title" data-astro-cid-ytsf5pbb="">
When I'm Not Coding
</span>
</div>
<div class="terminal-content" data-astro-cid-ytsf5pbb="">
<p data-astro-cid-j7pv25f6="">
Recess is in session. I dedicate a good amount of time to outdoor adventures that keep me balanced and energized.
</p>
<div class="hobbies-list" data-astro-cid-j7pv25f6="">
<div class="hobby-item" data-astro-cid-j7pv25f6="">
<h4 class="accent" data-astro-cid-j7pv25f6="">
Rock Climbing
</h4>
<p data-astro-cid-j7pv25f6="">
Puzzles, but make them vertical
</p>
</div>
<div class="hobby-item" data-astro-cid-j7pv25f6="">
<h4 class="accent" data-astro-cid-j7pv25f6="">
Skiing
</h4>
<p data-astro-cid-j7pv25f6="">
The art of thoughtfully throwing yourself down a mountain
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="explore-more" data-astro-cid-j7pv25f6="">
<h3 class="terminal-prompt" data-astro-cid-j7pv25f6="">
Explore More
</h3>
<div class="explore-grid" data-astro-cid-j7pv25f6="">
<a class="explore-card" data-astro-cid-j7pv25f6="" href="/skills">
<div class="terminal-box" data-astro-cid-ytsf5pbb="">
<div class="terminal-content" data-astro-cid-ytsf5pbb="">
<h4 class="accent" data-astro-cid-j7pv25f6="">
skills.sh
</h4>
<p data-astro-cid-j7pv25f6="">
Check out my technical expertise and what I work with
</p>
</div>
</div>
</a>
<a class="explore-card" data-astro-cid-j7pv25f6="" href="/hobbies">
<div class="terminal-box" data-astro-cid-ytsf5pbb="">
<div class="terminal-content" data-astro-cid-ytsf5pbb="">
<h4 class="accent" data-astro-cid-j7pv25f6="">
hobbies.sh
</h4>
<p data-astro-cid-j7pv25f6="">
Discover what I do outside of coding
</p>
</div>
</div>
</a>
<a class="explore-card" data-astro-cid-j7pv25f6="" href="/contact">
<div class="terminal-box" data-astro-cid-ytsf5pbb="">
<div class="terminal-content" data-astro-cid-ytsf5pbb="">
<h4 class="accent" data-astro-cid-j7pv25f6="">
contact.sh
</h4>
<p data-astro-cid-j7pv25f6="">
Get in touch and let's connect
</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer data-astro-cid-37fxchfa="">
<div class="container" data-astro-cid-37fxchfa="">
<p data-astro-cid-37fxchfa="">
© 2025 Alex Brackx. Built with Astro.
</p>
</div>
</footer>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://brahts.dev/ |
|
2026-10-14 21:27:59 |
| 2 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-14 21:27:59 |
| 3 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-14 21:27:53 |
| 4 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-14 21:27:52 |
| 5 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-14 21:27:44 |
| 6 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-14 21:27:38 |
| 7 |
https://www.texarkanatwins.com/%25… |
|
2026-10-14 21:27:37 |
| 8 |
https://www.texarkanatwins.com/%25… |
|
2026-10-14 21:27:37 |
| 9 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-14 21:27:35 |
| 10 |
https://www.texarkanatwins.com/%25… |
|
2026-10-14 21:27:30 |
| 11 |
https://www.passes.com/ |
|
2026-10-14 21:27:29 |
| 12 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-14 21:27:28 |
| 13 |
https://auth.mediacorp.sg/u/login?… |
|
2026-10-14 21:27:24 |
| 14 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-14 21:27:23 |
| 15 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-14 21:27:20 |
| 16 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-14 21:27:16 |
| 17 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-14 21:27:13 |
| 18 |
https://lechb444cvn6.blogsuperapp.… |
|
2026-10-14 21:27:02 |
| 19 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-14 21:27:02 |
| 20 |
https://www.texarkanatwins.com/%25… |
|
2026-10-14 21:27:00 |