vlcoo.github.io/index.html at main · vlcoo/vlcoo.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<html>
    <head>
        <title>vlco_o main page</title>

        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <meta property="og:type" content="website">
        <meta property="og:url" content="https://vlcoo.net/">
        <meta property="og:title" content="vlco_o main page">
        <meta property="og:description" content="Just a little page with random coding projects, tools and more.">
        <meta property="og:image" content="https://vlcoo.net/assets/metatag_banner.png">
        <meta name="title" content="vlco_o main page">
        <meta name="description" content="Just a little page with random coding projects, tools and more.">
        <meta property="twitter:card" content="summary">
        <meta property="twitter:image:src" content="https://vlcoo.net/assets/metatag_banner.png">

        <link rel="stylesheet" href="styles/index.css" type="text/css"/>
        <link rel="icon" href="assets/favicon_index.ico"/>

        <script>
            function clipboard_copy(text, msg) {
                navigator.clipboard.writeText(text).then(
                    function() {
                        alert("Copied " + msg + " to clipboard.");
                    },
                    function(err) {
                    alert("Could not copy text cause: ", err);
                    }
                );
            }

            function check_social_only() {
                var h = location.hash
                if(h == "#social") {
                    document.getElementById("welcome").hidden = true;
                    document.getElementById("projects").hidden = true;
                    document.getElementById("gohome").hidden = false;
                    for (var elem of document.getElementsByTagName("br")) {
                        elem.hidden = true;
                    }
                }
            }
        </script>
    </head>


    <body onload="check_social_only()">
        <div class="block_header">
            <h1>vlcoo.net</h1>
            <div class="block miniblock">
                <button title="Bluesky - @vlcoo.net" onclick="window.open('https://bsky.app/profile/vlcoo.net', '_blank');"><img class="icon" src="assets/icon_bluesky.png"></button>
                &nbsp;
                <button title="Discord - vlco_o" onclick="clipboard_copy('vlco_o', 'user ID');"><img class="icon" src="assets/icon_discord.png"></button>
                &nbsp;
                <button title="GitHub - vlcoo" onclick="window.open('https://github.com/vlcoo', '_blank');"><img class="icon" src="assets/icon_github.png"></button>
                &nbsp;
                <button title="Amino - vic" onclick="window.open('https://aminoapps.com/p/4rut5b', '_blank');"><img class="icon" src="assets/icon_amino.png"></button>
                &nbsp;
                <button title="itch.io - vlco-o" onclick="window.open('https://vlco-o.itch.io', '_blank');"><img class="icon" src="assets/icon_itchio.png"></button>
                &nbsp;
                <button title="YouTube - @vlco_o" onclick="window.open('https://www.youtube.com/channel/UC0F0M_9UKzS0cQraF-JM9Aw', '_blank');"><img class="icon" src="assets/icon_youtube.png"></button>
            </div>
        </div>

        <noscript>
            <p style="color: black; text-align: center"><b>sorry... someone disabled javascript or it's unsupported on your device. this website will not work for you!</b></p>
        </noscript>

        <br>

        <div class="block" id="welcome">
            <img class="block_bg" src="assets/icon_help.png"></img>
            <h3>What's this?</h3>
            <p>It's just little a page with random coding projects, tools, and more.</p>
            <p>Programming is kind of what I like to do - I create programs and applets and put them here!</p>
            <p>Up top are links to other places you'll find me on.</p>
            <p></p>
        </div>

        <div class="block_container" id="projects">
            <div class="block block_inline block_inline_left" id="scripts">
                <img class="block_bg" src="assets/icon_gamepad.png"></img>
                <h3>Interactive tools</h3>
                <p>A strange mix of JS and python - in your browser.</p>
                <table class="proj_container">
                    <tr>
                        <td><button title="Fake Discord conversation generator" onclick="location.href = 'scripts/convoGen';" class="button_project" style="background-image: url(assets/proj_cvg.png);"></button></td>
                        <td><p>Discord conversation maker</p></td>
                    </tr>
                    <tr>
                        <td><button title="Image to Discord message" onclick="location.href = 'scripts/img2emote.html';" class="button_project" style="background-image: url(assets/proj_img2emote.png);"></button></td>
                        <td><p>Image to Discord message</p></td>
                    </tr>
                    <tr>
                        <td><button title="Image to thirty dollar website" onclick="location.href = 'scripts/img2tdw.html';" class="button_project" style="background-image: url(assets/proj_img2tdw.png);"></button></td>
                        <td><p>Image to Thirty Dollar Website</p></td>
                    </tr>
                    <tr>
                        <td><button title="Text to Discord emote" onclick="location.href = 'scripts/ttd.html';" class="button_project" style="background-image: url(assets/proj_ttd.png);"></button></td>
                        <td><p>Text to Discord emote</p></td>
                    </tr>
                    <tr>
                        <td><button title="Troll spoiler generator" onclick="location.href = 'scripts/tsg.html';" class="button_project" style="background-image: url(assets/proj_tsg.png);"></button></td>
                        <td><p>Every-letter spoilerer</p></td>
                    </tr>
                </table>
                <p><a href="https://github.com/vlcoo?tab=repositories">See all GitHub repos</a></p>
                <br>
            </div>

            <div class="block block_inline block_inline_right" id="programs">
                <img class="block_bg" src="assets/icon_code.png"></img>
                <h3>Programs</h3>
                <p>Download and try them out!</p>
                <table class="proj_container">
                    <tr>
                        <td><button title="P3synth" onclick="location.href = 'p3synth.html';" class="button_project" style="background-image: url(assets/proj_p3synth.png); image-rendering: -moz-crisp-edges;"></button></td>
                        <td><p>MIDI synthesizer and visualizer</p></td>
                    </tr>
                    <tr>
                        <td><button title="MvLO Mod Loader" onclick="window.open('https://github.com/vlcoo/MvLO-ModLoader', '_blank');" class="button_project" style="background-image: url(assets/proj_mvloml.png);"></button></td>
                        <td><p>Launcher for NSMBVS mods</p></td>
                    </tr>
                    <tr>
                        <td><button title="PokéjsDex" onclick="location.href = 'PokejsDex';" class="button_project" style="background-image: url(assets/proj_pokejsdex.png); image-rendering: -moz-crisp-edges;"></button></td>
                        <td><p>Experimental online Gen 5-styled Pokédex</p></td>
                    </tr>
                    <tr>
                        <td><button title="TailTrail" onclick="window.open('https://vlco-o.itch.io/tailtrail', '_blank');" class="button_project" style="background-image: url(assets/proj_tailtrail.png);"></button></td>
                        <td><p>Simple arcade style game</p></td>
                    </tr>
                </table>
                <p></p>
            </div>
        </div>

        <div class="block" id="repos-reminder">
            <img class="block_bg" src="assets/icon_more.png"></img>
            <h3>More to see!</h3>
            <p>This is just a small amount of my projects. I've got many more little experiments and work-in-progress things that couldn't make it in this website.</p>
            <p>For them, check my <a href="https://github.com/vlcoo?tab=repositories">GitHub profile over here</a> and <a href="https://vlco-o.itch.io">itch.io page right here</a>!</p>
            <p></p>
        </div>
    </body>
</html>