index.html

<!doctype html>
<html lang="en">
  <head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-WLPZS35');</script>
    <!-- End Google Tag Manager -->

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="We provide our users with several different AltStore Sources to install their favorite iOS applications with ease.">
    <meta name="author" content="Quark Sources">

    <link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
    <link rel="manifest" href="site.webmanifest">
    <link rel="canonical" href="https://quarksources.github.io">

    <title>Quark Sources: Popular AltStore Sources</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    <link href="custom.css" rel="stylesheet" type="text/css">

  </head>
<body>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WLPZS35"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <header id="top">
    <div class="navbar navbar-dark bg-dark shadow-sm">
      <div class="container d-flex justify-content-between">
        <div class="social align-items-center mr-2">
          <a href="./index.html"><img src="./assets/ElementQ.png" width="32px"></a>
          <a href="https://twitter.com/quarksources" class="fab fa-twitter"></a>
          <a href="https://github.com/QuarkSources" class="fab fa-github"></a>
        </div>
      </div>
    </div>
  </header>

<main role="main" id="main">

  <section class="jumbotron text-center">
    <div class="container">
      <h1 class="main-title">Quark Sources</h1>
      <p class="lead text-muted">AltStore seeks to revolutionize the way you install apps on your iOS devices. <strong>We seek to help you find those apps.</strong></p>
      <p>
        <a href="https://altstore.io" class="btn btn-primary my-2" target="_blank">Install AltStore</a>
        <a href="#sources" class="btn btn-secondary my-2">Find AltStore Sources</a>
      </p>
    </div>
  </section>

  <div class="album py-5 bg-light" id="sources">
    <div class="container">

      <div class="row">
        <div class="col-md-6">
          <div class="card mb-4 shadow-sm">
            <img class="card-img img-fluid" width="100%" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Thumbnail" alt="AltStore Source Thumbnail" src="./assets/quantumsource.png">
            <div class="card-body">
              <p class="font-weight-bold">Quantum Source</p>
              <p class="card-text">Contains all of your favorite emulators, games, jailbreaks, utilities, and more.</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group" url="https://bit.ly/quantumsource-min">
                  <button onclick="addToAltStore(this)" type="button" class="btn btn-sm btn-outline-secondary">Install</button>
                  <button onclick="copyToClipboard(this)" type="button" class="btn btn-sm btn-outline-secondary">Copy link</button>
                  <button onclick="browseSource(this)" type="button" class="btn btn-sm btn-outline-secondary">Browse</button>
                </div>
                <small class="text-muted">20+ apps</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="card mb-4 shadow-sm">
            <img class="card-img img-fluid" width="100%" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Thumbnail" alt="AltStore Source Thumbnail" src="./assets/quantumsource++.png">
            <div class="card-body">
              <p class="font-weight-bold">Quantum Source++</p>
              <p class="card-text">Contains tweaked apps, free streaming, cracked apps, and more.</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group" url="https://bit.ly/quantumsource-plus-min">
                  <button onclick="addToAltStore(this)" type="button" class="btn btn-sm btn-outline-secondary">Install</button>
                  <button onclick="copyToClipboard(this)" type="button" class="btn btn-sm btn-outline-secondary">Copy link</button>
                  <button onclick="browseSource(this)" type="button" class="btn btn-sm btn-outline-secondary">Browse</button>
                </div>
                <small class="text-muted">30+ apps</small>
              </div>
            </div>
          </div>
        </div>

        <div class="col-md-6">
          <div class="card mb-4 shadow-sm">
            <img class="card-img img-fluid" width="100%" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Thumbnail" alt="AltStore Source Thumbnail" src="./assets/altstore-complete.png">
            <div class="card-body">
              <p class="font-weight-bold">AltStore Complete</p>
              <p class="card-text">This automatically updates from the official AltStore Sources and combines them all into one complete source!</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group" url="https://bit.ly/altstore-complete-min">
                  <button onclick="addToAltStore(this)" type="button" class="btn btn-sm btn-outline-secondary">Install</button>
                  <button onclick="copyToClipboard(this)" type="button" class="btn btn-sm btn-outline-secondary">Copy link</button>
                  <button onclick="browseSource(this)" type="button" class="btn btn-sm btn-outline-secondary">Browse</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <h2 class="text-center display-4">FAQs</h2>
      <hr class="solid my-4">
      <h3>Can you add _________ (app) to Quark Sources?</h3>
      <p>Sure! <strong><a href="./requests.html">Make an app request.</a></strong> Keep in mind though, the app won't have automatic updates unless you provide a link to an AltStore source or Github repository.</p>
      <hr class="solid my-4">
      <h3>Are the apps in Quark Sources kept up-to-date?</h3>
      <p>The majority of apps in Quantum Source are kept fully up-to-date! How? A python script gets run every half hour that parses a list of AltStore Sources that devs maintain and Github releases to check for updates. If it finds an outdated app, it automatically adds the update to Quantum Source!</p>
      <p>If you want to see how it works, <a href="https://github.com/QuarkSources">check out our Github!</a></p>
      <h5>What about the tweaked apps in Quantum Source++?</h5>
      <p>At the moment, updating tweaked apps (like Spotify++) requires manually going through the process of injecting tweak dylibs into the latest version of Spotify. Additionally, there is no "source" to pull updates automatically from because the developer doesn't build the updates for us.</p>
      <p>Additionally, not all apps have standardized release platforms like Github. So those have to be manually updated from wherever the developer chooses to release them.</p>
    </div>
  </div>
  <div class="py-3 text-center">
    <h5>Want to show your support?</h5>
    <div id="donate-button-container" class="pt-2">
      <div id="donate-button"></div>
      <script src="https://www.paypalobjects.com/donate/sdk/donate-sdk.js" charset="UTF-8"></script>
      <script>
      PayPal.Donation.Button({
      env:'production',
      hosted_button_id:'KDLJ9CY6QS3FW',
      image: {
      src:'https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif',
      alt:'Donate with PayPal button',
      title:'PayPal - The safer, easier way to pay online!',
      }
      }).render('#donate-button');
      </script>
    </div>
  </div>
</main>

<footer class="text-muted">
  <div class="container">
    <p class="float-right">
      <a href="#">Back to top</a>
    </p>
    <p id="copyright">Quark Sources &copy; All Rights Reserved</p>
    <p>Not affiliated with AltStore in any way.</p>
  </div>
</footer>
<script>
  function copyToClipboard(element) {
    var $temp = $("<input>");
    $("body").append($temp);
    $temp.val(element.parentElement.getAttribute("url")).select();
    document.execCommand("copy");
    $temp.remove();
    element.textContent="Copied!";
  }
  function addToAltStore(element) {
    window.open("altstore://source?URL=" + element.parentElement.getAttribute("url"));
  }
  function browseSource(element) {
    window.open("https://altsource.by.lao.sb/browse/?source=" + encodeURIComponent(element.parentElement.getAttribute("url")));
  }

  document.getElementById("copyright").innerHTML = "Quark Sources &copy; " + new Date().getFullYear() + " - All Rights Reserved";
</script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
      <script>window.jQuery || document.write('<script src="../resources/js/vendor/jquery.slim.min.js"><\/script>')</script><script src="../resources/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/24624db525.js" crossorigin="anonymous"></script>
</body>
</html>