-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathslideshow-code.html
76 lines (51 loc) · 2.2 KB
/
slideshow-code.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
71
72
73
74
75
76
<!doctype html>
<meta charset="utf-8" />
<title>mithril-slides</title>
<!-- Mithril HTML Slideshow styles -->
<link href="css/mithril-slideshow.css" rel="stylesheet" />
<link href="css/theme-dark.css" rel="alternate stylesheet" title="Dark"/>
<link href="css/theme-light.css" rel="alternate stylesheet" title="Light" />
<!-- Code formatting using highlight.js -->
<link rel="stylesheet" href="css/default.css">
<link rel="stylesheet" href="css/tomorrow.css">
<script src="js/highlight.pack.js"></script>
<!-- Text formatting using Markdown through showdown.js -->
<script src="js/showdown.min.js"></script>
<!-- Here comes the slides in order -->
<script data-role="slide" type="text/html">
<pre data-code="code1"></pre>
</script>
<script id="code1" data-role="code" data-language="php" type="text/html">
<?php
// Include the essential config-file which also creates the $anax variable with its defaults.
include(__DIR__.'/config.php');
// Do it and store it all in variables in the Anax container.
$anax['title'] = "Hello World";
$anax['header'] = <<<EOD
<img class='sitelogo' src='img/anax.png' alt='Anax Logo'/>
<span class='sitetitle'>Anax webbtemplate</span>
<span class='siteslogan'>Återanvändbara moduler för webbutveckling med PHP</span>
EOD;
$anax['main'] = <<<EOD
<h1>Hej Världen</h1>
<p>Detta är en exempelsida som visar hur Anax ser ut och fungerar.</p>
EOD;
$anax['footer'] = <<<EOD
<footer><span class='sitefooter'>Copyright (c) Mikael Roos ([email protected]) | <a href='https://github.com/mosbth/Anax-base'>Anax på GitHub</a> | <a href='http://validator.w3.org/unicorn/check?ucn_uri=referer&ucn_task=conformance'>Unicorn</a></span></footer>
EOD;
// Finally, leave it all to the rendering phase of Anax.
include(ANAX_THEME_PATH);
</script>
<script data-role="slide" type="text/html">
<pre data-code="code2"></pre>
</script>
<script id="code2" data-role="code" data-language="" type="text/html">
$ git clone https://github.com/mosbth/Anax-base.git
$ cd Anax-base
$ ls
LICENSE.txt README.md src/ theme/ webroot/
$ firefox http://localhost/git/Anax-base/hello.php
</script>
<!-- include essential js-script -->
<script src="js/mithril.min.js"></script>
<script src="js/mithril-slideshow.js"></script>