Splash at Yale - Welcome

What is Yale Splash?

Splash at Yale is a one-day learning experience where middle and high school students take classes taught by Yale students.

We offer a wide range of subjects—from traditional topics to completely unconventional ones—designed to spark curiosity, critical thinking, and new passions.

Yale students can also teach a class on anything they love, making Splash a unique opportunity to share knowledge and inspire others.

Learn more on our Facebook page.

Get Involved

Learn

Take classes on topics that interest you—explore freely and discover new passions.

Teach

Yale students can design and teach their own class—share what you love and inspire others.

animation: fadeIn 0.8s ease;
}

/* ✨ smooth fade-in */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

a {
  color: #7ecbff;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.2s ease;
}

a:hover {
  color: #b3e5ff;
  text-decoration: underline;
}

/* ✨ section title subtle pop */
.section-title {
  font-size: 1.8em;
  margin-bottom: 15px;
  color: #ffffff;
  transition: transform 0.2s ease;
}

.section-title:hover {
  transform: translateX(3px);
}

.content-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 40px 0;
  gap: 20px;
}

.content-text {
  flex: 1 1 55%;
  min-width: 260px;
}

/* ✨ image animation */
.content-block img {
  flex: 1 1 40%;
  max-width: 420px;
  width: 100%;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.content-block img:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.box-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 20px;
}

/* ✨ upgraded card animation */
.info-box {
  background-color: #ffffff;
  color: #1e2a44;
  border-radius: 10px;
  text-align: center;
  padding: 25px 20px;
  width: 300px;
  transition: all 0.25s ease;
}

.info-box:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

/* ✨ make the links feel like buttons */
.info-box h2 a {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.info-box h2 a:hover {
  background-color: #2b3e63;
  color: #ffffff;
}

.header {
  text-align: center;
  margin-bottom: 30px;
}

.header h1 {
  font-size: 2.4em;
  margin-bottom: 10px;
  color: #ffffff;
}

.header p {
  max-width: 600px;
  margin: 0 auto;
}

.footer {
  font-size: 11px;
  color: #cbd5e1;
  text-align: center;
  max-width: 800px;
  margin: 80px auto 0 auto;
}
</style>

<div class="header">
  <h1>Yale Splash 2026</h1>
  <p>
    Explore. Learn. Teach.<br><br>
    Create an account to receive updates and registration details. Make sure your profile (especially emergency contact info) is up to date.
  </p>
</div>

<div class="content-block">
  <div class="content-text">
    <div class="section-title">What is Yale Splash?</div>
    <p>
      Splash at Yale is a one-day learning experience where middle and high school students take classes taught by Yale students.
    </p>
    <p>
      We offer a wide range of subjects—from traditional topics to completely unconventional ones—designed to spark curiosity, critical thinking, and new passions.
    </p>
    <p>
      Yale students can also teach a class on anything they love, making Splash a unique opportunity to share knowledge and inspire others.
    </p>
    <p>
      Learn more on our <a href="https://www.facebook.com/yalesplash/" target="_blank">Facebook page</a>.
    </p>
  </div>

<div class="section-title" style="text-align:center;">Get Involved</div>

<div class="box-container">
  <div class="info-box">
    <h2><a href="https://yale.learningu.org/learn/splash.html">Learn</a></h2>
    <p>Take classes on topics that interest you—explore freely and discover new passions.</p>
  </div>

<div class="info-box">
    <h2><a href="https://yale.learningu.org/teach/splash.html">Teach</a></h2>
    <p>Yale students can design and teach their own class—share what you love and inspire others.</p>
  </div>
</div>

<div class="footer">
  “Yale” and “Yale University” are registered trademarks of Yale University.
  This website is student-run and operated independently. The content does not necessarily reflect official university positions.
</div>