This repository has been archived by the owner on Apr 5, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·65 lines (64 loc) · 2.67 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Screendesign Presenter</title>
<link href="assets/css/style.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body data-show-intro="true">
<div id="intro">
<h1>Welcome</h1>
<p>Use the following keys to navigate between the screens:</p>
<div class="row">
<dl class="col">
<dt><span class="key">←</span></dt>
<dd>Go one slide back</dd>
<dt><span class="key">→</span></dt>
<dd>Go one slide forward</dd>
<dt><span class="key">↑</span></dt>
<dd>Go to the first slide</dd>
<dt><span class="key">↓</span></dt>
<dd>Go to the last slide</dd>
<dt><span class="space key">space</span></dt>
<dd>
Next Step <br />
<small>Hide this message or go to the next slide. <br />If you are on the last slide, it returns to the first slide.</small>
</dd>
</dl>
<dl class="col">
<dt><span class="widekey key">esc</span></dt>
<dd>Show/hide this screen</dd>
<dt><span class="key">n</span></dt>
<dd>Show/hide the navigation</dd>
<dt><span class="key">0</span> - <span class="key">9</span></dt>
<dd>Go to the corresponding slide. 0 is slide number 10.</dd>
<dt><span class="key">c</span></dt>
<dd>Toggle the capture mode. This mode is great for screenshots.</dd>
</dl>
</div>
</div>
<div id="wrapper">
<!-- Put here the pictures directly under "wrapper" or inside of an element (in a <div> for example) -->
<!-- Like that you can add a complete screen design... -->
<img src="screens/Google.png" width="1440" height="799" alt="Google">
<img src="screens/TopGear.png" width="2800" height="3906" alt="Top Gear">
<img src="screens/TT-Coupe.png" width="1440" height="2599" alt="TT Coupé">
<!-- Like that you can add a screen design with more than one element -->
<div>
<img src="slices/Header.png" width="1440" height="54" alt="Header">
<img src="slices/clear.png" width="1" height="131" alt="">
<img src="slices/Logo.png" width="371" height="111" alt="Logo">
<img src="slices/search.png" width="585" height="52" alt="Search">
<img src="slices/Buttons.png" width="371" height="104" alt="Buttons">
<img src="slices/clear.png" width="1" height="306" alt="">
<div style="width:100%;background:#F2F2F2;border-top:1px solid #E4E4E4;">
<img src="slices/Footer.png" width="1380" height="40" alt="Footer">
</div>
</div>
</div>
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/browser.js"></script>
<script type="text/javascript" src="assets/js/hashchange.js"></script>
<script type="text/javascript" src="assets/js/onReady.js"></script>
</body>
</html>