index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Virtual World Framework</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/syntax.css" rel="stylesheet">
    <!-- Custom styles -->
    <link href="/css/vwf.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>

    <div class="navbar navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/">
            <img src="/images/vwf-logo-100x100.png" class="pull-left" alt="VWF Duck Logo">
            <span class="pull-right">Virtual<br>World<br>Framework</span>
          </a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li><a href="/demos.html">Demos</a></li>
            <li><a href="/getting_started.html">Tutorial</a></li>
            <li><a href="/documentation.html">Documentation</a></li>
            <li><a href="/releases.html">Downloads</a></li>
          </ul>
          <a href="http://github.com/virtual-world-framework/vwf" class="btn btn-info navbar-btn pull-right hidden-sm" role="button">View on GitHub</a>
        </div><!--/.nav-collapse -->
      </div>
    </div>

    <div class="jumbotron">
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-lg-6">
        <h1 class="vwf-title">The Web is a lonely place ... invite a friend.</h1>
        <p>Imagine that you are in New York...</p>
        <div class="well errorBox" id="errorBox1">
          <noscript>
            <h3>I need javascript.</h3> 
            <p>
              To see our awesome demo, you will need to enable javascript in your browser.
            </p>
          </noscript>
        </div>
        <iframe class="vwf-frame hide" id="app1" frameborder="0" src=""></iframe>
      </div>
      
      <div class="col-md-6 col-lg-6">
        <div class="well errorBox" id="errorBox2">
          <noscript>
            <h3>I need javascript.</h3> 
            <p>
              To see our awesome demo, you will need to enable javascript in your browser.
            </p>
          </noscript>
        </div>
        <iframe class="vwf-frame hide" id="app2" frameborder="0" src=""></iframe>
        <p>...working with someone in San Francisco ... sharing a 100% synchronized workspace.</p>
        <p>On VWF, you can build web apps that make that possible.</p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6 col-lg-6">
        <p>(Click the duck to see it spin in synchrony)</p>
      </div>
      <div class="col-md-6 col-lg-6">
        <a href="http://github.com/virtual-world-framework/vwf" class="btn btn-default btn-lg github-view call-to-action" role="button">
          View on GitHub &nbsp;
          <img class="github-img" src="/images/github-mark.png"/>
        </a>
        <a href="http://download.virtualworldframework.com/files/VWF_Windows_Install.exe" role="button" class="call-to-action windows-install btn btn-primary btn-lg hide">
          Install VWF &nbsp;
          <span class="glyphicon glyphicon-download-alt"></span>
        </a>
        <button type="button" class="call-to-action mac-install btn btn-primary btn-lg hide">
          Install VWF &nbsp;
          <span class="glyphicon glyphicon-download-alt"></span>
        </button>
        <div id="macInstall" class="hide">
          <span class="small">Paste the following in your terminal:</span>
          <div class="input-group">
            <input type="text" id="installCommand" class="form-control" readonly="readonly" value="curl -L http://get.virtual.wf  | sh">
            <span class="input-group-btn">
              <button id="copyInstallButton" data-clipboard-target="installCommand" class="btn btn-info copy-button" type="button">Copy!</button>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="container">
  <div class="row feature-row">
    <h2>On VWF, you can build web apps that are:</h2>
    <div class="col-sm-4">
      <img class="img-responsive center-block" src="/images/collaboration-icon.png">
      <h3>Collaborative</h3>
      <p>
        Seamlessly share state between users without a hassle.
      </p>
    </div>
    <div class="col-sm-4">
      <img class="img-responsive center-block" src="/images/3d-glasses-icon.png">
      <h3>3D</h3>
      <p>
        Take advantage of WebGL graphics. Or stick to 2D, if you prefer.
      </p>
    </div>
    <div class="col-sm-4">
      <img class="img-responsive center-block" src="/images/toolbox-icon.png">
      <h3>Integrated</h3>
      <p>
        All the tools you need in one place.  Add video chat with WebRTC. Or roll your own driver and the sky's the limit.
      </p>
    </div>
  </div>
</div><!-- /.container -->

<div class="get-started">
  <div class="container">
    <h2>Ready To Get Started?</h2>

    <div class="panel panel-default">
      <div class="panel-body">
        <div class="row">
          <div class="col-sm-6">
            <h3>Get inspired. <small>Check out our <a href="/demos.html">demos</a> for ideas of what's possible.</small></h3>
          </div>
          <div class="col-sm-6 img-get-started">
            <img class="img-responsive hidden-xs" src="/images/screenshot-bzflag.png">
          </div>
        </div>
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-body">
        <div class="row">
          <div class="col-sm-6">
            <h3>Learn the basics. <small>Follow our <a href="/getting_started.html">tutorial</a>.</small></h3>
          </div>
          <div class="col-sm-6 img-get-started">
            <img class="img-responsive hidden-xs" src="/images/screenshot-cookbook.png">
          </div>
        </div>
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-body">
        <div class="row">
          <div class="col-sm-6">
            <h3>Write an app! <small>Use our <a href="/documentation.html">documentation</a> if you get stuck.</small></h3>
          </div>
          <div class="col-sm-6 img-get-started">
            <img class="img-responsive hidden-xs" src="/images/screenshot-documentation.png">
          </div>
        </div>
      </div>
    </div>

    <div class="panel panel-default">
      <div class="panel-body">
        <div class="row">
          <div class="col-sm-6">
            <h3>Get involved. <small>Check out our <a href="http://github.com/virtual-world-framework/vwf">source on GitHub</a>.</small></h3>
          </div>
          <div class="col-sm-6 img-get-started">
            <img class="img-responsive hidden-xs" src="/images/screenshot-duck-plus-octocat.png">
          </div>
        </div>
      </div>
    </div>
  </div><!-- /.container -->
</div><!-- /.feature-wrap -->


    <!-- Footer
    ================================================== -->
    <footer class="vwf-footer">
      <div class="container">
        <div class="row">
          <div class="col-sm-6">
            <table class="contacts">
              <tbody>
                <tr><td>GitHub</td><td><a href="https://github.com/virtual-world-framework">@virtual-world-framework</a></td></tr>
                <tr><td>Twitter</td><td><a href="http://twitter.com/VirtualWF">@VirtualWF</a></td></tr>
                <!-- <tr><td>Stack Overflow</td><td><a href="http://stackoverflow.com/questions/tagged/vwf">#VWF</a></td></tr> -->
                <tr><td>Issues?</td><td><a href="https://github.com/virtual-world-framework/vwf/issues/new">Create a GitHub Issue</a></td></tr>
              </tbody>
            </table>            
          </div>
          <div class="legal col-sm-6">
            <p class="small">Development of the Virtual World Framework is sponsored by the Department of Defense and is <a href="https://github.com/virtual-world-framework/vwf/blob/master/LICENSE">licensed</a> using Apache 2.</p>
            <p class="small">"Collaboration" symbol by Krisada, "Toolbox" symbol by Dolly Vu, "3D Glasses" symbol by Fabio Grande, from <a href="http://thenounproject.com">The Noun Project</a> collection.
          </div>
        </div>
      </div>
    </footer>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery-1.10.2.min.js"></script>
    
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/ZeroClipboard.min.js"></script>
    <script src="js/application.js"></script>
    
  <script src="js/platform.js"></script>
  <script src="js/compatibility.js"></script>
  <script src="js/utility.js"></script>
  <script src="js/index.js"></script>

    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-30971226-1', 'virtualworldframework.com');
  ga('send', 'pageview');
</script>
  </body>
</html>