index.qmd

---
execute:
  freeze: auto  # re-render only when source changes
---

## Welcome to the STEMcoding Landing Page!

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_stemcoding.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!!!

<div class="margin-sidebar-content">
<br>
<br>
<br>
<br>
<br>
<br>
<br>

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

<style>
  /* Customize the overall width and text size of the feed */
  .toots {
    max-width: 100%; /* Adjust this value (e.g., 600px, 80%) as needed */
    margin: 0 auto !important; /* Centers the feed on the page */
    font-size: 1.1rem; /* Increases the text size of the feed */
  }

  /* Customize the vertical size of each individual toot */
  .toot {
    padding-top: 2rem !important; /* Increases the top padding */
    padding-bottom: 2rem !important; /* Increases the bottom padding */
/*    min-height: 1000px; Uncomment this if you want to force a specific minimum height */
  }

  /* Hide the @username handle, leaving only the display name */
  .toot .username {
    display: none !important;
  }

  /* Container to make the feed scrollable */
  .feed-container {
    height: calc(100vh - 300px); /* Responsive height to avoid page scroll */
    overflow-y: auto !important; /* Show scrollbar if feed is long */
    overscroll-behavior: contain;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    pointer-events: auto; /* Ensure the container can receive scroll events */
    position: relative;
    z-index: 100;
  }
</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>

</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>