Splash@UCLA

What Is Splash?

Splash@UCLA offers high-school students across the country a chance to take fun, innovative and exciting classes designed and taught by students, faculty, and alumni here at UCLA! We are advised by Learning Unlimited, who supports Splash chapters nationwide.

Taught over the course of a Saturday, Splash@UCLA offers students courses ranging from anything to everything—from artificial intelligence to nanotechnology, to poker, to public speaking, you'll find a plethora of cool topics across many subjects that you never even knew existed.

Most importantly, you get to decide what you want to learn! Students get full freedom in creating their schedule and picking the classes they like, over the course of the program.

There's something for everyone! So what are you waiting for? Join us now!

Scenes from Splash 2022

What's In It For You?

The success of Splash has always depended on the people involved, and there's always a good reason to be involved!

Students: An opportunity to learn whatever you like and engage with members of the UCLA community!

Teachers: Whether you're a student, alumni or faculty of UCLA, you'll get to teach anything that you find interesting! Hold an hour-long workshop, lecture or activity to share your passion!

Volunteers: A chance to get behind the scenes of Splash@UCLA's first ever academic outreach program. We're constantly on the look out for willing volunteers!

Also check out Splash events hosted by other universities.

Recent Website Updates

August 9, 2022: New photos have been added to reflect Splash 2022!

<div id="content-container" style="text-align: center;">
    <div id="banner">
        <div id="banner-img-bkg"> <img id="banner-img-blank" src="/media/images/logo/splash_logo_blank.png" width="400px"> <img id="banner-img-1" src="/media/images/logo/splash_logo_1.png" width="400px" class="__slideshow-img"> <img id="banner-img-2" src="/media/images/logo/splash_logo_2.png" width="400px" class="__slideshow-img"> <img id="banner-img-3" src="/media/images/logo/splash_logo_3.png" width="400px" class="__slideshow-img"> <img id="banner-img-4" src="/media/images/logo/splash_logo_4.png" width="400px" class="__slideshow-img">            <img id="banner-img-5" src="/media/images/logo/splash_logo_5.png" width="400px" class="__slideshow-img"> <img id="banner-img-6" src="/media/images/logo/splash_logo_6.png" width="400px" class="__slideshow-img"> <img id="banner-img-basic" src="/media/images/logo/splash_logo_basic.png" width="400px" class="__slideshow-img __slideshow-active"> </div>
        <div id="banner-date">April 20, 2024</div>
        <p style="text-align: center;"><strong>
        
        <br>PLEASE CHECK OUR <a href="https://splashatucla.learningu.org/learn/day-of.html">DAY-OF INFORMATION</a>&nbsp;FOR ALL LOGISTICAL DETAILS!</strong></p>
        
        
        
        
        <p style="text-align: center;">If you have questions, contact us at&nbsp;<a id="email" href="mailto:splasheventatucla@gmail.com">splasheventatucla@gmail.com</a>!</p><br>
        
        
        <div id="student-info-button" class="__banner-button" style="text-align: center;"> <a class="__banner-link" href="/learn/index.html">Student Information</a> </div>
        <p id="student-info-text" class="__banner-text" style="text-align: center;"><strong style="color:#66b81a"><br></strong></p>
        <div id="teacher-info-button" class="__banner-button" style="text-align: center;"> <a class="__banner-link" href="/teach/index.html">Teacher Information</a> </div>
        <p id="teacher-info-text" class="__banner-text" style="text-align: center;"><br></p>
        <div id="volunteer-info-button" class="__banner-button" style="text-align: center;"> <a class="__banner-link" href="/volunteer/index.html">Volunteer Information</a> </div>
        <p id="volunteer-info-text" class="__banner-text" style="text-align: center;"><br></p>
    </div>
    <h2 style="text-align: center;"> What Is Splash? </h2>
    <p style="text-align: center;"> Splash@UCLA offers high-school students across the country a chance to take fun, innovative and exciting classes designed and taught by students, faculty, and alumni here at UCLA! We are advised by <a href="http://www.learningu.org">Learning Unlimited</a>,
        who supports Splash chapters nationwide. </p>
    <p style="text-align: center;"> Taught over the course of a Saturday, Splash@UCLA offers students courses ranging from <span style="font-style:italic">anything to everything</span>—from artificial intelligence to nanotechnology, to poker, to public speaking, you'll find a plethora
        of cool topics across many subjects that you never even knew existed. </p>
    <p style="text-align: center;"> Most importantly, <span style="font-style:italic">you</span> get to decide what you want to learn! Students get full freedom in creating their schedule and picking the classes they like, over the course of the program. </p>
    <p style="text-align: center;"> There's something for everyone! So what are you waiting for? Join us now! </p>
    <h2 style="text-align: center;"> Scenes from Splash 2022</h2>
    <div id="scene-slideshow" style="text-align: center;"> 
        <img id="scene-img-2" src="/media/images/splash-2022/img2.jpg" class="__slideshow-img"> 
        <img id="scene-img-3" src="/media/images/splash-2022/img3.jpeg" class="__slideshow-img"> 
        <img id="scene-img-4" src="/media/images/splash-2022/img4.jpeg" class="__slideshow-img"> 
        <img id="scene-img-5" src="/media/images/splash-2022/img5.jpeg" class="__slideshow-img"> 
        <img id="scene-img-1" src="/media/images/splash-2022/img1.jpeg" class="__slideshow-img __slideshow-active">        </div>
    <h2 style="text-align: center;"> What's In It For You? </h2>
    <p style="text-align: center;"> The success of Splash has always depended on the people involved, and there's always a good reason to be involved! </p>
    <p style="text-align: center;"> <b>Students:</b> An opportunity to learn whatever you like and engage with members of the UCLA community! </p>
    <p style="text-align: center;"> <b>Teachers:</b> Whether you're a student, alumni or faculty of UCLA, you'll get to teach anything that you find interesting! Hold an hour-long workshop, lecture or activity to share your passion! </p>
    <p style="text-align: center;"> <b>Volunteers:</b> A chance to get behind the scenes of Splash@UCLA's first ever academic outreach program. We're constantly on the look out for willing volunteers! <br>
        <meta charset="utf-8">
    </p>
    <p style="text-align: center;">Also check out&nbsp;<a href="https://www.learningu.org/current-programs/">Splash events hosted by other universities</a>.</p>
    <h2 style="text-align: center;">Recent Website Updates</h2>
    <p style="text-align: center;"><strong>August 9, 2022:</strong> New photos have been added to reflect Splash 2022! </p>
    
    
    
    
    
    
    
    
    
</div>
<p style="text-align: center;">
    <style>
        @import url('https://fonts.googleapis.com/css?family=Lato:400,700|Rubik&display=swap');    
        #content-container {        
            font-family: Lato, sans-serif;        
            color: #222222;    
            
        }    
        #content-container h2 {        
            font-family: Rubik, Lato, sans-serif;        
            font-weight: 400;        
            font-size: 24px;        
            margin-block-start: 20px;        
            margin-block-end: 20px;        
            margin-inline-start: 0px;        
            margin-inline-end: 0px;        
            line-height: 115%;    
            
        }    
        #content-container p {        
            font-family: Lato, sans-serif;        
            font-size: 16px;        
            margin-block-start: 8px;        
            margin-block-end: 16px;        
            margin-inline-start: 0px;        
            margin-inline-end: 0px;        
            line-height: 115%;    
            
        }    
        #content-container div {        
            font-family: Lato, sans-serif;        
            font-size: 16px;    
            
        }    
        #content-container a:link {        
            color: #2067AA;        
            text-decoration: none;    
            
        }    
        #content-container a:active {        
            color: #1e3d6c;        
            text-decoration: none;    
            
        }    
        #content-container a:visited {        
            color: #2067AA;        
            text-decoration: none;    
            
        }    
        #content-container #banner .__banner-link {        
            color: inherit;        
            text-decoration: inherit;    
            
        }    
        #content-container #banner {        
            text-align: center;    
            
        }
        #content-container #banner-img-bkg {        
            border-radius: 15px 15px 0px 0px;       
            background-color: #1e3d6c;        
            height: 167px;    
            
        }    
        #content-container #banner-date {        
            border-radius: 0px 0px 15px 15px;        
            background-color: #2067AA;        
            color: white;        
            font-size: 24px;        
            text-align: center;        
            line-height: 50px;        
            height: 50px;    
            
        }    
        #content-container .__banner-button {        
            padding: 10px;        
            color: white;        
            background-color: #1e3d6c;       
            display: inline-block;    
            border-radius: 6px;
        }    
        #content-container .__banner-button:hover {        
            background-color: #5aa5d1;        
            cursor: pointer;    
            
        }    
        #content-container #banner-img-blank {        
            position: absolute;        
            margin: auto;    
            
        }    
        #content-container .__slideshow-img {        
            position: absolute;        
            margin: auto;        
            opacity: 0;        
            transition: opacity 1s ease-in-out;    
            
        }    
        #content-container #banner-img-bkg img {        
            margin-left: -200px;    
            
        }    
        #content-container .__slideshow-active {        
            opacity: 1;    
            
        }    
        #content-container #scene-slideshow {        
            height: 334px;        
            text-align: center;    
            
        }    
        #content-container #scene-slideshow img {        
            margin-left: -250px;    
            
        }
        #scene-slideshow .__slideshow-img {
            width: 500px;
            height: 320px;
            object-fit: cover;
        }
        #scene-img-2 {
            object-position: 0 30%;
        }
    </style>
    <script>
        var rotateLogoInterval = window.setInterval(rotateLogo, 2500);
        var rotateImagesInterval = window.setInterval(rotateImages, 5000);
        var logoSlideshowImages = Array.from(document.getElementById("banner-img-bkg").children).slice(1);
        var imageSlideshowImages = document.getElementById("scene-slideshow").children;
        var currentLogo = 6;
        var currentImage = 4;

function rotateLogo() {
            var nextLogo = (currentLogo + 1) % 7;
            logoSlideshowImages[nextLogo].classList.add("__slideshow-active");
            logoSlideshowImages[currentLogo].classList.remove("__slideshow-active");
            currentLogo = nextLogo;
        }

function rotateImages() {
            var nextImage = (currentImage + 1) % 5;
            imageSlideshowImages[nextImage].classList.add("__slideshow-active");
            imageSlideshowImages[currentImage].classList.remove("__slideshow-active");
            currentImage = nextImage;
        }
    </script>
</p>

Welcome to Splash@UCLA!

What Is Splash?

Scenes from Splash 2022

What's In It For You?

Recent Website Updates