You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.5 KiB
67 lines
1.5 KiB
<!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 class="content"> |
|
<div class="posts"> |
|
<div id='presentations'> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<div id='record' class='hide post on-list'> |
|
<h1 class="post-title"><a href='#'>Title</a></h1> |
|
<div class="post-meta-inline"> |
|
<span class="post-date"> |
|
<span class="updated"></span> |
|
</span> |
|
</div> |
|
</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>
|
|
|