r1thm.github.io/index.html at main · r1thm/r1thm.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
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
<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://cdn.amplitude.com/script/e8c2e55432e84b4d7a8c1c12902407de.js"></script>
<script>
  window.amplitude.init('e8c2e55432e84b4d7a8c1c12902407de', {
    fetchRemoteConfig: true,
    autocapture: true
  });
</script>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Thomas Hanxi Guo</title>
  <link rel="icon" type="image/jpg" href="images/favicon2.jpg">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="style.css">
</head>
<body>

  <main class="container">

    <header class="hero">
      <div class="typewriter">
      <h1 class="name">Thomas "Han Xi" Guo</h1></div>
      <h2 class="subtitle">Computer Science at the University of Waterloo</h2>
      <h2 class="subtitle">Business Administration at Wilfrid Laurier University</h2>
    </header>

    <section class="intro">
      <h3>Welcome to my page!</h3>
      <p>Based in Toronto, Ontario, Canada</p>
      <p>I am usually running between the two Waterloo universities as a CS/BBA Double Degree Student</p>
      <p>Autonomy Software Developer at <img src="images/warg.png" class="inline" alt="UWARG Logo" width="30px"> Waterloo Aerial Robotics Group</p>
      <p>First Year Representative at <img src="images/mef-removebg-preview.png" class="inline" alt="MEF Logo" width="70px"> University of Waterloo Mathematics Endowment Fund</p>
      <p> <i>New info will be added to this site regularly. I am in the process of migrating my old site materials to this layout</i></p>
    </section>

    <section class="awards">
      <h3>Awards and Honours</h3>
        <p>Recipient of the $5,000 BMO Financial Group Undergraduate Entrance Scholarship</p>
        <p>Recipient of the $2,000 University of Waterloo President’s Scholarship of Distinction</p>
        <p>Cineplex Consulting Case Competition Semifinalist</p>
        <p>(Held) A 363-Day Duolingo Streak</p>
    </section>

    <section class="projects">
      <h3>Projects</h3>
      <div class="project-card">
        <video autoplay loop muted playsinline>
              <source src="images/showcase1.mp4" type="video/mp4" />
            </video>
            <div class="overlay">
      <h4>FlowState (UofTHacks 13)</h4>
      <p>AI-powered browser web extension summarizing articles into digestible texts for all.
        Toggleable accessibility fonts.</p>
      <p><a href="https://flow-into.tech">Demo Site (by yours truly)</a> & <a href="https://github.com/r1thm/flowstate">Github</a></p>
    </div>
      </div>

      <div class="project-card">
        <img src="images/flowerbloomprojec.png">
            <div class="overlay">
      <h4>Synthetic Flower Bloom Classifier</h4>
      <p>Synthetic 8×8 grayscale flower images with Gaussian noise trained with a
        scikit-learn Logistic Regression classifier with NumPy and Matplotlib, achieving 98.8% accuracy.</p>
        <p><a href="https://github.com/r1thm/synthetic-flower-bloom-classifier">Github</a></p>
    </div>
      </div>

      <div class="project-card">
        <img src="images/hoverme3.png">
            <div class="overlay">
      <h4>Migrating Projects in Progress..</h4>
      <p>Check out the rest of my projects via my <a href="https://github.com/r1thm">GitHub</a>. I will add them onto this website shortly!</p>
    </div>
      </div>
    </section>

    <section class="contacts">
      <h3>Contacts</h3>
      <div class="contact-row">
      <div class="icons">
        <a href="https://github.com/r1thm" style="color:#000000">GitHub</a>
        <a href="https://www.linkedin.com/in/thomas-hanxi-guo/" style="color:#000000">LinkedIn</a>
        <a href="mailto:[email protected]" style="color:#000000">Email</a>
      </div>
      <!-- WEBRING INPUT START! -->
       <div style="display: flex; align-items: center; gap: 8px;" class="webring">
    <a href="https://cs.uwatering.com/#thomas-guo.ca?nav=prev" class="underline-gone" style="color:#000000">←</a>
    <a href="https://cs.uwatering.com/#thomas-guo.ca" target="_blank">
        <img src="https://cs.uwatering.com/icon.black.svg" alt="CS Webring" style="width: 24px; height: auto; opacity: 0.8;" class="inline"/>
    </a>
    <a href="https://cs.uwatering.com/#thomas-guo.ca?nav=next" class="underline-gone" style="color: #000000">→</a>
</div>
</div>
       <!-- WEBRING INPUT END!-->
    </section>

  </main>

</body>
</html>