Source

qmachine / src / browser-client / index.html

<!DOCTYPE html>
<!--
    index.html ~~
                                                        ~~ (c) SRW, 20 Nov 2012
                                                    ~~ last updated 08 Mar 2013
-->
<!--[if IE]><![endif]-->
<html lang="en">
  <head>
    <meta name="author" content="Sean Wilkinson">
    <meta name="description" content="The World's Most Relaxed Supercomputer">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>QMachine</title>

  <!-- Le styles -->
    <link href="./style-min.css" rel="stylesheet">

  <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
    <script src="./html5shiv.js"></script>
  <![endif]-->

  <!--[if IE]>
    <link rel="shortcut icon" href="./giant-favicon.ico">
  <![endif]-->

  <!--[if !IE]>-->
    <link rel="shortcut icon" href="./favicon.ico">
  <!--<![endif]-->

  <!--
    Android / iOS integration
  -->

    <meta name="apple-mobile-web-app-capable" content="yes">

    <link rel="apple-touch-icon"
        href="./apple-touch-icon-57x57.png">

    <link rel="apple-touch-icon" sizes="72x72"
        href="./apple-touch-icon-72x72.png">

    <link rel="apple-touch-icon" sizes="114x114"
        href="./apple-touch-icon-114x114.png">

    <link rel="apple-touch-icon" sizes="144x144"
        href="./apple-touch-icon-144x144.png">

    <link rel="apple-touch-startup-image"
        href="./apple-touch-startup-image-320x460.png">

    <link rel="apple-touch-startup-image" sizes="640x1096"
        href="./apple-touch-startup-image-640x1096.png">

    <link rel="apple-touch-startup-image" sizes="640x920"
        href="./apple-touch-startup-image-640x920.png">

  <!--
    Chrome Web Store
  -->

    <link rel="chrome-webstore-item"
        href="https://chrome.google.com/webstore/detail/meagomakeegjimdibmlodmilfhplkjgp">

 <!--
    Fluid.app integration for Mac OS X
 -->

    <link rel="fluid-icon" href="./fluidicon.png" title="QMachine">

  <!--
    Google Chrome Frame
  -->

    <meta http-equiv="X-UA-Compatible" content="chrome=1">

  <!--
    Internet Explorer 9 integration
  -->

    <meta name="application-name" content="QMachine">
    <meta name="msapplication-navbutton-color" content="navy">
    <meta name="msapplication-starturl" content="QM_WWW_URL">
    <meta name="msapplication-task" content="name=Source Code;action-uri=https://github.com/wilkinson/qmachine;icon-uri=https://github.com/favicon.ico">
    <meta name="msapplication-tooltip"
        content="The World's Most Relaxed Supercomputer">
    <meta name="msapplication-window" content="width=800;height=600">

  </head>

  <body>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="https://www.qmachine.org/"
              target="_blank">QMachine</a>
          <ul class="nav">
            <li>
              <a href="https://v1.qmachine.org/" target="_blank">Version 1</a>
            </li>
            <li>
              <a href="https://github.com/wilkinson/qmachine"
                  target="_blank">Source Code</a>
            </li>
            <li>
              <a href="http://youtu.be/81_n4Mt5mrE" target="_blank">YouTube</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="centered hero-unit">
        <h1>HPC + WWW&nbsp;= QM</h1>
        <br>
        <p>
          Mix High Performance Computing with the World Wide Web and you'll get
          QMachine, a web service that can use ordinary browsers to execute
          distributed workflows &mdash; without installing anything.
        </p>
        <a class="btn btn-primary" href="http://wilkinson.github.com/qmachine"
            target="_blank">Learn more &raquo;</a>
      </div>
      <div class="row">
        <div class="centered span6">
          <h2>Submitter Example</h2>
          <p>
            Open your browser's developer console and enter the following:
          </p>
          <p>
            <code>QM.puts(QM.submit(2, "(x) -&gt; x + 2"));</code>
          </p>
          <p>
            You may need to volunteer to run it, though!
          </p>
        </div>
        <div class="centered span6">
          <h2>Volunteer Example</h2>
          <p>
            Check the box below to volunteer your machine's resources as part
            of QM's crowdsourced supercomputer. To specify a "box", edit the
            text.
          </p>
          <form class="navbar-form">
            <input type="text" id="QM-box-input" class="centered" size="32"
                pattern="^[\w\-]+" required>
            <input type="checkbox" id="QM-volunteer-input">
          </form>
        </div>
      </div>
      <hr>
    </div>

    <footer class="footer">
      <div class="centered container">
        <p>
          &copy; <a href="http://is.gd/x2bNjy">Sean Wilkinson</a>
          2010-2013
          <br>
          Division of Informatics, Department of Pathology
          <br>
          Department of Biomedical Engineering
          <br>
          University of Alabama at Birmingham
          <br>
          <a href="http://uab.mathbiol.org/informatics"
              target="_blank">http://uab.mathbiol.org/informatics</a>
        </p>
      </div>
    </footer>

    <script async defer src="./homepage.js"></script>

  </body>
</html>