crystalyangsite/index.html at main · Crustaly/crystalyangsite · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-ERF50X8WXR"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-ERF50X8WXR');
  </script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Crystal Yang</title>
  <link rel="icon" href="images/indexLogo.png" type="image/x-icon">
  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="styles.css">
  <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": "Crystal Yang",
  "alternateName": "Crystal Yang (Audemy)",
  "url": "https://www.yangcrystal.com",
  "image": "https://www.yangcrystal.com/assets/images/crystal-headshot.jpg",
  "sameAs": [
    "https://www.linkedin.com/in/yangcrystal",
    "https://www.fox26houston.com/news/katy-student-develops-online-tool-help-blind-students",
    "https://www.intel.com/content/www/us/en/newsroom/news/winners2024.html",
    "https://www.youtube.com/watch?v=xxxxx",  // replace with real YouTube links
    "https://en.wikipedia.org/wiki/Crystal_Yang_(entrepreneur)"  // once live
  ],
  "jobTitle": "Founder and CEO of Audemy",
  "worksFor": {
    "@type": "Organization",
    "name": "Audemy",
    "url": "https://www.audemy.org"
  },
  "alumniOf": {
    "@type": "EducationalOrganization",
    "name": "University of Pennsylvania",
    "sameAs": "https://www.upenn.edu/"
  },
  "knowsAbout": [
    "AI in Education",
    "Assistive Technology",
    "Social Entrepreneurship",
    "Accessibility for the Blind"
  ],
  "award": [
    "Intel AI Global Impact Festival Winner 2024",
    "Taco Bell Live Más Scholarship $25,000",
    "ESET Women in Cybersecurity Award"
  ],
  "description": "Crystal Yang is an entrepreneur, researcher, and founder of Audemy.org, an AI-powered learning platform for blind and visually impaired students. She has received national media coverage and multiple global awards for her impact in accessibility and education."
}
</script>

</head>

<body>

  <div class="header">
    <!-- Replace text with an image for the logo -->
    <a href="index.html" class="logo">
      <img src="images/indexLogo.png" alt="Logo" class="logo-image">
    </a>
    <div class="header-right">
      <a href="projects.html">stuff i've built</a>
      <a href="press.html">in the news</a>
      <a href="gallery.html">the gallery</a>
    </div>
  </div>

  <div class="intro">
    <div class="text-content">
      <h1>Hey there!</h1>
      <p class="subheading">I’m Crystal Yang, a startup founder and tech lover.</p>
      <p class="description">
        I’m an incoming freshman at UPenn M&T (Wharton + CS), and a student at Tompkins High School in Katy, Texas.
        Currently, I’m building Audemy, an educational platform for blind students and researching about accessible
        conversational interfaces @ SRL at Texas A&M!
      </p>

      <p class="description" style="margin-top: 20px;">
        I just released a new paper on <strong>Audemy</strong> and my journey exploring <strong>AI for Accessible Education</strong> — <em>Personalized Audio-Based Learning for Blind Students</em>. <a href="mypaper.html" target="_blank">Check it out here!</a>
      </p>

    </div>
    <img src="images/crystal yang .jpeg" alt="Crystal Yang" class="profile-photo">
  </div>

</body><footer style="text-align: center; padding: 20px; background-color: #86d3ff; font-size: 14px;">
    <p>
      <a href="https://www.linkedin.com/in/crustaly/" target="_blank" style="margin: 0 10px;">
        LinkedIn</a> |
      <a href="mailto:yangjcrystal@gmail.com" style="margin: 0 10px;">
        Email</a> |
      <a href="https://github.com/Crustaly" target="_blank" style="margin: 0 10px;">
        GitHub</a>
    </p>
    <p>&copy; 2025 Crystal Yang</p>
  </footer>


</html>