index.qmd

---
execute:
  freeze: auto  # re-render only when source changes
pagetitle: "STEMcoding"
toc: false
page-layout: full
sidebar: false
title: ""
title-block-banner: false
---

<div class="sc-hero">
<video controls autoplay loop muted playsinline class="sc-hero-video">
<source src="vid/welcome_to_stemcoding3.mp4" type="video/mp4">
</video>
<div class="sc-hero-inner">
<p class="sc-hero-lead">Activities, curriculum, and a thriving community — built by <a href="http://osu.edu">Ohio State</a> and <a href="http://mountunion.edu">Mount Union</a> faculty &amp; students to bring <strong>computer science</strong> and <strong>data science</strong> into intro math and science courses.</p>
<a href="activities.qmd" class="sc-hero-cta">Browse activities →</a>
</div>
</div>

::: {.sc-home}

## The STEMcoding Project

The STEMcoding project is a partnership between [faculty members and students](people.qmd) at [Ohio State University](http://osu.edu) and the [University of Mount Union](http://mountunion.edu).

The STEMcoding project exists to re-imagine introductory STEM courses like math and science with computer science and data science in mind. Our [activities](activities.qmd) are used in intro level college courses and high school courses.

We love to create activities that <b>*each*</b> align with relevant math, [science](http://go.osu.edu/ngss) <b>*and*</b> computer science standards. Some of our physical science activities appear on the ["model curriculum" examples](https://web.archive.org/web/20221020133711/https://education.ohio.gov/getattachment/Topics/Learning-in-Ohio/Science/Ohios-Learning-Standards-and-MC/Final-Physical-Science-Instructional-Supports.pdf.aspx?lang=en-US) distributed by the Ohio Department of Education and Workforce. We are also working to create a year-long [data science curriculum](datascience.html).

<!--
<video width="100%" controls autoplay muted loop>
<source src="vid/welcome_to_stemcoding2.mp4" type="video/mp4">
</video>
-->

We are very proud of the [STEMcoding youtube channel!](http://youtube.com/STEMcoding)  We have released over 100 videos featuring faculty and students at Ohio State University and the University of Mount Union.

<!--
<iframe style="display: block; margin-left: auto; margin-right: auto;"  width="560" height="315" src="https://www.youtube.com/embed/pqXiZLnXe2U?si=0nSckcTS2osfQXVF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-->

We hope you enjoy this site! Check out our [Social Media Feed](feed.qmd) to see what we've been up to lately, or our [Calendar](calendar.qmd) to see upcoming events and trainings. Please join our [Discord](https://discord.gg/bsWgqcqwCE) to reach out or ask questions!!!

## Latest from our Social Feed

<link rel="stylesheet" type="text/css" href="/assets/toots-v2.css">

<style>
  .toots {
    max-width: 100%;
    margin: 0 auto !important;
    font-size: 1.05rem;
  }
  .toot {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .toot .username { display: none !important; }
  .feed-container {
    max-height: 600px;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding: 10px 16px;
  }
</style>

<div class="feed-container">
  <a class="mastodon-feed"
     href="https://mastodon.social/@stemcoding"
     data-toot-limit="20"
     data-exclude-replies="true"
     >STEM Coding Mastodon feed</a>

  <script type="module" src="/assets/js/emfed-bundle-v2.js"></script>
</div>



<script>
document.addEventListener('DOMContentLoaded', function() {
    // Find the margin sidebar
    const marginSidebar = document.getElementById('quarto-margin-sidebar');
    const socialFeedDiv = document.querySelector('.margin-sidebar-content');
    
    if (marginSidebar && socialFeedDiv) {
        // Move the social feed div to the margin sidebar
        marginSidebar.appendChild(socialFeedDiv);
        // Remove it from the main content
        socialFeedDiv.remove();
        marginSidebar.appendChild(socialFeedDiv);
    }
    
    // Remove "On this page" title
    const tocTitle = document.getElementById('toc-title');
    if (tocTitle) {
        tocTitle.remove();
    }
    
    // Remove the "Welcome to the STEMcoding Landing Page!" link from TOC
    const welcomeLink = document.getElementById('toc-welcome-to-the-stemcoding-landing-page');
    if (welcomeLink) {
        welcomeLink.parentElement.remove(); // Remove the entire <li> element
    }
    
    // Alternative: Remove the entire TOC nav if you want to completely clear it
    // const tocNav = document.getElementById('TOC');
    // if (tocNav) {
    //     tocNav.remove();
    // }
});
</script>