Skip to content

Commit

Permalink
#7 Updated web interface
Browse files Browse the repository at this point in the history
Added fancy geometric images
Added documentation links
  • Loading branch information
DreyerChris committed Aug 13, 2017
1 parent 01bbff0 commit 48f1888
Show file tree
Hide file tree
Showing 4 changed files with 86 additions and 2 deletions.
40 changes: 40 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -312,4 +312,44 @@ a{
margin-top: 50px;
}

.geometry-image{
padding: 0;
}

.documents{
text-align: center;
margin-bottom: 400px;
}

.documents-heading h2{
text-align: center;
}

.document-link-container{
font-size: 80px;
text-align: center;
}

.document-link-container a{
text-decoration: none;
color: #222;
}

.document-link-container:hover i{
color: #86DCEF;
}

.document-link-heading{
font-size: 25px;
text-align: center;
}

.demo-heading{
margin-bottom: 60px;
}

.demo-heading h2{
text-align: center;
}


48 changes: 46 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@
<a class="navbar-brand" href="#bodySection">voxc.js</a>
</div>
<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>
Expand All @@ -39,8 +40,43 @@
<div class="col-sm-12 body">

<div class="voxc-image"></div>
<div class="col-sm-12 canvascontainer" id="demoSection">
<div class="col-sm-12 canvascontainer">
<div class="row">
<div id="documentsSection" class="documents">
<div class="documents-heading col-sm-8 col-sm-offset-2">
<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%2520Manual/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%2520Reports/Test%20report.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%2520Specification/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-8 col-sm-offset-2">
<h2 class="section-heading">Demo</h2>
<hr class="norm-hr"/>
</div>
</div>

<div class="file-upload-container col-sm-4">
<input type="file" name="file" id="file" class="input-file-hidden" accept=".obj"/>
<label for="file">Upload a file</label><br>
Expand All @@ -67,7 +103,10 @@
</div>
</div>
<div class="row">
<div id="aboutSection" class="col-sm-8 col-sm-offset-2 section">
<div class="col-sm-2">
<img height="200px" src="resources/images/geometry.png"/>
</div>
<div id="aboutSection" class="col-sm-8 section">
<div class="col-sm-8 col-sm-offset-2">
<h2 class="section-heading">About</h2>
<hr class="norm-hr"/>
Expand All @@ -79,6 +118,9 @@ <h2 class="section-heading">About</h2>
</p>
</div>
</div>
<div class="geometry-image col-sm-2">
<img height="200px" src="resources/images/geometry.png"/>
</div>
</div>
<div class="row">
<div id="usageSection" class="col-sm-8 col-sm-offset-2 section">
Expand Down Expand Up @@ -119,6 +161,8 @@ <h5>Creation of canvas and setting up wireframe-mesh display</h5>
</div>
<div class="col-sm-8">
<div class="footer-links row">
<a class="navlink-footer" href="#documentsSection">Documentation</a>
&nbsp;&middot;&nbsp;
<a class="navlink-footer" href="#demoSection">Demo</a>
&nbsp;&middot;&nbsp;
<a class="navlink-footer" href="#aboutSection">About</a>
Expand Down
Binary file modified resources/images/Thumbs.db
Binary file not shown.
Binary file added resources/images/geometry.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 48f1888

Please sign in to comment.