-
Massimo Menichinelli authoredMassimo Menichinelli authored
exercise12.html 8.57 KiB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Name Surname">
<link rel="icon" href="media/favicon.ico">
<title>Fab Academy 2015 - Name Surname</title>
<!-- Bootstrap core CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="media/fabacademy.css" rel="stylesheet">
<!-- 3D files viewer -->
<script type="text/javascript" src="media/jsc3d_ie.min.js"></script>
<script type="text/javascript" src="media/jsc3d.min.js"></script>
<script type="text/javascript" src="media/jsc3d.webgl.js"></script>
<script type="text/javascript" src="media/jsc3d.touch.js"></script>
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="bootstrap/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="bootstrap/js/ie-emulation-modes-warning.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Load the menu file -->
<script>
function menu() {
$('#exercises').load("exercises-menu.html");
$('#project').load("project-menu.html");
$('#cclicense').load("license.html");
}
</script>
</head>
<body onload="menu()">
<!-- Static navbar -->
<nav class="navbar navbar-default navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<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="index.html">Name Surname</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Exercises <span class="caret"></span></a>
<ul id="exercises" class="dropdown-menu" role="menu">
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Final Project <span class="caret"></span></a>
<ul id="project" class="dropdown-menu" role="menu"> </ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<!-- Insert your content here below! -->
<h2>Exercise...</h1>
<h3>Menu</h3>
<p>
You can edit it by changing the <em>exercises-menu.html</em> and <em>project-menu.html</em>. Do <strong>not</strong> add any <ol> or <ul>, leave the structure as it is.
</p>
<h3>Text</h3>
<p>
You can set it up with:
<pre class="prettyprint linenums">
<p>
Your text here
</p></pre>
</p>
Result:
<p>
Your text here
</p>
<h3>Images</h3>
<p>
You can set it up with:
<pre class="prettyprint linenums">
<p class="pic>><img src="http://academy.cba.mit.edu/2012/students/menichinelli.massimo/exercise07/exercise07_02.jpg">
<legend>Here's the legend of the picture.</legend>
</p></pre>
</p>
Result:
<p class="pic"><img src="http://academy.cba.mit.edu/2012/students/menichinelli.massimo/exercise07/exercise07_02.jpg">
<legend>Here's the legend of the picture.</legend>
</p>
<h3>Code</h3>
<p>
You can set it up with:
<pre class="prettyprint linenums">
<pre class="prettyprint linenums">
Your code here
</pre></pre>
Result:
<pre class="prettyprint linenums">
for i in members:
print ""
print "USER:",members[i]
print "Loading connections..."
followers = load_connections([i], "followers")
friends = load_connections([i], "friends")
# Add edges...
print "Building the graph..."
for f in followers:
for k in followers[f]:
graph.add_edge(k,f)
for f in friends:
for k in friends[f]:
graph.add_edge(f,k)</pre>
</p>
<h3>3D Model</h3>
<p>
The model can be rotated and zoomed with the mouse/trackpad. You can set it up with:
<pre class="prettyprint linenums">
<canvas id="cv" width=640 height=480>
It seems you are using an outdated browser that does not support canvas :-(
</canvas>
<script type="text/javascript">
var canvas = document.getElementById('cv');
var viewer = new JSC3D.Viewer(canvas);
viewer.setParameter('SceneUrl','media/monkey.stl');
viewer.setParameter('ModelColor','#CAA618');
viewer.setParameter('BackgroundColor1','#E5D7BA');
viewer.setParameter('BackgroundColor2','#383840');
viewer.setParameter('RenderMode','flat');
viewer.setParameter('MipMapping','on');
viewer.setParameter('Definition','high');
viewer.setParameter('Renderer','webgl');
viewer.init();
viewer.update();
</script></pre>
You can set up the path to the 3D model (.stl/.obj) within this line:
<pre class="prettyprint linenums">
viewer.setParameter('SceneUrl','media/monkey.stl');</pre>
Result:
<canvas id="cv" width=640 height=480>
It seems you are using an outdated browser that does not support canvas :-(
</canvas>
<script type="text/javascript">
var canvas = document.getElementById('cv');
var viewer = new JSC3D.Viewer(canvas);
viewer.setParameter('SceneUrl','media/monkey.stl');
viewer.setParameter('ModelColor','#CAA618');
viewer.setParameter('BackgroundColor1','#E5D7BA');
viewer.setParameter('BackgroundColor2','#383840');
viewer.setParameter('RenderMode','flat');
viewer.setParameter('MipMapping','on');
viewer.setParameter('Definition','high');
viewer.setParameter('Renderer','webgl');
viewer.init();
viewer.update();
</script>
</p>
<h3>Download</h3>
<p>
You can set up a button for files to be downloaded with:
<pre class="prettyprint linenums">
<a href="#">
<button type="button" class="btn btn-primary btn-lg">Download the file</button>
</a></pre>
</p>
<p>
Result:
</p>
<p>
<a href="#">
<button type="button" class="btn btn-primary btn-lg">Download the file</button>
</a>
</p>
<h3>Would you like to insert more style/elements?</h3>
<p>
Check the documentation of Bootstrap <a href="">here</a>.
</p>
<!-- End of your content -->
</div> <!-- /container -->
<!-- footer -->
<footer id="footer">
<p id="cclicense">
</p>
<p class="license">
Theme: <a href="https://github.com/openp2pdesign/FabAcademy_Template">Fab Academy Template</a> by <a href="http://openp2pdesign.org">Massimo Menichinelli</a> <br>
Based on <a href="http://getbootstrap.com/">Twitter Bootstrap</a>+<a href="http://jquery.com/">JQuery</a>+<a href="https://code.google.com/p/google-code-prettify/">google-code-prettify</a>+<a href="http://jmblog.github.io/color-themes-for-google-code-prettify/github/">GitHub theme for google-code-prettify</a>+<a href="https://code.google.com/p/jsc3d/">JSC3D</a>+<a href="https://github.com/thegrubbsian/jquery.ganttView">jquery.ganttView</a>.
</p>
</footer>
<!-- Do not touch this! -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="media/jquery-1.9.1.min.js"></script>
<!-- Syntax Highlighter -->
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js">
</script>
<!-- From https://github.com/jmblog/color-themes-for-google-code-prettify -->
<link href="media/github.css" type="text/css" rel="stylesheet">
<script type="text/javascript">
!function ($) {
$(function(){
window.prettyPrint && prettyPrint()
})
}(window.jQuery)
</script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="bootstrap/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>