a1-gettingstarted/index.html at main · akerekon/a1-gettingstarted · 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
<!doctype html>
<html lang="en">
  <head>
    <title>CS4241 Assignment 1</title>
    <meta charset="utf-8">

    <link rel="stylesheet"
  href="https://fonts.googleapis.com/css?family=Arvo|Open+Sans">
    <link rel="stylesheet" href="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2Fstyles.css?v=1630190962290">

    <script src="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2Fscript.js?v=1630190972460"></script>

  </head>

  <body>
    <script>fadeIn();</script>

    <h1 class="center">Andrew Kerekon</h1>

    <div class="iconContainer">
      <img class="iconImages" src="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2FGitHub-Mark-32px.png?v=1630190941918" alt="Github Logo"/>
      <a class="padRight" href="https://github.com/akerekon/">Github</a>

      <img class="iconImages" src="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2FEmail_Icon.png?v=1630190938285" alt="Email Icon"/>
      <a href="mailto:arkerekon@wpi.edu">Contact</a>
    </div>

    <img class="familyPhoto" src="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2FHomescreenImage.jpg?v=1630190945942" alt="Andrew Kerekon Family Photo"/>

    <p class="center">
      Hi there! My name is Andrew Kerekon, and I'm a CS Major from the Class of 2024. That's me on the left!
    </p>
    <p class="center">
      In my free time, I love playing chess, watching Red Sox games, and programming in Java. Although I don't have a ton of experience with web development, I'm super excited to take this class to learn more about HTML, CSS, and JavaScript!
    </p>
    <p class="center">
      Here's all of the previous (and current!) CS courses I've taken at WPI:
    </p>
    <table>
      <tr>
        <th>Class</th>
        <td>CS 1101</td>
        <td>CS 2102</td>
        <td>CS 2022</td>
        <td>CS 2223</td>
        <td>CS 2303</td>
        <td>CS 4241</td>
      </tr>
      <tr>
        <th>Term Taken</th>
        <td>A-Term 2020</td>
        <td>B-Term 2020</td>
        <td>C-Term 2021</td>
        <td>D-Term 2021</td>
        <td>A-Term 2021</td>
        <td>A-Term 2021</td>
      </tr>
    </table>

    <br>

    <h2 class="center">Experience</h2>
    <p class="center">
      Programming Languages and Technologies
    </p>
    <div class="center">
      <ul>
       <li>HTML -- Some</li>
       <li>CSS -- Some</li>
       <li>Java -- A Lot</li>
        <li>JavaScript -- A Little</li>
        <li>Ruby -- None</li>
        <li>Python -- Some</li>
       <li>Unit Testing -- A Little</li>
     </ul>
    </div>

    <h2 class="center">Mix It Up!</h2>
    <p class="center">
      Change up the color scheme to one of four color-blind-safe backgrounds by pressing the buttons below!
    </p>

    <div class="buttonContainer">
      <button type="button" onclick="changeBackground('8CC9E1')"><img class="colorButton" src="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2FBlue.png?v=1630190933030" alt="Blue"></button>
      <button type="button" onclick="changeBackground('CAD6DB')"><img class="colorButton" src="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2FLightGray.png?v=1630190948319" alt="Light Gray"></button>
      <button type="button" onclick="changeBackground('98A2A6')"><img class="colorButton" src="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2FMidGray.png?v=1630190951375" alt="Mid Gray"></button>
      <button type="button" onclick="changeBackground('39525C')"><img class="colorButton" src="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2FDarkGray.png?v=1630190935306" alt="Dark Gray"></button>
    </div>

    <br>

    <h2 class="center">Accessibility</h2>
    <p class="center">
      This website is designed to be accessible for all, and contains a Deuteranopia, Protanopia, and Tritanopia-safe color scheme that is both
      compatible with screenreaders and passes Google's "Lighthouse" series of tests for accessibility, as well as Arvo and Open Sans fonts for
      clear contrast and legible reading.
    </p>
    <img class="colorWheel" src="https://cdn.glitch.com/d596b721-f5a4-469a-8e0f-2acc2282793a%2FA1_ColorWheel.png?v=1630190928335" alt="Color Wheel"/>
  </body>
</html>