HTML document, ASCII text
1
<!DOCTYPE html>
2
<html lang="en-US">
3
<head>
5
<title>Unofficial Roundabout Theme Index</title>
6
</head>
7
<body>
9
<hgroup role="group">
10
<h1><sub>Unofficial</sub> Roundabout Theme Index</h1>
11
<p class="subtitle">The unofficial hub for Roundabout Themes</p>
12
</hgroup>
13
14
<p>Don't know how to install a theme? See <a href="install.html">install.html</a></p>
15
<ul id="ThemeList"></ul>
17
<template id="ThemeListElement">
19
<li>
20
<table class="table-root">
21
<tr>
22
<th class="theme-name" colspan="2">
23
24
</th>
25
</tr>
26
<tr>
27
<th>
28
Author
29
</th>
30
<td>
31
<a
32
class="author-url"
33
></a>
34
</td>
35
</tr>
36
<tr>
37
<td colspan="2">
38
<a
39
class="download"
40
>Theme CSS</a>
41
</td>
42
</tr>
43
</table>
44
</li>
45
</template>
46
<script type="module">
48
const ThemeList = await fetch("themes.xml")
49
.then(res => res.text())
50
.then(txt => {
51
const parser = new DOMParser();
52
const doc = parser.parseFromString(txt, "text/xml");
53
return doc;
54
});
55
const ThemeListElementTemplate = document.querySelector("#ThemeListElement");
57
const HTMLThemeList = document.querySelector("#ThemeList");
58
const themes = ThemeList.querySelectorAll("theme");
60
for (let index = 0; index < themes.length; index++) {
61
const theme = themes[index];
62
const title = theme.querySelector("title").textContent;
64
const author = theme.querySelector("author");
65
const path = theme.querySelector("uri").textContent;
66
const ListEl = ThemeListElementTemplate.content.cloneNode(true);
68
ListEl.querySelector(".theme-name").textContent = title;
69
ListEl.querySelector(".download").href = "themes/" + path;
70
const Author = ListEl.querySelector(".author-url");
72
Author.href = author.getAttribute("uri");
73
Author.textContent = author.textContent;
74
75
HTMLThemeList.appendChild(ListEl);
76
}
77
</script>
78
</body>
79
</html>
81