jschere/index.html at master · scherepi/jschere · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>i love you</title>
        <link rel="icon" href="data/missingtexture.ico">
        <link rel="stylesheet" href="style.css">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <!-- fonts from the googler! fira sans, vt323, and doto -->
        <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Doto:wght@100..900&display=swap" rel="stylesheet">
        <!-- crimson pro, font for the writings button!-->
        <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900" rel="stylesheet">
    </head>
    <body>
        <h4 id="counter">you've been here # times! thanks!</h4>
        <h1 id="title" class="center terminal-background">j. schere</h1>
        <h2 id="subtitle" class="center">infinite buffoonery</h2>
        <div class="buttons">
            <a href="/friends" class="actuallybutton">my friends :)</a>
            <a href="/keys" class="actuallybutton">keys</a>
            <!--<a href="/resume#certifications" class="actuallybutton">certifications</a> -->
        </div>
        <div class="buttons" id="secondrow">
            <a href="/writings" class="actuallybutton" id="writings">writings</a>
        </div>
        <br>
        <br>
        <div class="terminal center" id="intro">
            <h4><strong>[owner@jschere]</strong> - hi, i'm joaquin. click an image to keep it visible! i like doing a little bit of everything:</h4>
        </div>

        <div class="general-comp-sci">
            <h3 class="center" id="jank">coding janky little stuff and things</h3>
            <p class="content">so how did i get into this? well, it started when i was a little kid, watching Katy Perry music videos on the iMac in our living room. even then, my parents were pretty astonished at how intuitively i navigated the computer. i loved playing all the little games i could find on websites like <a href="https://pbskids.org" target="_blank">PBS Kids</a>, and this quickly became the main thing i associated the internet with (to be expected of a kid that age).</p>
            <figure class="center image terminal-background" id="babypics">
                <img src="data/littleman.jpg" alt="little baby me sitting in front of a computer smiling">
                <figcaption>i've been plugged in since birth - the grind has <strong>NEVER</strong> stopped.<br>(yes, my hair used to be both blonde AND straight!)</figcaption>
                <img src="data/littleman2.jpg" alt="little baby me not wanting to be bothered at the computer">
            </figure>
            <p class="content">i played all kinds of silly flash games and stuff on my grandma's computer with my brother, and eventually i came across the infamous <a href="https://geektyper.com" target="_blank">geektyper</a>, which of course i used to scare everyone i knew and try to convince them i was already some kind of <strong>tiny evil hackerman.</strong></p>
            <p class="content">but fun and games can only get you by for so long; eventually i had to get my hands dirty.<br> in middle school i started learning <strong>HTML</strong> and <strong>CSS</strong> through a website i found (the glorious products of which are clearly evident before you), and i actually understood it pretty well! i learned how good it feels to create, and how well the computer can serve as a canvas.</p>
            <p class="content">then, as i entered high school, i started learning about the real heavy duty stuff... that's right, i picked up <strong>Python!</strong> got a 4 in ap computer science principles because i didn't pay attention at all, but sophomore year i started realizing "hey, i actually kinda like learning new things" and devoted myself to the glorious study of <strong>Java.</strong></p>
            <p class="divider"><></p>
            <p class="content">at first, i couldn't make sense of Java's weird syntax (the bane of every new learner) and its strange approach - but when the <strong>object-oriented</strong> bug finally bit, it bit <strong>FIERCE</strong>.</p>
            <p class="content">i couldn't get enough of <strong>classes, inheritance, and polymorphism</strong>, and very quickly advanced past my prior conception of coding as something fun, but somewhat monotonous and laborious. java made designing systems feel like <strong>an art.</strong></p>
            <p class="content">i got my <strong>Pearson Information Technology Specialist</strong> certification first try, and even got a better score than my <strong>AP Computer Science A</strong> teacher! (love you mr. alexander, hope you're doing great)</p>
            <p class="content">then, in my junior year of high school, i got to take Computer Science 3 and dive into <strong>low-level programming.</strong> i learned all about the fundamentals of <strong>Assembly</strong> with the LC3 programming language.</p>
            <p class="content">since then, i've been exploring a bunch of different languages and technologies in projects made as part of <a href="https://hackclub.com" target="_blank">Hack Club</a>.</p>
        </div>
        <div class="cybersecurity">
            <h3 class="center" id="hackz">hacking and poking and smashing</h3>
            <p class="content">once i started figuring out how computers work, i also began seeing how to bend them to my will. i was in fourth grade when i opened the Chrome dev tools for the first time, and now i'm studying for my <strong>CompTIA Security+</strong> certification.</p>
            <figure class="center image terminal-background">
                <img src="data/madhackz.png" alt="the beginning...">
                <figcaption>the first "hack" i ever did: changing the google logo on my school chromebook to show my classmates</figcaption>
            </figure>
        </div>
        <script src="script.js"></script>
    </body>
</html>