-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Changed menu layout(rules file is now in seperate modal) Added search feature to shape guidelines Added search feature to texture guidelines Made seperate pages for converter 1 and converter 2
- Loading branch information
1 parent
f45576e
commit 38dd958
Showing
7 changed files
with
692 additions
and
356 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,134 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>voxc.js</title> | ||
| <link rel="icon" href="resources/images/favicon.png"> | ||
| <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Open+Sans|Overpass|Roboto+Condensed" rel="stylesheet"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/themes/prism-okaidia.css"> | ||
| <script src="https://use.fontawesome.com/727ae44ffb.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js"></script> | ||
| <script src="js/monokai.js" type="text/javascript" charset="utf-8"></script> | ||
| <script src="js/mode-json.js" type="text/javascript" charset="utf-8"></script> | ||
|
|
||
| <!-- Latest compiled and minified Bootstrap CSS --> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="css/style.css"/> | ||
|
|
||
| <!-- voxc.js required scripts --> | ||
| <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | ||
| <script src="build/voxc.js" type="text/javascript" charset="utf-8"></script> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| </head> | ||
| <body class="main" id="bodySection" > | ||
| <nav class="navbar navbar-inverse navbar-fixed-top"> | ||
| <div class="container-fluid"> | ||
| <div class="navbar-header"> | ||
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| </button> | ||
| <a class="navbar-brand" href="index.html">voxc.js</a> | ||
| </div> | ||
| <div class="collapse navbar-collapse" id="myNavbar"> | ||
| <ul class="nav navbar-nav"> | ||
| <li><a href="#documentsSection">Documentation</a></li> | ||
| <li><a href="#demoSection">Demo</a></li> | ||
| <li><a href="#aboutSection">About</a></li> | ||
| <li><a href="#usageSection">Usage</a></li> | ||
| <li><a href="converter1.html">Converter 1</a></li> | ||
| <li><a href="converter2.html">Converter 2</a></li> | ||
| <li><a href="#">Converter 3</a></li> | ||
| <li><a href="mriscan.html">MRI Scan Demo</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| <div class="row"> | ||
| <div class="col-sm-12 body"> | ||
|
|
||
| <div class="voxc-image"></div> | ||
| <img width="100%" src="resources/images/geometry3.png"/> | ||
| <div class="col-sm-12 canvascontainer"> | ||
| <div class="row"> | ||
| <div id="documentsSection" class="documents"> | ||
| <div class="documents-heading col-sm-6 col-sm-offset-3"> | ||
| <h2 class="section-heading">Documentation</h2> | ||
| <hr class="norm-hr"/> | ||
| </div> | ||
| <div class="documents-download-links col-sm-8 col-sm-offset-2"> | ||
| <div class="document-link-container col-sm-4"> | ||
| <a href="Documents/User Manual/usermanual.pdf"> | ||
| <i class="fa fa-question-circle" aria-hidden="true"></i> | ||
| </a> | ||
| <h4 class="document-link-heading">User Manual</h4> | ||
| </div> | ||
| <div class="document-link-container col-sm-4"> | ||
| <a href="Documents/Test Reports/Test report.pdf"> | ||
| <i class="fa fa-bug" aria-hidden="true"></i> | ||
| </a> | ||
| <h4 class="document-link-heading">Testing Report</h4> | ||
| </div> | ||
| <div class="document-link-container col-sm-4"> | ||
| <a href="Documents/Requirements Specification/requirementsspecification.pdf"> | ||
| <i class="fa fa-file-text" aria-hidden="true"></i> | ||
| </a> | ||
| <h4 class="document-link-heading">SRS</h4> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="row" id="demoSection"> | ||
| <div class="demo-heading col-sm-6 col-sm-offset-3"> | ||
| <h2 class="section-heading">Converter 1</h2> | ||
| <hr class="norm-hr"/> | ||
| <p class="section-paragraph"> | ||
| Voxc.js is meant to be a lightweight, easy to use library for converting voxel objects into JavaScript matrixes for easy manipulation. These matrixes can then be used for creating more meshes that have different goals. This library will contain a series of converters that all have a different purpose. The creation and formatting of these converters stay consistent by using JavaScriptmatrixes as input and output. | ||
| </p> | ||
| </div> | ||
| <div class="col-sm-10 col-sm-offset-1"> | ||
| <div id="converter1Canvas" width="800" height="400"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <img width="100%" class="footer-image" src="resources/images/geometry2.png"/> | ||
| <div class="footer row"> | ||
| <div class="col-sm-1 col-sm-offset-1"> | ||
| <a href="https://github.com/Idrian/Absolute-0-" target="_blank"><span class="footer-icon fa fa-github-square fa-5x"></span></a> | ||
| </div> | ||
| <div class="col-sm-8"> | ||
| <div class="footer-links row"> | ||
| <a class="navlink-footer" href="#documentsSection">Documentation</a> | ||
| · | ||
| <a class="navlink-footer" href="#demoSection">Demo</a> | ||
| · | ||
| <a class="navlink-footer" href="#aboutSection">About</a> | ||
| · | ||
| <a class="navlink-footer" href="#usageSection">Usage</a> | ||
| · | ||
| <a class="navlink-footer" href="converter1.html">Converter 1</a> | ||
| · | ||
| <a class="navlink-footer" href="converter2.html">Converter 2</a> | ||
| · | ||
| <a class="navlink-footer">Converter 3</a> | ||
| </div> | ||
| <div class="footer-brand row"> | ||
| <a href="index.html"><div class="col-sm-12"> | ||
| voxc.js | ||
| </div></a> | ||
| </div> | ||
| <div class="footer-author row"> | ||
| Team Absolute|0| @ 2017 | ||
| </div> | ||
| </div> | ||
| <div class="col-sm-2"> | ||
| <a href="https://waffle.io/Idrian/Absolute-0-?utm_source=badge" target="_blank"><img class="waffle-icon" height="100px" width="100px" src="resources/images/waffle.png"/></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,137 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>voxc.js</title> | ||
| <link rel="icon" href="resources/images/favicon.png"> | ||
| <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css?family=Open+Sans|Overpass|Roboto+Condensed" rel="stylesheet"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.6.0/themes/prism-okaidia.css"> | ||
| <script src="https://use.fontawesome.com/727ae44ffb.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js"></script> | ||
| <script src="js/monokai.js" type="text/javascript" charset="utf-8"></script> | ||
| <script src="js/mode-json.js" type="text/javascript" charset="utf-8"></script> | ||
|
|
||
| <!-- Latest compiled and minified Bootstrap CSS --> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
| <link rel="stylesheet" href="css/style.css"/> | ||
|
|
||
| <!-- voxc.js required scripts --> | ||
| <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> | ||
| <script src="build/voxc.js" type="text/javascript" charset="utf-8"></script> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| </head> | ||
| <body class="main" id="bodySection" > | ||
| <nav class="navbar navbar-inverse navbar-fixed-top"> | ||
| <div class="container-fluid"> | ||
| <div class="navbar-header"> | ||
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| <span class="icon-bar"></span> | ||
| </button> | ||
| <a class="navbar-brand" href="index.html">voxc.js</a> | ||
| </div> | ||
| <div class="collapse navbar-collapse" id="myNavbar"> | ||
| <ul class="nav navbar-nav"> | ||
| <li><a href="#documentsSection">Documentation</a></li> | ||
| <li><a href="#demoSection">Demo</a></li> | ||
| <li><a href="#aboutSection">About</a></li> | ||
| <li><a href="#usageSection">Usage</a></li> | ||
| <li><a href="converter1.html">Converter 1</a></li> | ||
| <li><a href="converter2.html">Converter 2</a></li> | ||
| <li><a href="#">Converter 3</a></li> | ||
| <li><a href="mriscan.html">MRI Scan Demo</a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| <div class="row"> | ||
| <div class="col-sm-12 body"> | ||
|
|
||
| <div class="voxc-image"></div> | ||
| <img width="100%" src="resources/images/geometry3.png"/> | ||
| <div class="col-sm-12 canvascontainer"> | ||
| <div class="row"> | ||
| <div id="documentsSection" class="documents"> | ||
| <div class="documents-heading col-sm-6 col-sm-offset-3"> | ||
| <h2 class="section-heading">Documentation</h2> | ||
| <hr class="norm-hr"/> | ||
| </div> | ||
| <div class="documents-download-links col-sm-8 col-sm-offset-2"> | ||
| <div class="document-link-container col-sm-4"> | ||
| <a href="Documents/User Manual/usermanual.pdf"> | ||
| <i class="fa fa-question-circle" aria-hidden="true"></i> | ||
| </a> | ||
| <h4 class="document-link-heading">User Manual</h4> | ||
| </div> | ||
| <div class="document-link-container col-sm-4"> | ||
| <a href="Documents/Test Reports/Test report.pdf"> | ||
| <i class="fa fa-bug" aria-hidden="true"></i> | ||
| </a> | ||
| <h4 class="document-link-heading">Testing Report</h4> | ||
| </div> | ||
| <div class="document-link-container col-sm-4"> | ||
| <a href="Documents/Requirements Specification/requirementsspecification.pdf"> | ||
| <i class="fa fa-file-text" aria-hidden="true"></i> | ||
| </a> | ||
| <h4 class="document-link-heading">SRS</h4> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="row" id="demoSection"> | ||
| <div class="demo-heading col-sm-6 col-sm-offset-3"> | ||
| <h2 class="section-heading">Converter 2</h2> | ||
| <hr class="norm-hr"/> | ||
| <p class="section-paragraph"> | ||
| Voxc.js is meant to be a lightweight, easy to use library for converting voxel objects into JavaScript matrixes for easy manipulation. These matrixes can then be used for creating more meshes that have different goals. This library will contain a series of converters that all have a different purpose. The creation and formatting of these converters stay consistent by using JavaScriptmatrixes as input and output. | ||
| </p> | ||
| </div> | ||
| <div class="col-sm-6"> | ||
| <div id="converter2Canvas1" width="800" height="400"></div> | ||
| </div> | ||
| <div class="col-sm-6"> | ||
| <div id="converter2Canvas2" width="800" height="400"></div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <img width="100%" class="footer-image" src="resources/images/geometry2.png"/> | ||
| <div class="footer row"> | ||
| <div class="col-sm-1 col-sm-offset-1"> | ||
| <a href="https://github.com/Idrian/Absolute-0-" target="_blank"><span class="footer-icon fa fa-github-square fa-5x"></span></a> | ||
| </div> | ||
| <div class="col-sm-8"> | ||
| <div class="footer-links row"> | ||
| <a class="navlink-footer" href="#documentsSection">Documentation</a> | ||
| · | ||
| <a class="navlink-footer" href="#demoSection">Demo</a> | ||
| · | ||
| <a class="navlink-footer" href="#aboutSection">About</a> | ||
| · | ||
| <a class="navlink-footer" href="#usageSection">Usage</a> | ||
| · | ||
| <a class="navlink-footer" href="converter1.html">Converter 1</a> | ||
| · | ||
| <a class="navlink-footer" href="converter2.html">Converter 2</a> | ||
| · | ||
| <a class="navlink-footer">Converter 3</a> | ||
| </div> | ||
| <div class="footer-brand row"> | ||
| <a href="index.html"><div class="col-sm-12"> | ||
| voxc.js | ||
| </div></a> | ||
| </div> | ||
| <div class="footer-author row"> | ||
| Team Absolute|0| @ 2017 | ||
| </div> | ||
| </div> | ||
| <div class="col-sm-2"> | ||
| <a href="https://waffle.io/Idrian/Absolute-0-?utm_source=badge" target="_blank"><img class="waffle-icon" height="100px" width="100px" src="resources/images/waffle.png"/></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> |
Oops, something went wrong.