new-web/index.html at main · GodModed/new-web · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="gc:url" content="https://cdn.jsdelivr.net/gh/lepture/github-cards@1.0.5/jsdelivr/cards/default.html">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dylan - Main</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="preload" href="script.js" as="script" />
    <link rel="preload" href="github-repo-cards.js" as="script" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-repo-cards@1.0.9/style.css">
    <link rel="manifest" href="favicons/site.webmanifest">
    <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
    <script src="https://cdn.jsdelivr.net/npm/@jaames/iro@5"></script>
</head>

<body>
    <main>
        <div class="colorcontainer">
            <input type="checkbox" title="color checkbox">
        </div>
        <cont>
            <colorpicker></colorpicker>
        </cont>
        <container>
            <h1>Hi, I'm <span>Dylan</span></h1>
            <h3>I work on <span>Games</span></h3>
            <h3>I'm <span>14</span> years old!</h3>
        </container>

        <buttons>
            <button class="modal-trigger">Live Demos</button>
            <button class="modal-trigger">Socials</button>
        </buttons>

        <github-projects>
            <section class="github-repo-cards" data-user="godmoded" data-background="#070707" data-target-blank="true"></section>
        </github-projects>

    </main>

    <modal>
        <modalbox>
            <h1>Live Demos</h1>
            <a href="https://sliceclient.com" target="_blank" rel="noopener">
                <button>Slice Client</button>
            </a>
            <a href="https://cursor.godmode.social" target="_blank" rel="noopener">
                <button>Multiplayer Cursor/Drawing Game</button>
            </a>
            <a href="https://build.minipractice.net" target="_blank" rel="noopener">
                <button>Website Builder</button>
            </a>
            <a href="https://minipractice.net/image" target="_blank" rel="noopener">
                <button>Image Host</button>
            </a>
            <a href="https://minipractice.net/short" target="_blank" rel="noopener">
                <button>URL Shortener</button>
            </a>
            <button class="closebtn">❌</button>
        </modalbox>
    </modal>

    <modal>
        <modalbox>
            <h1>Socials</h1>
            <a href="https://discord.id/?prefill=381914174407835660" target="_blank" rel="noopener">
                <button>Discord</button>
            </a>
            <a href="https://github.com/godmoded" target="_blank" rel="noopener">
                <button>GitHub</button>
            </a>
            <a href="mailto:djlevy26@gmail.com" target="_blank" rel="noopener">
                <button>Contact ME</button>
            </a>
            <button class="closebtn">❌</button>
        </modalbox>
    </modal>

    <script src="script.js"></script>
    <script src="github-repo-cards.js" defer></script>
</body>

</html>