-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (67 loc) · 2.58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>FOCUS ON: Linux - Tool- und Medientipps</title>
<!-- <link href="https://cdn.datatables.net/2.1.8/css/dataTables.dataTables.min.css" rel="stylesheet"> -->
<link href="sva.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.datatables.net/2.1.8/js/dataTables.min.js"></script>
</head>
<body>
<h1>FOCUS ON: Linux - Tool- und Medientipps</h1>
<p>Listet Tooltipps (💿), Webseiten (🌍), Bücher und Artikel (📕), Videos (🎥) und Podcasts (🎧) auf.</p>
<table id="myTable" class="cell-border stripe" style="width: 100%">
<thead>
<tr>
<th>Episode</th>
<th>Datum</th>
<th>Name</th>
<th>Typ</th>
<th>Beschreibung</th>
<th>Wer?</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Episode</th>
<th>Datum</th>
<th>Name</th>
<th>Typ</th>
<th>Beschreibung</th>
<th>Wer?</th>
</tr>
</tfoot>
</table>
<script>
$(document).ready( function () {
$('#myTable').DataTable({
language: {
url: 'https://cdn.datatables.net/plug-ins/2.0.8/i18n/de-DE.json',
},
pageLength: 25,
order: [[1, 'desc']],
ajax: './data.txt',
columns: [
{
data: 'episode',
render: function (data, type, row ) {
return '<a href="' + row.episode_url + '" title="' + row.episode_title + '">' + row.episode + '</a>';
}
},
{ data: 'date' },
{
data: 'name',
render: function (data, type, row ) {
return '<a href="' + row.url + '">' + row.name + '</a>';
}
},
{ data: 'type' },
{ data: 'description' },
{ data: 'author' }
]
});
} );
</script>
</body>
</html>