/ index.html
index.html
 1  <!DOCTYPE html>
 2  <html lang="en">
 3  	<head>
 4  		<!--meta tags -->
 5  		<meta charset="utf-8">
 6  		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7  
 8  		<!-- Bootstrap CSS -->
 9  		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
10  		<!--theme (flatly)-->
11  		<link href="https://maxcdn.bootstrapcdn.com/bootswatch/4.0.0-beta.2/flatly/bootstrap.min.css" rel="stylesheet" integrity="sha384-FzkHk/sZxl/KbNoSMiA0TgjqdV7ka8VPX/i/Nf2EyhH28i1EVaZ7uf2EEDBBHBo5" crossorigin="anonymous">
12  	</head>
13  	<body>
14  		<nav class="navbar navbar-expand-sm navbar-light bg-light">
15  			<a class="navbar-brand" href="https://lazerbeak12345.github.io/Learner/">Learner</a>
16  			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
17  				<span class="navbar-toggler-icon"></span>
18  			</button>
19  			<div class="collapse navbar-collapse" id="navbarNav">
20  				<ul class="navbar-nav">
21  					<li id="defaultLocation" class="nav-item active">
22  						<a class="nav-link" href="?">Home <span class="sr-only">(current)</span></a>
23  					</li>
24  					<li id="CONTRIBUTING-elm" class="nav-item">
25  						<a class="nav-link" href="?/CONTRIBUTING">Contributing</a>
26  					</li>
27  					<li id="demos-elm" class="nav-item">
28  						<a class="nav-link dropdown-toggle disabled" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Demos</a>
29  						<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
30  							<a id="LOREM" class="dropdown-item" href="?demos/LOREM">Lorem</a>
31  							<a id="IPSUM" class="dropdown-item" href="?demos/IPSUM">Ipsum</a>
32  						</div>
33  					</li>
34  					<li id="docs-elm" class="nav-item">
35  						<a class="nav-link dropdown-toggle disabled" href="#" id="navbarDropdownMenuLinkTwo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Docs</a>
36  						<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLinkTwo">
37  							<a class="dropdown-item" href="#">lorem</a>
38  							<a class="dropdown-item" href="#">ipsum</a>
39  						</div>
40  					</li>
41  				</ul>
42  			</div>
43  		</nav>
44  		<div id="content" class="container-fluid">
45  			<!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue tortor sit amet tempus accumsan. Fusce vitae elit porttitor, imperdiet quam at, fringilla felis. Nulla nisi ligula, faucibus eu blandit nec, consequat sed sem. Nam eu est sapien. Integer commodo dui id pellentesque fermentum. Phasellus tristique volutpat dolor a mollis. Phasellus eleifend cursus leo, at semper neque venenatis et. Vestibulum vitae sem ac elit efficitur iaculis quis eu lectus. In finibus felis magna, tristique suscipit nisl viverra vitae. Nullam feugiat sem vitae mattis mattis. Etiam iaculis vel velit id commodo. Phasellus malesuada auctor ligula sed commodo. Duis id erat sagittis, sagittis lacus vel, gravida nisl. Fusce felis est, vestibulum non accumsan non, mollis at justo. Aliquam vitae lacus sit amet neque maximus vestibulum eget vel libero. Nullam rhoncus ultrices justo, sit amet dapibus ante feugiat vel.</p>
46  			<p>Quisque at nisi sit amet mi congue aliquet. Aenean porta nec mauris at lacinia. Nulla facilisi. Pellentesque dapibus, velit vel pretium porta, nibh leo pulvinar metus, vitae blandit ex diam non ligula. Etiam lorem dolor, porttitor nec odio sit amet, vestibulum tristique tortor. Phasellus tempor mattis commodo. Donec et est venenatis, consequat lacus nec, efficitur ipsum. Quisque sed mi velit. Mauris hendrerit ipsum vitae purus ullamcorper, in ultrices ipsum dapibus. Mauris id luctus nisl. Phasellus lobortis nunc dui, quis mollis mauris mollis sed. Suspendisse mollis pulvinar purus, vel egestas lectus bibendum vel. Quisque fermentum auctor neque id ornare. Pellentesque vel odio vel nibh sagittis efficitur at a libero. Nulla rutrum euismod risus, a varius sem tempus quis. Suspendisse tempus mattis orci, vel pharetra dui vehicula vitae.</p>
47  			<!---->
48  		</div>
49  		<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
50  		<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
51  		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
52  		<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.7/marked.min.js" integrity="sha256-gD4Lb+KFhXeD+W9aSKh4mwLlmSgLQ0Lpsgbov+1t7PU=" crossorigin="anonymous"></script>
53  		<script>
54  			function decodeBase64(s) {
55  				var e={},i,b=0,c,x,l=0,a,r='',w=String.fromCharCode,L=s.length,A="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
56  				for(i=0;i<64;i++){e[A.charAt(i)]=i;}
57  				for(x=0;x<L;x++){
58  					c=e[s.charAt(x)];b=(b<<6)+c;l+=6;
59  					while(l>=8){((a=(b>>>(l-=8))&0xff)||(x<(L-2)))&&(r+=w(a));}
60  				}
61  				return r;
62  			};//https://stackoverflow.com/questions/2820249/base64-encoding-and-decoding-in-client-side-javascript
63  			var loc=(function() {return location.search.substring(1)||"/README";})();
64  			$.get('https://raw.githubusercontent.com/Lazerbeak12345/Learner/master'+loc+'.md', function (response) {
65  				console.log(response);
66  				/*var out;
67  				if (typeof response.content!=="undefined") {
68  					out=decodeBase64(response.content);
69  				}else{
70  					out=decodeBase64(response);
71  				}*/
72  				$("#content").html(marked(response));//based on code from https://github.com/zmckinnon/jquery-gh-readme
73  				$("blockquote").addClass("blockquote");
74  			});
75  			if (loc!="/README") {
76  				$("#defaultLocation").removeClass("active");
77  				var l=loc.substring(1).split("/")
78  				for (var i=0;i<l.length;i++) {
79  					$("#"+l.slice(0,i+1).join("-elm #")+"-elm").addClass("active");
80  				}
81  			}
82  		</script>
83  		<!--script src="Learner.js"></script><!---->
84  	</body>
85  </html>