PortfolioWebsite/index.html at main · UliPrantz/PortfolioWebsite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/main-style.css">
        <script src="js/pt.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

        <link rel="icon" type="image/png" href="assets/img/icons/favicon.png">
        <title>UP-Dev | Portfolio</title>
        <meta name="description" content="The developer portfolio of Uli Prantz. Here I showcase some of my recent projects. You can also get in touch with me via the contact page or just have a look at my GitHub.">
        <meta property="og:site_name" content="UP-Dev | Portfolio">
        <meta property="og:title" content="UP-Dev | Portfolio" />
        <meta property="og:description" content="The developer portfolio of Uli Prantz" />
        <meta property="og:image" itemprop="image" content="assets/img/logo/logo.png">
        <meta property="og:type" content="website" />

    </head>
    <body>
        <div id="pt" class="canvas"></div>

        <nav id="nav-section">
            <a id="logo-link" href="index.html">
                <img id="logo-img" width="30" height="33" src="assets/img/logo/logo.png" alt="Logo">
            </a>

            <div class="nav-link-section" id="nav-link-section">
                <div class="dropdown">
                    <span class="nav-link">work</span>
                    <div class="dropdown-content">
                        <!-- <a href="pwa.html">Scheduler PWA (Ger)</a> this is the embedded version-->
                        <a href="assets/pwa/index.html">Scheduler PWA (Ger)</a>
                        <a href="https://uliprantz.github.io/">Cross Platfrom App</a>
                    </div>
                </div>
                <a class="nav-link nav-link-border" href="https://github.com/UliPrantz">github</a>
                <a class="nav-link" href="contact.html">contact</a>
            </div>

            <img class="menu-icon" id="menu-icon" onclick="toggleDropdownMenu()" width="30px" height="30px"  src="assets/img/icons/menu-bar-white.png" alt="Menu icon">
            <script type="text/javascript">
                function toggleDropdownMenu() {
                    var navSection = document.getElementById("nav-section");
                    var logoImg = document.getElementById("logo-img");
                    var navLinkSection = document.getElementById("nav-link-section");
                    var menuIcon = document.getElementById("menu-icon");
                    if (navLinkSection.className === "nav-link-section") {
                        navSection.className = "nav-responsive";
                        logoImg.className = "logo-img-responsive";
                        navLinkSection.className += " responsive";
                        menuIcon.className += " responsive";
                    } else {
                        navSection.className = "";
                        logoImg.className = "";
                        navLinkSection.className = "nav-link-section";
                        menuIcon.className = "menu-icon";
                    }
                }
            </script>
        </nav>

        <section class="main-text">
            <div>
                <h1>
                    <span class="title-character">Hi, I’m&nbsp;</span>
                    <div class="main-text-div">
                        <img class="main-img" width="132" height="153" src="assets/img/logo/logo.png" alt="Logo">
                        <span class="title-character">li.</span>
                    </div>
                </h1>
                <br>
                <h2 class=subline>
                    Full-Stack Developer
                </h2>
            </div>
        </section>
        <script src="js/space.js"></script>
    </body>
</html>