chroy2.github.io/index.html at main · chroy2/chroy2.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
<!DOCTYPE html>

<html lang="en" data-bs-theme="light">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <link rel="shortcut icon" href="#">
    <script src="public/static/jquery-3.7.1.slim.js"></script>
    <link href="public/assets/css/main.css" rel="stylesheet" />
</head>

<body>
    <div class="d-flex flex-column align-items-center pt-5">
        <a id="color-mode-btn" class="btn mt-2">Mode</a>
        <h1 class="display-1 mt-5 mb-n5 display-font-spacing font-huge">WELCOME</h1>
        <canvas id="profile-canvas" class="position-absolute center-canvas z-n1"></canvas>
        <img id="profile-image" class="rounded-5 d-none" height="480" width="480"
            src="public/assets/images/ProfilePixel.svg" alt="Me" />
        <div class="canvas-spacer"></div>
        <h3 class="display-5 nametag mb-n4">Im Troy</h3>
        <h2 class="typed-text" data-text=" " data-text-array="Design,Develop,Create"></h2>
        <div id="links" class="mt-3">
            <a id="github" class="btn" href="https://github.com/chroy2" target=”_blank”>github</a>
            <a id="linkedin" class="btn" href="https://www.linkedin.com/in/troywitmer30/" target=”_blank”>linkedin</a>
            <a id="github" class="btn" href="mailto:chroy.dev@proton.me" target=”_blank”>email</a>
        </div>
    </div>
    <script src="public/static/cor-buttons.js"></script>
    <script src="public/static/text-typing.js"></script>
    <script src="public/static/cor-animations.js"></script>
</body>

</html>