Nielsken/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add last changes

Browse Source
This commit is contained in:
Niels Maes
2025-09-15 22:22:31 +02:00
parent 7130e962ab
commit ae92cd029d
3 changed files with 36 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
portfolio/index.html
View File

@@ -3,9 +3,21 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue</title> <title>Niels Portfolio</title>
<!-- SEO Meta Tags -->
<meta name="description"
content="Niels M - Cybersecurity student and web developer at Stellarnode VOF. Specialized in modern web development and security solutions.">
<meta name="keywords" content="cybersecurity, web development, portfolio, Vue.js, Stellarnode, security, frontend">
<meta name="author" content="Niels M">
<!-- Performance Hints -->
<meta name="theme-color" content="#1a1a2e">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com">
<!-- Google Fonts --> <!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

22
portfolio/public/favicon.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs>
<linearGradient id="lightningGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
<stop offset="50%" style="stop-color:#8B5CF6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#F59E0B;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Lightning bolt shape -->
<path d="M45 10 L35 40 L50 40 L30 85 L65 35 L50 35 L65 10 Z"
fill="url(#lightningGrad)"
stroke="#1E293B"
stroke-width="2"/>
<!-- Glow effect -->
<path d="M45 10 L35 40 L50 40 L30 85 L65 35 L50 35 L65 10 Z"
fill="none"
stroke="url(#lightningGrad)"
stroke-width="4"
opacity="0.6"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 783 B

13
portfolio/src/components/Navbar.vue
View File

@@ -237,19 +237,6 @@ onUnmounted(() => {
box-shadow: 0 4px 20px rgba(100, 181, 246, 0.2); box-shadow: 0 4px 20px rgba(100, 181, 246, 0.2);
} }
.nav-link.router-link-active::after {
content: '';
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
width: 6px;
height: 6px;
background: #64b5f6;
border-radius: 50%;
box-shadow: 0 0 10px rgba(100, 181, 246, 0.8);
}
.hamburger { .hamburger {
display: none; display: none;
flex-direction: column; flex-direction: column;