freddyGiant.github.io/index.html at main · freddyGiant/freddyGiant.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
<!DOCTYPE html lang="en">
<head>
    <title>VINCENT'S UNBEARABLY COOL PORTFOLIO WEBSITE</title>
    <meta charset="utf-8" content="width=device-width, initial-scale=1" name="viewport">
    <link href="style.css" rel="stylesheet">
</head>

<body>
    <div id="header" class="vertical-center-outside" style="background-image: url(assets/vincent.png);">
        <!-- <img src="assets/vincent.jpg" alt="vincent"> -->
        <!-- <div class="vertical-center-outside"> -->
        <div class="vertical-center-inside">
            <div class="center-width-wrapper">
                <h1>VINCENT</h1>
                <h2>THAT is me.</h2>
            </div>
        </div>
        <!-- </div> -->
    </div>
    <div class="center-width-wrapper">
        <div>
            <h3>Who is that?</h3>
            <p>
                It's <b>Vincent Boling</b>. I'm
                <span id="age"><b>14</b></span> and I use he/him pronouns. I'm an <span id="grade"><b>eleventh grader</b></span>
                at Gunn High School living in <b>Palo Alto, California</b>. I do
            </p>
            <ul>
                <li>computer science</li>
                <ul><li>proficient in Java, Python, C#, Javascript (and Node), HTML, CSS</li></ul>
                <li>web development (frontend and backend) <i>(I built this website)</i></li>
                <li>film and video media stuff (I can navigate your studio AND be creative!)</li>
                <li>and music</li>
                <ul><li><i>inquire for song commisions... I guess.</i></li></ul>
            </ul>
            <p>
                In the future I want to approach issues like climate change and marginalized groups.
                I want to learn more about fusion energy, biofuels, and how to change the world.
            </p>
            <hr>
            <h3 style="font-weight: normal;">My projects:</h3>
            <ul>
                <li>opticoin || a FREE crypto transaction lot optimizing tool!</li>
                <li><a href="https://github.com/freddyGiant/study-bot" target="_blank">study-bot</a> || a discord bot for audio accessibility!</li>
            </ul>
        </div>
        <div>
            <h3>Where can I find him?</h3>
            <ul>
                <a href="mailto:vincyfboling+site@gmail.com" target="_blank">
                    <li class="big-bullet" style="list-style-image: url(assets/mail_small.svg);">
                        vincyfboling@gmail.com
                    </li>
                </a>
                <a href="https://github.com/freddyGiant" target="_blank">
                    <li class="big-bullet" style="list-style-image: url(assets/github_small.svg);">
                        github.com/freddyGiant
                    </li>
                </a>
            </ul>
        </div>
    </div>
    <script>
        /*                                                                  bday ms          one year in ms */
        document.getElementById("age").innerText = Math.floor((Date.now() - 1158994800000) / 34243200000) + 1;
    </script>
</body>