aboutsummaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
authorFilip Wandzio <contact@philw.dev>2025-08-20 16:57:38 +0200
committerFilip Wandzio <contact@philw.dev>2025-08-20 16:57:38 +0200
commit74eea9c13a4bd9846fd82bbaae841322cf5650fc (patch)
treee2f1d62adbdd1030b2b4d01f53a800021c6c48ab /index.html
parenta812cfd2053b2a4b0d1ba904ef22f4945f649bb2 (diff)
downloadphilw.dev-74eea9c13a4bd9846fd82bbaae841322cf5650fc.tar.gz
philw.dev-74eea9c13a4bd9846fd82bbaae841322cf5650fc.zip
Make website more accessible, fix color schemes, update research information, optimize css
Signed-off-by: Filip Wandzio <contact@philw.dev>
Diffstat (limited to 'index.html')
-rw-r--r--index.html145
1 files changed, 78 insertions, 67 deletions
diff --git a/index.html b/index.html
index 537c04b..5204048 100644
--- a/index.html
+++ b/index.html
@@ -1,91 +1,102 @@
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</title> 6 <title>Filip Wandzio – Software Engineer | Web & Mobile Development</title>
7 <meta name="description" content="Filip Wandzio β€” Software Engineer specializing in web technologies, mobile apps, and software design. Discover projects, research, presentations, and blog posts." /> 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, Presentations, Blog, Filip Wandzio" /> 8 <meta name="keywords" content="software engineer, web technologies, mobile apps, projects, research, blog, filip wandzio" />
9 <link rel="icon" type="image/x-icon" href="./public/favicon.ico" /> 9 <meta name="robots" content="index, follow" />
10 <link rel="icon" type="image/png" href="./public/favicon.ico" />
11 <link rel="apple-touch-icon" href="./public/favicon.ico" />
10 <link rel="stylesheet" href="./index.css"> 12 <link rel="stylesheet" href="./index.css">
11 <link rel="canonical" href="https://philw.dev" /> 13 <link rel="canonical" href="https://philw.dev" />
12
13 <meta property="og:title" content="Filip Wandzio - Software Engineer" /> 14 <meta property="og:title" content="Filip Wandzio - Software Engineer" />
14 <meta property="og:description" content="Software engineer specializing in web technologies, mobile apps, and software design." /> 15 <meta property="og:description" content="Software engineer building web apps, mobile tools, and software with a focus on clarity and usefulness." />
15 <meta property="og:type" content="website" /> 16 <meta property="og:type" content="website" />
16 <meta property="og:url" content="https://philw.dev" /> 17 <meta property="og:url" content="https://philw.dev" />
17 <meta property="og:image" content="https://philw.dev/preview.webp" /> 18 <meta property="og:image" content="https://philw.dev/preview.webp" />
18 19 <meta property="og:locale" content="en_US" />
19 <meta name="twitter:card" content="summary_large_image" /> 20 <meta name="theme-color" content="#000c18" />
20 <meta name="twitter:title" content="Filip Wandzio - Software Engineer" /> 21 <script type="application/ld+json">
21 <meta name="twitter:description" content="Software engineer specializing in web technologies, mobile apps, and software design." /> 22 {
22 <meta name="twitter:image" content="https://philw.dev/public/preview.webp" /> 23 "@context": "https://schema.org",
23 24 "@type": "Person",
24 <meta name="theme-color" content="#22aa44" /> 25 "name": "Filip Wandzio",
25 26 "url": "https://philw.dev",
26 <!-- <script type="application/ld+json"> --> 27 "jobTitle": "Software Engineer",
27 <!-- { --> 28 }
28 <!-- "@context": "https://schema.org", --> 29 </script>
29 <!-- "@type": "Event", -->
30 <!-- "name": "Enter The Matrix", -->
31 <!-- "startDate": "2025-11-11", -->
32 <!-- "location": { -->
33 <!-- "@type": "Place", -->
34 <!-- "name": "MacMeeting" -->
35 <!-- }, -->
36 <!-- "organizer": { -->
37 <!-- "@type": "Person", -->
38 <!-- "name": "Filip Wandzio" -->
39 <!-- } -->
40 <!-- } -->
41 <!-- </script> -->
42</head> 30</head>
43<body> 31<body>
44 <header aria-label="Website header"> 32 <header>
45 <h1>Filip Wandzio</h1> 33 <div class="header-top">
34 <h1>Filip Wandzio</h1>
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>
46 </header> 47 </header>
48
47 <main> 49 <main>
48 <section id="about" aria-labelledby="about"> 50 <section id="about" aria-labelledby="about-heading">
49 <h2>About Me</h2> 51 <h2 id="about-heading">πŸ’‘ About</h2>
50 <p>Software engineer focused on practical tools and solving real-world problems with minimal overhead. Currently working with web technologies, mobile applications, and software design.</p> 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>
51 <p>In my free time, I enjoy music β€” both listening and producing my own pieces.</p> 53 <p>Outside of programming, I spend time with music β€” listening, exploring, and creating my own pieces.</p>
52 </section> 54 </section>
53 55
54 <section id="projects" aria-labelledby="projects"> 56 <section id="projects" aria-labelledby="projects-heading">
55 <h2>Projects</h2> 57 <h2 id="projects-heading">πŸ‘¨β€πŸ’» Projects</h2>
56 <p>Personal projects are available <a href="https://git.philw.dev" target="_blank" rel="noopener noreferrer" aria-label="Visit Filip Wandzio's Git repository">here</a>.</p> 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>
57 </section> 59 </section>
58 60
59 <!-- <section id="presentations" aria-labelledby="presentations"> --> 61 <section id="research" aria-labelledby="research-heading">
60 <!-- <h2>Upcoming Presentations</h2> --> 62 <h2 id="research-heading">πŸ”¬ Research</h2>
61 <!-- <ul> --> 63 <p>
62 <!-- <li><strong>Enter The Matrix</strong> β€” <em>MacMeeting</em> β€” 11.11.2025</li> --> 64 Currently I am an undergraduate / master’s student in Computer Science with a interest in
63 <!-- </ul> --> 65 <strong>Cybersecurity, Operating Systems and Network Engineering</strong>.
64 <!-- </section> --> 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>
65 75
66 <section id="research" aria-labelledby="research"> 76 <section id="contact" aria-labelledby="contact-heading">
67 <h2>Research</h2> 77 <h2 id="contact-heading">βœ‰οΈ Contact</h2>
68 <ul> 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>
69 <li><a href="#" aria-label="Bachelor's thesis details">Bachelor's thesis</a></li>
70 <li><a href="#" aria-label="Master's thesis details">Master's thesis</a> β€” work in progress</li>
71 </ul>
72 </section> 79 </section>
80 </main>
81 <script>
82
83const toggleButton = document.querySelector('.menu-toggle');
84const navMenu = document.querySelector('#main-nav ul');
73 85
74 <!-- <section id="blog" aria-labelledby="blog"> --> 86toggleButton.addEventListener('click', () => {
75 <!-- <h2>Blog</h2> --> 87 const expanded = toggleButton.getAttribute('aria-expanded') === 'true';
76 <!-- <ul> --> 88 toggleButton.setAttribute('aria-expanded', String(!expanded));
77 <!-- <li><a href="#" aria-label="My approach to web technologies article">Web Technologies</a> β€” work in progress</li> --> 89 navMenu.classList.toggle('open');
78 <!-- <li><a href="#" aria-label="My experience with music production article">Music production and GNU/Linux</a> β€” work in progress</li> --> 90});
79 <!-- </ul> -->
80 <!-- </section> -->
81 91
82 <section id="contact" aria-labelledby="contact"> 92document.querySelectorAll('#main-nav a').forEach(link => {
83 <h2>Contact</h2> 93 link.addEventListener('click', () => {
84 <p>Reach out via <a href="mailto:contact@philw.dev" aria-label="Email Filip Wandzio">contact@philw.dev</a>.</p> 94 if (navMenu.classList.contains('open')) {
85 </section> 95 navMenu.classList.remove('open');
86 </main> 96 toggleButton.setAttribute('aria-expanded', 'false');
87 <footer aria-label="Footer with privacy statement"> 97 }
88 <p class="privacy">This website does not collect any data or track visitors.</p> 98 });
89 </footer> 99});
100 </script>
90</body> 101</body>
91</html> 102</html>
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-17 18:34:02 +0000