index.html

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <title>Fábián Bernát - CV</title>
    <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=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap"
        rel="stylesheet">
        <link 
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
        rel="stylesheet">
    <link href="src/styles.css" rel="stylesheet">
    <style>
        #summer-camp-reservation-title {
            text-align: center;
            font-size: 2.5rem;
            font-weight: bold;
            text-transform: uppercase;
            animation: neon-rainbow 5s linear infinite;
            text-shadow: 0 0 5px #fff,
                0 0 10px #fff,
                0 0 20px #ff00de,
                0 0 30px #ff00de,
                0 0 40px #00ffff,
                0 0 50px #00ffff,
                0 0 60px #00ffff;
        }

        @keyframes neon-rainbow {
            0% {
                color: red;
            }

            16% {
                color: orange;
            }

            32% {
                color: yellow;
            }

            48% {
                color: lime;
            }

            64% {
                color: cyan;
            }

            80% {
                color: blue;
            }

            100% {
                color: magenta;
            }
        }
    </style>
</head>

<body>
    <header id="header">
        <div id="logo">Fábián Bernát</div>
        <nav>
            <ul id="main-menu">
                <li><a href="#about">About</a></li>
                <li><a href="#news">News</a></li>
                <li><a href="#publications">Publications</a></li>
                <li><a href="#teaching">Teaching</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main id="container">
        <h2>Contact</h2>
        <div class="contact-links">
            <a href="https://github.com/Fabbernat" target="_blank" rel="noopener noreferrer">
                <i class="fa-brands fa-github"></i>
                <span>GitHub</span>
            </a>

            <a href="mailto:job.fabbernat@gmail.com">
                <i class="fa-solid fa-envelope"></i>
                <span>Email</span>
            </a>

            <a href="https://www.facebook.com/profile.php?id=100012511780116" target="_blank" rel="noopener noreferrer">
                <i class="fa-brands fa-facebook-f"></i>
                <span>Facebook</span>
            </a>

            <a href="https://www.instagram.com/Fabbernat/" target="_blank" rel="noopener noreferrer">
                <i class="fa-brands fa-instagram"></i>
                <span>Instagram</span>
            </a>

            <a href="https://www.linkedin.com/in/bern%C3%A1t-f%C3%A1bi%C3%A1n-7a1bb7299/" target="_blank" rel="noopener noreferrer">
                <i class="fa-brands fa-linkedin-in"></i>
                <span>LinkedIn</span>
            </a>
        </div>
        <section class="section" id="about">
            <div class="image-container">
                <img alt="This is me." src="./img/profile_picture.png">
            </div>

            <h1>About me</h1>
            <ul>
                <li>
                    My name is Fábián Bernát, Bernát is my given name and Fábián is my family name.
                </li>
                <li>
                    I live in Szeged, Hungary.
                </li>
                <li>
                    I studied Computer Science in Szeged, at the Department of Science and Information Technology,
                    University
                    of Szeged from 2022 to 2026.
                </li>
                <li> I can speak fluently in Hungarian, English, and I can also understand German.</li>
                <li>My main programming languages are Python, Java and C# for backend and React, Angular for frontend. I
                    am actively using these technologies every day in my current projects.</li>
                <li>See my pinned projects that I am most engaged in currently, on <a
                        href="https://github.com/Fabbernat">my GitHub</a> </li>
            </ul>
        </section>
        <section class="section" id="news">
            <h1>News</h1>
            <ul>
                <li>February 2025 - I just finished car driving school and got my driver's licence (category B) from the Government Window!</li>
                <li>January 2026 - I graduated from <a href="https://u-szeged.hu/english">SZTE (University of
                        Szeged)</a>, as a Computer Scientist. I finished my Computer Science Bachelor's degree!</li>
                <li>September 2026 - I started my Bachelor's degree at the University of Szeged </li>
            </ul>
        </section>
        <section class="section" id="publications">
            <h1>Publications & Projects</h1>
            <div>
                <ul class="publication-list">
                    <li class="publication-item featured-item">
                        <div>

                            <h2>
                                My Thesis: Reviewing the Performance of Language Models on the Word-in-Context Benchmark
                            </h2>
                            <p class="publication-years">2023–2025</p>
                            <p class="content-description" style="margin-top: 0; padding-top: 0">
                                An automated Python module for running any Hugging Face model on multiple questions with
                                just one click! All in an isolated and deterministic way.
                                <br>
                                <a href="https://github.com/Fabbernat/Thesis" style="color: blue;">Github link</a>
                                <img alt="githublogo.png" height="32" src="./img/githublogo.png" width="32">
                            </p>
                        </div>
                        <div class="publication-links">
                            <a href="https://github.com/Fabbernat/Thesis" target="_blank"
                                rel="noopener noreferrer">GitHub repository <img alt="githublogo.png" height="16"
                                    src="./img/githublogo.png" width="16"></a>
                            <a href="Fabian_Bernat_URX5VP_PTI_BSc.pdf" target="_blank" rel="noopener noreferrer">Open
                                thesis PDF</a>
                            <a href="https://github.com/Fabbernat/Thesis-paper" target="_blank"
                                rel="noopener noreferrer">LaTeX source</a>
                            <a href="https://www.overleaf.com/read/pfzywbczdsfb#057a56" target="_blank"
                                rel="noopener noreferrer">Overleaf project</a>
                        </div>
                    </li>
                    <li class="publication-item featured-item">
                        <img alt="PDF_file_icon.svg.png" height="32" src="./img/PDF_file_icon.svg.png" width="32">
                        <p>PDF version</p>
                        <div class="pdf-preview">
                            <embed src="Fabian_Bernat_URX5VP_PTI_BSc.pdf" type="application/pdf">
                        </div>
                        <br>
                    </li>
                    <li class="publication-item publication-resource-links">
                        <div class="resource-link-row">
                            <div class="resource-label">
                                <span>PDF source on GitHub (MiKTeX)</span>
                            </div>
                            <a href="https://github.com/Fabbernat/Thesis-paper" target="_blank"
                                rel="noopener noreferrer" class="resource-link">
                                Link to GitHub source
                            </a>
                        </div>

                        <div class="resource-link-row">
                            <div class="resource-label with-icon">
                                <img alt="Overleaf logo" height="32" src="./img/oveleaflogo.png" width="32">
                                <span>Overleaf project</span>
                            </div>
                            <a href="https://www.overleaf.com/read/pfzywbczdsfb#057a56" target="_blank"
                                rel="noopener noreferrer" class="resource-link">
                                Link to Overleaf project
                            </a>
                        </div>
                    </li>
                    <li class="bold-and-highlighted" style="background-color:black;">
                        <h2 id="summer-camp-reservation-title">
                            Summer Camp Reservation App
                        </h2>
                        <p class="content-description">
                            A FireBase deployed Angular web application for reserving summer camps in Europe.
                            <a href="https://github.com/fabbernatdrcode/nyari-tabor-foglalo" target="_blank"
                                style="color: blue;">Pictures and source HERE
                            </a>
                        </p>
                        <div class="publication-links">
                            <a href="https://github.com/fabbernatdrcode/nyari-tabor-foglalo" target="_blank"
                                rel="noopener noreferrer">
                                Pictures and source code HERE <img alt="githublogo.png" height="16"
                                    src="./img/githublogo.png" width="16">
                            </a>
                        </div>

                    </li>

                    <li class="publication-item">
                        <h2>Kingdom Rush style tower-defense CLI app</h2>
                        <div class="publication-links">
                            <a href="https://github.com/Fabbernat/TowerDefense" target="_blank"
                                rel="noopener noreferrer">View on GitHub <img alt="githublogo.png" height="16"
                                    src="./img/githublogo.png" width="16"></a>
                        </div>
                    </li>

                    <li class="publication-item">
                        <h2>Polytopia-Style Strategy Game</h2>
                        <div class="publication-links">
                            <a href="https://github.com/Fabbernat/Polytopia-backend" target="_blank"
                                rel="noopener noreferrer">View on GitHub <img alt="githublogo.png" height="16"
                                    src="./img/githublogo.png" width="16"></a>
                        </div>
                    </li>


                </ul>
            </div>
        </section>
        <hr>
        <section class="section" id="teaching">
            <h1>Teaching</h1>
            <ul>
            <li><strong>Instructor at programming school</strong> between 2023 and 2025 in Szeged</li>
            <li><strong>Demonstrator at University of Szeged</strong> 2025 - today</li>
            </ul>
        </section>
        <section class="section" id="contact">
            <h1>Contact</h1>
            <p>Send email if possible or add me on Facebook to reach me.</p>
        <div class="contact-links">
            <a href="https://github.com/Fabbernat" target="_blank" rel="noopener noreferrer">
                <i class="fa-brands fa-github"></i>
                <span>GitHub</span>
            </a>

            <a href="mailto:fabbernat@gmail.com">
                <i class="fa-solid fa-envelope"></i>
                <span>Email</span>
            </a>

            <a href="https://www.facebook.com/profile.php?id=100012511780116" target="_blank" rel="noopener noreferrer">
                <i class="fa-brands fa-facebook-f"></i>
                <span>Facebook</span>
            </a>

            <a href="https://www.instagram.com/Fabbernat/" target="_blank" rel="noopener noreferrer">
                <i class="fa-brands fa-instagram"></i>
                <span>Instagram</span>
            </a>

            <a href="https://www.linkedin.com/in/bern%C3%A1t-f%C3%A1bi%C3%A1n-7a1bb7299/" target="_blank" rel="noopener noreferrer">
                <i class="fa-brands fa-linkedin-in"></i>
                <span>LinkedIn</span>
            </a>
        </div>
        </section>
    </main>

    <footer>
        <p>&copy; <span id="current-year"></span> Fábián Bernát</p>
    </footer>
    <script src="src/scripts.js"></script>
</body>

</html>