Source

qmachine / src / browser-client / index.html

Full commit
<!DOCTYPE html>
<!--
    index.html ~~
                                                        ~~ (c) SRW, 20 Nov 2012
                                                    ~~ last updated 18 Jun 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>
    <base target="_blank">

  <!-- 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">

  <!--
    Mobile IE
  -->

    <meta http-equiv="cleartype" content="on">

  <!--
    Windows 8 (which combines with the IE9 integration above)
  -->

    <meta name="msapplication-TileColor" content="#929292">
    <meta name="msapplication-TileImage" content="apple-touch-icon-144x144.png">

  </head>

  <body>

    <div class="centered">
      <noscript>This page requires JavaScript.</noscript>
    </div>

    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="https://www.qmachine.org/">QMachine</a>
          <ul class="nav">
            <li>
              <a href="https://github.com/wilkinson/qmachine">Code</a>
            </li>
            <li>
              <a href="http://status.qmachine.org">Status</a>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown"
                    href="#">Version<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li>
                  <a href="https://www.qmachine.org/">Latest</a>
                  <a href="https://v2.qmachine.org/">Version 2&alpha;</a>
                  <a href="https://v1.qmachine.org/">Version 1</a>
                </li>
              </ul>
            </li>
            <li>
              <a href="http://www.youtube.com/playlist?list=PLijUCyE0Z0-8nLL5qJ__v-VB3ZoRxSubg">Videos</a>
            </li>
            <li>
              <a href="https://wiki.qmachine.org/">Wiki</a>
            </li>
          </ul>
          <ul class="nav pull-right">
            <li class="pull-right">
              <a href="#">Login</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="centered hero-unit">
        <h1>QMachine 2</h1>
        <br>
        <p>
          Coming soon ;-)
        </p>
        <a class="btn btn-primary"
            href="http://wilkinson.github.io/qmachine">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://seanwilkinson.info">Sean Wilkinson</a> 2013<br>
          Division of Informatics, Department of Pathology<br>
          Department of Biomedical Engineering<br>
          University of Alabama at Birmingham<br>
          <a href="http://ibl.github.io">Integrative Bioinformatics Laboratory</a>
        </p>
      </div>
    </footer>

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

  </body>
</html>