|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Presentations.JulioBiason.Me 4.1</title>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="terminimal.css" title="" type="">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<header class="header">
|
|
|
|
|
<div class="header__iner">
|
|
|
|
|
<div class="header__logo">
|
|
|
|
|
<a href="https://presentations.juliobiason.me" style="text-decoration: none;">
|
|
|
|
|
<div class="logo">
|
|
|
|
|
Presentations.JulioBiason.Me 4.1
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
<div id='presentations'></div>
|
|
|
|
|
|
|
|
|
|
<div id='record' class='hide'>
|
|
|
|
|
<h1 class="post-title"><a href='#'>Title</a></h1>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="_external/jquery.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(function() {
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: 'index.json',
|
|
|
|
|
dataType: 'json',
|
|
|
|
|
}).done(function (data) {
|
|
|
|
|
var record;
|
|
|
|
|
for (var pos in data) {
|
|
|
|
|
record = data[pos];
|
|
|
|
|
|
|
|
|
|
var template = $('#record').clone();
|
|
|
|
|
template.removeClass('hide');
|
|
|
|
|
template.removeAttr('id');
|
|
|
|
|
|
|
|
|
|
template.find('a').attr('href', record.presentation);
|
|
|
|
|
template.find('a').text(record.title);
|
|
|
|
|
template.find('.updated').text(record.changed);
|
|
|
|
|
|
|
|
|
|
$('#presentations').append(template);
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
