1.html

<title>Clutter (.scratch.mit.edu) 2022</title>
<link rel="stylesheet" href="style.css">
<script>
// When the user clicks on <div>, open the popup
function myFunction() {
  var popup = document.getElementById("myPopup");
  popup.classList.toggle("show");
}
</script>
<div class="title">
  <h1>Clutter</h1>
</div>
<p>W.I.P site.</p>
<a id="link" href="https://scratch.mit.edu/join">Join Scratch today to login to Clutter!</a>
<a id="link" href="#"> | </a>
<a id="link" href="index.html"> Home </a>
<a id="link" href="https://scratch.mit.edu"> Scratch Website </a>
<div class="popup" onclick="myFunction()"> Forums 
  <span class="popuptext" id="myPopup">Not available to show yet!</span>
</div>
<div class="popup" onclick="myFunction()"> Support 
  <span class="popuptext" id="myPopup">Not available to show yet!</span>
</div>
<div class="popup" onclick="myFunction()"> About Clutter 
  <span class="popuptext" id="myPopup">Not available to show yet!</span>
</div>
<h2>Project 1 clutter test</h2>
<div class="embed">
  <iframe src="https://scratch.mit.edu/projects/714576242/embed" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen></iframe>
</div>

<h3>Description</h3>
<p>First ever new 2022 clutter!!! (first ever clutter on Clutter Reborn) This is just an example.</p>
<h3>Comments</h3>
<div class="container">
  <div class="vertical-center">
   <form method="get" action="1.clutter">
   <button type="submit">Remix Clutter as .clutter file (treated as .sb3 file) </button>
  </form>
  </div>
</div>