m3Nemo.github.io/index.html at main · m3Nemo/m3Nemo.github.io · 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
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html>
<head>
    <title>m3Nemo personal website</title>
    <link rel="stylesheet" href="/styles.css">
    <script src="/script.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>

</head>
<body class="blackBox">
    <ul class="navbar">
        <heading class="heading2 emote">^.^</heading>
        <div class="nav-links">
            <li><a class="nav-link selected" id="HomeLink" href="#home" onclick="handleLinkNav('Home')">Projekte</a></li>
            <li><a class="nav-link" id="AboutLink" href="#about" onclick="handleLinkNav('About')">Über</a></li>
            <li><a class="nav-link" id="ContactLink" href="#contact" onclick="handleLinkNav('Contact')">Kontakt</a></li>
        </div>
    </ul>


    <div class="titleSection space frame">
            <div class="vcontainer-cell-left">
                <heading class="title typed-title"></heading>
                <heading class="subtitle typed-subtitle"></heading>
            </div>
    </div>
    <div class="hcontainer-cell-center alignTop">
        <img class="icon" id="arrowIcon" src="/media/arrow-down.svg"/>
    </div>


    <div class="contentSection active frame" id="Home">
        <heading class="heading1 sectionHeading">Projekte</heading>
        <div class="hcontainer alignTop cardSection">
            <div class = "projectCard" onclick="{window.location.href = 'https://github.com/m3Nemo/m3Nemo.github.io';}">
                <img class="projectImage" src="/media/globe-outline.svg">
                <div class="projectCardSection">
                    <heading class="heading2">Personal Page</heading>
                    <p class="">Meine Website, inspiriert von anderen coolen Websites. Made by me.</p>
                </div>
            </div>
            <div class = "projectCard" onclick="{window.location.href = '#fancyproject';}">
                <img class="projectImage" src="/media/bulb-outline.svg">
                <div class="projectCardSection">
                    <heading class="heading2">Fancy Project</heading>
                    <p class="">Ein fancy Projekt, das gerade dabei ist, aus dem Ei zu schlüpfen. </p>
                </div>
            </div>
            <div class = "projectCard" onclick="{window.location.href = '#crazyproject';}">
                <img class="projectImage" src="/media/construct-outline.svg">
                <div class="projectCardSection">
                    <heading class="heading2 textMargin">Crazy Projekt</heading>
                    <p class="">Ein crazy Projekt, das bislang nicht das Licht der Welt erblickte.</p>
                </div>
            </div>
            <div class = "projectCard" onclick="{window.location.href = '#superproject';}">
                <img class="projectImage" src="/media/construct-outline.svg">
                <div class="projectCardSection">
                    <heading class="heading2 textMargin">Super Projekt</heading>
                    <p class="">Ein super Projekt, welches noch dabei ist, seine Kräfte aufzuladen.</p>
                </div>
            </div>
        </div>
    </div>
    <div class="contentSection hidden frame" id="About">
        <div class="hcontainer alignTop">
            <div class="vcontainer-cell-left twoColumns">
                <heading class="heading1">Über mich?</heading>
                <p class="infotext">Ich bin <b>Weichwarenentwickler</b> und habe eine Katze.</p>
                <p class="infotext">Ich spiele gerne <b>Geige</b> und trage eine Glatze.</p>
                <p class="infotext">Mit <b>JavaScript</b> gut bedient,</p>
                <p class="infotext">geht's ins <b>Orchester</b> dann, wohl verdient.</p>

            </div>
            <div class="hcontainer-cell-right twoColumns">
                <img class="image" src="/media/profile.jpg" alt="Paris" style="width:50%">
            </div>
        </div>
    </div>
    <div class="contentSection hidden frame" id="Contact">
        <div class="hcontainer alignTop">
            <div class="vcontainer-cell-center twoColumns">
                <heading class="heading1">Kontaktiere mich</heading>
                <p class="infotext">Oder nicht. hehehe</p>
            </div>
        </div>
    </div>

</body>
<footer></footer>
</html>