Toggle navigation
Francesca Fiore
About
Exercises
Final Project
Contact
Here the final result!
ApeLab in the making
<!-- <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>