Slidifier/about.html at master · holgerl/Slidifier · GitHub

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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>About Slidifier</title>

	<link rel="stylesheet" type="text/css" href="lib/reset.css" />
	<link rel="stylesheet" type="text/css" href="css/styles.css" />

	<!--[if IE]>
		<link rel="stylesheet" type="text/css" href="css/ie.css" />
	<![endif]-->

	<link rel="icon" type="image/gif" href="favicon.gif">
	<link rel="shortcut icon" href="favicon.gif">

	<script type="text/javascript">
		// Google Analytics
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-23947561-1']);
		_gaq.push(['_trackPageview']);

		(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>
</head>
<body>
	<div id="header">
		<div class="center">
			<a href="index.html"><img id="logo" src="img/logo.png" /></a>
			<ul>
				<li><a href="https://github.com/Espenhh/Slidifier">Github</a></li>
				<li><a href="about.html" class="active">About</a></li>
				<li><a href="slidifier.html">Do it!</a></li>
			</ul>
		</div>
	</div>
	<div class="frontpagecontainer">

		<h2>What is Slidifier?</h2>

		<p><strong>Slidifier is a tool for creating simple, informal presentations.</strong> Like PowerPoint, only so much simpler! With Slidifier, you simply write what you want to say and it is "slidified" into a working presentation right in your web browser.</p>

		<h2>How do I use Slidifier?</h2>

		<p>Write your presentation in the text box (or your favorite text editor) and <strong>press "Slidify"!</strong></p>

		<p>When your presentation is shown, navigate back and forth with the arrow keys, or simply press the left mouse button. The <strong>escape key will exit</strong> the presentation and show the text box again.</p>

		<h2>How do I write for Slidifier?</h2>

		<p>To separate the content of one slide from a <strong>new slide</strong>, write three dashes --- on a single line:

		<pre class="syntaxexpl">
			A slide here

			---

			Another slide here!
		</pre>

		<p>To make a <strong>heading</strong>, write a hash sign # in front of the line:</p>

		<pre class="syntaxexpl">
			# Important heading here

			More content here
		</pre>

		<p>To make a <strong>list</strong> of bullet points, use a dash - in front of each point:</p>

		<pre class="syntaxexpl">
			- A bullet point
			- Another bullet point
		</pre>

		<p>If you have the url of a <strong>picture</strong>, insert it with an img-tag:</p>

		<pre class="syntaxexpl">
			&lt;img src="http://your-picture.jpg"/&gt;
		</pre>

		<p>To insert computer <strong>source code</strong>, use two slashes \\ before and after the code:</p>

		<pre class="syntaxexpl">
			\\
			public void main() {
				// hardcore computer hacker source here
			}
			\\
		</pre>

		<p>You can use several hash signs to make <strong>lower level headings</strong>:</p>

		<pre class="syntaxexpl">
			# Main heading here

			## A smaller heading here

			### See how far you can go!
		</pre>

		<p>And you can use several dashes for <strong>indented bullet points</strong>:</p>

		<pre class="syntaxexpl">
			- A bullet point
			-- Here is an intended bullet
			--- I love indentation!
			-- And even one more
			- A normal bullet
		</pre>

		<h2>Who made Slidifier?</h2>

		<p>Slidifier is developed by <a href="http://www.linkedin.com/profile/view?id=5366584">Holger Ludvigsen</a> and <a href="http://www.linkedin.com/profile/view?id=38221711">Espen H. Halvorsen</a>. We have a <a href="https://github.com/Espenhh/Slidifier">project on Github</a> for those of you who are into that sort of stuff. If you have questions, find a bug, or just want to tell us how awesome we are, tell us at Github or LinkedIn</p>
	</div>
</body>
</html>