edited introduction

assets/scripts.js

@@ -1,29 +1,29 @@
 // Typewriter created by Tameem Safi.
 // source: https://github.com/tameemsafi/typewriterjs
 
-var typewriter = document.getElementById("typewritter");
+// var typewriter = document.getElementById("typewritter");
 
-var typewriter = new Typewriter(typewriter, {
-  loop: true,
-  delay: 50,
-  deleteSpeed: 5,
-});
+// var typewriter = new Typewriter(typewriter, {
+//   loop: true,
+//   delay: 50,
+//   deleteSpeed: 5,
+// });
 
-typewriter
-  .typeString("Hi there!")
-  .pauseFor(500)
-  .typeString(
-    " I'm Alex, a rising junior studying Computer Science at the University of Illinois Urbana-Champaign.",
-  )
-  .pauseFor(1000)
-  .typeString(
-    "<br><br>I'm highly interested in infrastructure, distributed systems, database design, and algorithm design.",
-  )
-  .pauseFor(1000)
-  .typeString("<br><br>Thanks for stopping by!")
-  .pauseFor(1000000)
-  .deleteAll(2)
-  .start();
+// typewriter
+//   .typeString("Hi there!")
+//   .pauseFor(500)
+//   .typeString(
+//     " I'm Alex, a rising junior studying Computer Science at the University of Illinois Urbana-Champaign.",
+//   )
+//   .pauseFor(1000)
+//   .typeString(
+//     "<br><br>I'm highly interested in infrastructure, distributed systems, database design, and algorithm design.",
+//   )
+//   .pauseFor(1000)
+//   .typeString("<br><br>Thanks for stopping by!")
+//   .pauseFor(1000000)
+//   .deleteAll(2)
+//   .start();
 
 window.onscroll = function () {
   if (window.scrollY > 660) {

index.html

@@ -53,11 +53,19 @@ <h1 class = "max-width">Alex Yang</h1>
               />
             </div>
             <div class="container half-width" style="min-width: 300px">
-              <p class="speech-bubble-text" id="typewritter"></p>
+              <p class="speech-bubble-text">
+                I'm Alex, a rising junior studying Computer Science at the University of Illinois Urbana-Champaign.
+                <br>
+                <br>
+                I'm highly interested in API development, infrastructure, distributed systems, and algorithm design.
+                <br>
+                <br>
+                Thanks for stopping by!
+              </p>
             </div>
           </div>
           <div class="blank-space"></div>
-          <a href="#experience" class="arrow down"></a>
+          <a href="#awards" class="arrow down"></a>
         </div>
       </div>
     </section>

style.css

@@ -133,10 +133,10 @@ $color-pink: #fe4365; */
 
 .speech-bubble-text {
   transform: translatey(0px);
-  animation: float 5s ease-in-out infinite;
+  /* animation: float 5s ease-in-out infinite; */
 
   text-align: center;
-  text-transform: uppercase;
+  /* text-transform: uppercase; */
   font-weight: bold;
   letter-spacing: 3px;
   font-size: 15px;