(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <html lang=en> | |
− | <html> | + | <head> |
+ | <meta charset="UTF-8" | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <!-- bootstrap --> | ||
+ | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> | ||
+ | <style> | ||
+ | nav[data-toggle='toc'] { | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | /* small screens */ | ||
+ | @media (max-width: 768px) { | ||
+ | /* override the Affix plugin so that the navigation isn't sticky */ | ||
+ | nav.affix[data-toggle='toc'] { | ||
+ | position: static; | ||
+ | } | ||
− | + | /* PICK ONE */ | |
− | + | /* don't expand nested items, which pushes down the rest of the page when navigating */ | |
− | < | + | nav[data-toggle='toc'] .nav .active .nav { |
− | < | + | display: none; |
− | </div> | + | } |
+ | /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */ | ||
+ | nav[data-toggle='toc'] .nav .nav { | ||
+ | display: block; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <!-- table of contents --> | ||
+ | <link rel="stylesheet" href="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.4.0/dist/bootstrap-toc.min.css"> | ||
+ | <!-- jquery --> | ||
+ | <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> | ||
+ | <!-- markdown compiling --> | ||
+ | <script src='markdown-browser-0.6.0-beta1/markdown.min.js'></script> | ||
+ | </head> | ||
+ | <body data-spy="scroll" data-target="#toc"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <!-- sidebar, which will move to the top on a small screen --> | ||
+ | <div class="col-sm-3"> | ||
+ | <nav id="toc" data-spy="affix" data-toggle="toc"></nav> | ||
+ | </div> | ||
+ | <!-- main content area --> | ||
+ | <div class="col-sm-9"> | ||
+ | <!-- markdown compiling --> | ||
+ | <script> | ||
+ | function getWhatever() { | ||
+ | // strUrl is whatever URL you need to call | ||
+ | var strUrl = "Wet_Lab_Log.md", strReturn = ""; | ||
+ | jQuery.ajax({ | ||
+ | url: strUrl, | ||
+ | success: function(html) { | ||
+ | strReturn = html; | ||
+ | }, | ||
+ | async:false | ||
+ | }); | ||
− | + | return strReturn; | |
+ | } | ||
− | + | var md_content = getWhatever(); | |
− | + | var html_content = markdown.toHTML(md_content); | |
− | + | document.write(html_content); | |
− | + | </script> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div style="height: 95vh;"/> | |
− | + | <!-- bootstrap --> | |
− | </ | + | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> |
− | + | <!-- table of contents --> | |
− | + | <script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.4.0/dist/bootstrap-toc.min.js"></script> | |
− | </div> | + | </body> |
− | + | ||
− | <div | + | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + |
Revision as of 19:51, 7 August 2016