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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
|
<!DOCTYPE html>
<html><head>
<title>Prettify Themes Gallery</title>
<style type="text/css">
iframe { width: 100%; border-style: none; margin: 0; padding: 0 }
</style>
<script>
var allThemes = [
{ name: 'default' },
{ name: 'desert',
authorHtml: '<a href="http://code.google.com/u/@VhJeSlJYBhVMWgF7/">'
+ 'techto…@<\/a>' },
{ name: 'sunburst', authorHtml: 'David Leibovic' },
{ name: 'sons-of-obsidian',
authorHtml: '<a href="http://CodeTunnel.com/blog/post/71'
+ '/google-code-prettify-obsidian-theme">Alex Ford<\/a>' },
{ name: 'doxy', authorHtml: 'Robert Sperberg' },
];
// Called by the demo.html frames loaded per theme to
// size the iframes properly and to allow them to tile
// the page nicely.
function adjustChildIframeSize(themeName, width, height) {
if (typeof console != 'undefined') {
try {
console.log('adjusting ' + themeName + ' to ' + width + 'x' + height);
} catch (ex) {
// Don't bother logging log failure.
}
}
var container = document.getElementById(themeName).parentNode;
container.style.width = (+width + 16) + 'px';
container.style.display = 'inline-block';
var iframe = container.getElementsByTagName('iframe')[0];
iframe.style.height = (+height + 16) + 'px';
}
</script>
</head>
<body>
<noscript>This page requires JavaScript</noscript>
<h1>Gallery of themes for
<a href="https://github.com/google/code-prettify">code prettify</a></h1>
<p>
Click on a theme name for a link to the file in revision control.
Print preview this page to see how the themes work on the printed page.
</p>
<script>(function () {
// Produce an iframe per theme.
// We pass the threme name to the iframe via its URI query, and
// it loads prettify and the theme CSS, and calls back to this page
// to resize the iframe.
for (var i = 0, n = allThemes.length; i < n; ++i) {
var theme = allThemes[i];
if (!theme) { continue; }
var iframe = document.createElement('iframe');
iframe.name = theme.name;
iframe.src = 'demo.html?' + encodeURIComponent(theme.name);
var header = document.createElement('h2');
header.id = theme.name;
var linkToThemeSrc = document.createElement('a');
linkToThemeSrc.href = (
'https://cdn.rawgit.com/google/code-prettify/master/' +
(theme.name === 'default'
? 'src/prettify.css'
: 'styles/' + encodeURIComponent(theme.name) + '.css'));
linkToThemeSrc.appendChild(document.createTextNode(
theme.name.replace(/\b[a-z]/g, // Capitalize first letter of each word
function (letter) { return letter.toUpperCase(); })));
header.appendChild(linkToThemeSrc);
var attribution;
if (theme.authorHtml) {
attribution = document.createElement('span');
attribution.className = 'attribution';
attribution.innerHTML = 'by ' + theme.authorHtml;
}
var div = document.createElement('div');
div.appendChild(header);
if (attribution) { div.appendChild(attribution); }
div.appendChild(iframe);
document.body.appendChild(div);
}
})()</script>
</body></html>
|
