0ct0pu5
/
tutorials


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>i12bretro Tutorials</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
		<script type="text/javascript" src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
		<link href="css/steps.css" rel="stylesheet" type="text/css" />
		<style>
			table { width: 65%; max-width: 950px; }
			tr { line-height: 24px; }
			tbody tr td { vertical-align: bottom; }
			.dataTables_filter { position: absolute; top: 50px; right: 100px; z-index: 100; }
		</style>
	</head>
	<body>
		<div id="gridContainer">
			<div class="topMargin"></div>
			<div id="listName" class="topMargin">
				<h1>i12bretro Tutorials</h1>
			</div>
			<div></div>
			<div id="content">
				<table border="0" cellspacing="2" cellpadding="2" align="center">
					<thead>
						<tr><th width="80">ID</th><th>Title</th><th width="175">Last Modified</th></tr>
					</thead>
					<tbody id="tutorialList">
					
					</tbody>
				</table>
			</div>
		</div>
	</body>
	<script>
		$.ajax({ type:'GET', url: 'https://api.allorigins.win/raw?url='+ encodeURIComponent('https://github.com/i12bretro/tutorials/file-list/main'), success: function(html){ 
				m = null;
				console.log(html);
				regex = /<div role="rowheader".*?>.*?<a.*?href="\/i12bretro\/tutorials\/commit\/(.*?)">(\d{4}): (.*?)<\/a>.*?<time-ago.*?>(.*?)<\/time-ago>/gmsi
				while ( (m = regex.exec( html )) != null  ){
          $('#tutorialList').append('<tr><td align="center">'+ m[2] +'</td><td align="left"><a href="https://i12bretro.github.io/tutorials/'+ m[2] +'.html" target="_blank">'+ m[3] +'</a></td><td align="center">'+ m[4] +'</td></tr>');
				}
				initTable();
			}
		});
		
		function initTable(){
			$('table').DataTable({'paging':   false });
		}
	</script>
</html>