works.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tom Weber | Professional Project Portfolio</title>
    <meta name="description" content="Selected engineering projects by Tom Weber spanning embedded systems, computer vision, deep learning and MLOps.">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/style_header.css">
    <link rel="stylesheet" href="./css/style_footer.css">
    <link rel="stylesheet" href="./css/page-works.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
</head>
<body>
    <div id="header-placeholder"></div>

    <main>
        <section class="works-intro">
            <h1>Project portfolio</h1>
            <p>A curated overview of projects spanning embedded systems, computer vision, deep learning, MLOps and software engineering.</p>
        </section>

        <div class="project-container-fpga-raycast"></div>
        <div class="project-container-cv2"></div>
        <div class="project-container-mlops"></div>
        <div class="project-container-protobot"></div>
        <div class="project-container-dl"></div>
        <div class="project-container-signal-generator"></div>
        <div class="project-container-gamegridapp"></div>
        <div class="project-container-med-imaging"></div>
        <div class="project-container-database-store-management"></div>
    </main>

    <div id="footer-placeholder"></div>

    <script src="./js/main.js"></script>
    <script src="./js/fct.js"></script>
    <script src="./js/projects-data.js"></script>
    <script src="./js/works-page.js"></script>
</body>
</html>