aboutsummaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
authorFilip Wandzio <contact@philw.dev>2025-09-08 19:20:16 +0200
committerFilip Wandzio <contact@philw.dev>2025-09-08 19:20:16 +0200
commitfcc7a9157c2c63e86bb6e93558a3a228ff8faa3f (patch)
tree0c0fd22a4b8d1fb2c85e9815510f806c73fc839e /index.html
parent74eea9c13a4bd9846fd82bbaae841322cf5650fc (diff)
downloadphilw.dev-fcc7a9157c2c63e86bb6e93558a3a228ff8faa3f.tar.gz
philw.dev-fcc7a9157c2c63e86bb6e93558a3a228ff8faa3f.zip
Rewrite whole project in svelte for better accessibility
Signed-off-by: Filip Wandzio <contact@philw.dev>
Diffstat (limited to 'index.html')
-rw-r--r--index.html84
1 files changed, 8 insertions, 76 deletions
diff --git a/index.html b/index.html
index 5204048..97151d5 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,14 @@
1<!doctype html> 1<!doctype html>
2<html lang="en"> 2<html lang="en">
3<head> 3 <head>
4 <meta charset="utf-8" /> 4 <meta charset="utf-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" />
6 <title>Filip Wandzio – Software Engineer | Web & Mobile Development</title> 6 <title>Filip Wandzio – Software Engineer | Web & Mobile Development</title>
7 <meta name="description" content="Filip Wandzio — software engineer building web apps, mobile tools, and software with a focus on clarity and usefulness. Explore projects, research, and writing." /> 7 <meta name="description" content="Filip Wandzio — software engineer building web apps, mobile tools, and software with a focus on clarity and usefulness. Explore projects, research, and writing." />
8 <meta name="keywords" content="software engineer, web technologies, mobile apps, projects, research, blog, filip wandzio" /> 8 <meta name="keywords" content="software engineer, web technologies, mobile apps, projects, research, blog, filip wandzio" />
9 <meta name="robots" content="index, follow" /> 9 <meta name="robots" content="index, follow" />
10 <link rel="icon" type="image/png" href="./public/favicon.ico" /> 10 <link rel="icon" type="image/png" href="favicon.ico" />
11 <link rel="apple-touch-icon" href="./public/favicon.ico" /> 11 <link rel="apple-touch-icon" href="favicon.ico" />
12 <link rel="stylesheet" href="./index.css">
13 <link rel="canonical" href="https://philw.dev" /> 12 <link rel="canonical" href="https://philw.dev" />
14 <meta property="og:title" content="Filip Wandzio - Software Engineer" /> 13 <meta property="og:title" content="Filip Wandzio - Software Engineer" />
15 <meta property="og:description" content="Software engineer building web apps, mobile tools, and software with a focus on clarity and usefulness." /> 14 <meta property="og:description" content="Software engineer building web apps, mobile tools, and software with a focus on clarity and usefulness." />
@@ -27,76 +26,9 @@
27 "jobTitle": "Software Engineer", 26 "jobTitle": "Software Engineer",
28 } 27 }
29 </script> 28 </script>
30</head> 29 </head>
31<body> 30 <body>
32 <header> 31 <div id="app"></div>
33 <div class="header-top"> 32 <script type="module" src="/src/main.ts"></script>
34 <h1>Filip Wandzio</h1> 33 </body>
35 <button class="menu-toggle" aria-expanded="false" aria-controls="main-nav">
36 ☰ <span class="sr-only">Menu</span>
37 </button>
38 </div>
39 <nav id="main-nav" aria-label="Main navigation">
40 <ul>
41 <li><a href="#about">About</a></li>
42 <li><a href="#projects">Projects</a></li>
43 <li><a href="#research">Research</a></li>
44 <li><a href="#contact">Contact</a></li>
45 </ul>
46 </nav>
47 </header>
48
49 <main>
50 <section id="about" aria-labelledby="about-heading">
51 <h2 id="about-heading">💡 About</h2>
52 <p>I’m a software engineer who makes tools that are simple, practical, and useful. Right now I mostly work with web applications, mobile development, and general software design.</p>
53 <p>Outside of programming, I spend time with music — listening, exploring, and creating my own pieces.</p>
54 </section>
55
56 <section id="projects" aria-labelledby="projects-heading">
57 <h2 id="projects-heading">👨‍💻 Projects</h2>
58 <p>Side projects are hosted on my <a href="https://www.git.philw.dev" target="_blank" rel="noopener noreferrer" aria-label="visit filip wandzio's git repository">git repository</a>. They are experiments, prototypes, and actual working solutions used on my personal machine. Here you can also find materials used on my prelections.</p>
59 </section>
60
61 <section id="research" aria-labelledby="research-heading">
62 <h2 id="research-heading">🔬 Research</h2>
63 <p>
64 Currently I am an undergraduate / master’s student in Computer Science with a interest in
65 <strong>Cybersecurity, Operating Systems and Network Engineering</strong>.
66 My academic work has focused on learning core concepts, exploring how technology can be made
67 more accessible, and experimenting with practical projects that bridge theory and application.
68 </p>
69 <p>
70 I am not yet a professional researcher, but I enjoy reviewing academic papers,
71 and building prototypes. My long-term goal is to pursue further graduate studies where I can deepen my
72 expertise.
73 </p>
74 </section>
75
76 <section id="contact" aria-labelledby="contact-heading">
77 <h2 id="contact-heading">✉️ Contact</h2>
78 <p>If you’d like to get in touch, send me an email: <a href="mailto:contact@philw.dev" aria-label="email filip wandzio">contact@philw.dev</a>.</p>
79 </section>
80 </main>
81 <script>
82
83const toggleButton = document.querySelector('.menu-toggle');
84const navMenu = document.querySelector('#main-nav ul');
85
86toggleButton.addEventListener('click', () => {
87 const expanded = toggleButton.getAttribute('aria-expanded') === 'true';
88 toggleButton.setAttribute('aria-expanded', String(!expanded));
89 navMenu.classList.toggle('open');
90});
91
92document.querySelectorAll('#main-nav a').forEach(link => {
93 link.addEventListener('click', () => {
94 if (navMenu.classList.contains('open')) {
95 navMenu.classList.remove('open');
96 toggleButton.setAttribute('aria-expanded', 'false');
97 }
98 });
99});
100 </script>
101</body>
102</html> 34</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-17 15:32:44 +0000