---
import Item from './item.astro';
---

<Item title="Notion Canvas" projectName="notion" layout={{
  desktop: { width: '50%', height: 'auto' }
}}>
  <div
    id="text206"
    style="font-size: 22px; resize: none; padding: 10px; height:90%; overflow-y: hidden; padding-top: 0px; padding-bottom: 20px;"
  >
    <a href="https://github.com/S1monlol/notionCanvas"><h1 style="width: fit-content;"><i><u><b>Notion Canvas</b></u></i></h1></a>

    <h2>
      This project allows for integration between a Canvas calendar and a Notion database. It makes it easy to import assignments into your notion assignment database
    </h2>

    <video id="vid" controls="true" src="/demo.mov" style="object-fit: fill; display: block;"></video>
  </div>
</Item>

<script>
  // if document is phone size, hide video
  if (window.innerWidth < 900) {
    document.getElementById("vid").style.display = "none";
  }
</script>