<!DOCTYPE html>

<head>
  <title>Apps | Art Class</title>
  <link rel="icon" href="icon.png">
  
  <meta content="Art Class" property="og:title" />
  <meta content='Art Class is the #1 site for all-in-one school entertainment. Accelerate your "learning" with our collection of games, apps, emulators, proxies, and so much more.' property="og:description" />
  <meta content="icon.png" property="og:image" />
  <meta content="#2b2d31" data-react-helmet="true" name="theme-color" />
  
  <link rel="stylesheet" href="styles/style.css">
  <link rel="stylesheet" href="styles/navbar.css" />
  <link href="https://unpkg.com/movement.css/movement.css" rel="stylesheet">
  <script src="https://kit.fontawesome.com/e897e5d5dc.js" crossorigin="anonymous"></script>
  <script defer data-api="/data/event" data-domain="artclass.site" src="/data/script.js"></script>
  <script async src="https://arc.io/widget.min.js#HC4S5PSX"></script>
  
</head>

<style>
  body, html {
    height: 100vh;
  }

  #list {
    margin-bottom: 30px;
  }

  .text {
    width: 600px;
    text-align: center;
  }
</style>

<body>
  <script src="js/main.js"></script>
  <div id="particles-js"></div>
  <script src="js/particles.min.js"></script>
  <script src="js/particles.js"></script>
  
  <div id="navbar"></div>
  <script src="js/navbar.js"></script>
  
  <h1>Apps</h1>
  <input type="text" class="input" id="search" placeholder="Search Apps" style="text-align: center" />
  
  <div id="homepage-cards"></div>

  </div>
  <footer>Copyright &copy; 2023 Art Class</footer>

  
  
  <script src="data/apps.js"></script>
  <script>
    apps.forEach(app => {
      if (typeof app == null || app.title == "null") return
      var card = document.createElement("div")
      var image = document.createElement("img")
      var text = document.createElement("h4")
      card.classList.add("card")
      
      if (app.image) image.src = app.image
      if (!app.image) image.src = "https://www.pngkey.com/png/full/167-1670247_white-globe-icon-png-holy-bible-new-international.png"
      text.innerHTML = app.title
      card.appendChild(image)
      card.appendChild(text)
      card.classList.add("hvr-bob")
      document.querySelector("#homepage-cards").appendChild(card)
      
      card.addEventListener("click", () => {

        if (app.id == "customapp") return loadcustomapp() 
        window.location.href = `/load.html?app=${app.id}`
      })

    })

    const searchInput = document.querySelector('#search');
    const items = document.querySelectorAll('.card');
    
    searchInput.addEventListener('input', function(event) {
      const query = event.target.value.toLowerCase();
      
      items.forEach(function(item) {
        const title = item.querySelector('.card h4').textContent.toLowerCase();
        
        if (title.includes(query)) {
          item.style.display = 'block';
        } else {
          item.style.display = 'none';
        }
      });
    });
  </script>
</body>

Collaborative Calculation and Data Science

colby

sagemath

Product

Resources

Company