a1-gettingstarted/index.html at main · mfrossetti/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
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
<!doctype html>
<html lang="en">
  <head>
    <title>CS4241 Assignment 1</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Indie Flower|Annie Use Your Telescope">
    <meta charset="utf-8">
    <style>
      body{
        background-color: #5411A8;
      }
      h1{
        color: #E7DFF2;
        font-family: 'Indie Flower';
      }
      h2{
        color: #E7DFF2;
        font-family: 'Indie Flower';
        font-weight: bold;
      }
      h3{
        color: #ADAC40;
        font-family: 'Indie Flower';
        text-decoration: underline;
      }
      p{
        color: #FFFC38;
        font-family: 'Annie Use Your Telescope';
        font-size: 20px;
        text-indent: 10px;
      }
      li{
        color: #F5F38E;
        font-family: 'Annie Use Your Telescope';
        font-size: 18px;
      }
      #board{
        width: 500px;
        height: 500px;
        position: relative;
        background: black;
        max-width:500px;
        margin:auto;
      }
      #square{
        width: 50px;
        height: 50px;
        position: absolute;
        background-color: white;
      }
    </style>
    <script>
      function bounce() {
        let id = null;
        const elem = document.getElementById("square");
        let pos = 0;
        let left = 0;
        let mov = Math.floor((Math.random()*3)+1);
        clearInterval(id);
        id = setInterval(frame, 5);
        function frame() {
          if(pos >= 450 && !left){
            left = 1;
          }else if(pos <= 0 && left){
            left = 0;
          }else if(left){
            pos -= mov;
          }else{
            pos += mov;
          }
          elem.style.top = pos + "px";
          elem.style.left = pos + "px";
      }
    }
  </script>
  </head>

  <body onload="bounce()">
    <h1>Information about Mike Rossetti</h1>
    <p>
      I am currently a student at Worcestor Polytechnic Insitute and a part of the class of 2022.
    </p>
    <p>
      I am majoring in computer science and minoring in business.
    </p>

    <h2>Experience</h2>
    <h3>
      Courses Completed
    </h3>
    <ul>
      <li>CS 1102 - Introduction to Program Design</li>
      <li>CS 2103 - Object-Oriented Design Concepts</li>
      <li>CS 2011 - Introduction to Machine Organization and Assembly Language</li>
      <li>CS 2223 - Algorithms</li>
      <li>CS 2303 - Systems Programming Concepts</li>
      <li>CS 3013 - Operating Systems</li>
      <li>CS 3041 - Human computer Interaction</li>
      <li>CS 3043 - Social Implications of Information Processing</li>
      <li>CS 3431 - Database Systems 1</li>
      <li>CS 3516 - Computer Networks</li>
      <li>CS 4341 - Introduction to Artificial Intelligence </li>
    </ul>
    <h3>
      Technology Experience
    </h3>
    <p>
      A lot of experience:
    </p>
    <ul>
      <li>Java</li>
      <li>Python</li>
      <li>HTML</li>
    </ul>
    <p>
      Some experience:
    </p>
    <ul>
      <li>CSS</li>
      <li>JavaScript</li>
      <li>Unit Testing</li>
    </ul>
    <p>
      Little to no experience:
    </p>
    <ul>
      <li>Ruby</li>
    </ul>
    <div id="board">
      <div id = "square"></div>
    </div>
  </body>
</html>