forked from prose/starter
-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
219 lines (195 loc) · 8.89 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
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
---
layout: default
permalink: /
---
<div class="start">
{% include menu.html %}
<div class="plot">
<p>
Substance is an <strong>open</strong> platform for <strong>collaborative</strong> composition and <strong>sharing</strong> of <strong>digital</strong> documents.
</p>
<p class="smaller">
Substance is free to use and all building blocks are available as <a href="http://github.com/substance">Open Source</a>.
</p>
</div>
</div>
<div class="demo">
<div class="content">
<h1>What does it look like?</h1>
<p class="answer">
This is how the Substance App looks for the user.
</p>
<div>
<a href="http://substance.io"><img src="{{site.baseurl}}/assets/images/substance.png"></a>
<br/><br/><br/>
</div>
<p class="answer">
Please keep in mind Substance is a work in progress and it takes some more time to provide a solid release. However, if you can't wait and are running Mac OSX Mountain Lion, you can download this <a href="{{site.baseurl}}/assets/downloads/Substance.zip">early preview</a>.<br/>
</p>
<!--<a class="button" href="http://substance.io/explore">Try the demo</a>-->
</div>
</div>
<div class="content">
<h1>Why should I care?</h1>
<p class="answer">
Substance provides a flexible architecture, involving an <a href="{{site.baseurl}}/modules/document.html">extensible document format</a> and protocol, <a href="{{site.baseurl}}/features/collaboration.html">collaborative features</a> and an extensible editor.
</p>
</div>
<div class="substance-features">
<div class="feature">
<img src="{{site.baseurl}}/assets/images/semantic-editing.png" width="250" height="120"/>
<div class="description">
<h2>Semantic Editing</h2>
<p>
Unlike traditional word-processors, Substance focuses on <b>content</b>, by leaving the layout part to the system, not the user. Because of the absence of formatting utilities, it suggests <b>structured</b>, <b>content-oriented</b> writing.
</p>
</div>
</div>
<div class="feature">
<img src="{{site.baseurl}}/assets/images/content-is-data.png" width="250" height="120"/>
<div class="description">
<h2>Content is data</h2>
<p>
Substance considers content as <b>data</b>, which allows digital documents to be queried like a database. Thus processing digital documents is no longer painful.
</p>
</div>
</div>
<div class="feature">
<img src="{{site.baseurl}}/assets/images/collaboration.png" width="250" height="120"/>
<div class="description">
<h2>Collaboration</h2>
<p>
Substance allows open <a href="{{site.baseurl}}/features/collaboration.html">collaboration</a>. Every reader can be a potential contributor by making suggestions to the document.
</p>
</div>
</div>
<div class="feature">
<img src="{{site.baseurl}}/assets/images/modular.png" width="250" height="120"/>
<div class="description">
<h2>Modular</h2>
<p>
Substance conists of several <a href="{{site.baseurl}}/modules">modules</a> that are developed independently and can be used on its own.
</p>
</div>
</div>
<div class="feature">
<img src="{{site.baseurl}}/assets/images/extensible.png" width="250" height="120"/>
<div class="description">
<h2>Extensible</h2>
<p>
Documents are exposed as data, ready to be analyzed, visualized, exported (PDF, ePub, etc.) or integrated with other applications. Additional content types (formulas, maps, etc.) can easily be added by the community.
</p>
</div>
</div>
<div class="feature">
<img src="{{site.baseurl}}/assets/images/everywhere.png" width="250" height="120"/>
<div class="description">
<h2>Runs everywhere</h2>
<p>
Substance can be deployed easily. We are working on a <a href="{{site.baseurl}}/features/distributed.html">distributed architecture</a> that allows you to run Substance on your own computer and let it talk to other Substance nodes in a peer to peer fashion.
</p>
</div>
</div>
</div>
<!--<div class="darker">
<div class="content">
<h1>Who is it for?</h1>
<p class="answer">
Everyone. But in particular Substance targets journalists, writers and scientists.
</p>
</div>
</div>-->
<div class="darker">
<div class="content">
<h1>How can I help?</h1>
<p class="answer">
<!--Substance has been around since late 2010, built and used by passionate open source developers all around the world. There was no funding involved so far. We’ll continue improving it, making it an open standard for interoperable digital publishing. Support us!-->
We’ve been developing Substance for two years now without any funding, making this a project fully built out of voluntary effort. Our goal is making Substance an open standard for interoperable digital publishing. Help us!
</p>
</div>
<div class="substance-features">
<div class="feature">
<img src="{{site.baseurl}}/assets/images/get-involved.png" width="250" height="120"/>
<div class="description">
<h2>Get involved</h2>
<p>
You can report bugs and discuss features on <a href="http://github.com/substance">GitHub</a>, on Freenode in the <strong><code>#_substance</code></strong> channel, or send tweets to <a href="http://twitter.com/_substance">@_substance</a>.
</p>
<p>
And if that's not enough, post to our <a href="https://groups.google.com/forum/?fromgroups#!forum/substance_">mailing list</a>.
</p>
</div>
</div>
<div class="campaign">
<img src="{{site.baseurl}}/assets/images/campaign.png" width="520" height="120"/>
<div class="description">
<h2>Help us make it solid</h2>
<p>
We just realized the more concrete our goals get, the more we see the need to spend dedicated time on development, in order to come to the day when we can say "It’s finally here!". Please help us by supporting our <a href="http://www.pledgie.com/campaigns/18902">campaign</a> and spread the word about it.
<br/><br/><a href='http://www.pledgie.com/campaigns/18902'><img alt='Click here to lend your support to: Substance and make a donation at www.pledgie.com !' src='http://www.pledgie.com/campaigns/18902.png?skin_name=chrome' border='0' /></a>
</p>
</div>
</div>
</div>
</div>
<!--<div class="content">
<h1>When will it be ready?</h1>
<p class="answer">
The current release is 0.4.1. Our next major release, 0.5.0 will feature a compeletely new architecture and will land in July 2013 according to our <a href="http://pledgie.com/campaigns/18902">roadmap</a>. Until then, try the <a href="http://substance.io/explore">old prototype</a> or integrate one of our <a href="{{site.baseurl}}/modules">modules</a> with your project.
</p>
<div class="progress-bar">
<div class="progress done">0.1.0</div>
<div class="progress done">0.2.0</div>
<div class="progress done">0.3.0</div>
<div class="progress done">0.4.0</div>
<div class="progress">0.5.0</div>
<div class="progress">0.6.0</div>
<div class="progress">0.7.0</div>
<div class="progress">0.8.0</div>
<div class="progress">0.9.0</div>
<div class="progress">1.0</div>
</div>
<div class="progress-marker">
We are here.
<div class="arrow-up"></div>
</div>
<p class="answer">
In the meanwhile, if you're looking for a reliable minimal writing environment, we recommend using <a href="http://prose.io">Prose</a>, a content editor for GitHub that is optimized for editing Markdown.
</p>
</div>
-->
<!--<div class="content">
<h1>Thanks!</h1>
<p class="answer">
We'd like to thank our <a href="https://github.com/substance/substance/graphs/contributors">contributors</a> and sponsors who make this project possible.
</p>
<div class="substance-"{{site.baseurl}}/features">
<div class="feature">
<img src="{{site.baseurl}}/assets/images/semantic-editing.png" width="250" height="120"/>
<div class="description">
<h2>Simplicissimus Book Farm SRL</h2>
<p>
Simplicismuss is sponsoring Substance development, as they want to integrate it with their eBook distribution services.
</p>
</div>
</div>
<div class="feature">
<img src="{{site.baseurl}}/assets/images/content-is-data.png" width="250" height="120"/>
<div class="description">
<h2>Lucid Technics</h2>
<p>
Lucid Technics are evaluating use-cases
</p>
</div>
</div>
<div class="feature">
<img src="{{site.baseurl}}/assets/images/collaboration.png" width="250" height="120"/>
<div class="description">
<h2>Your Sponsorship</h2>
<p>
Substance allows open <a href="{{site.baseurl}}/features/realtime-collaboration.html">collaboration</a>. Every reader can be a potential contributor by making suggestions to the document.
</p>
</div>
</div>
</div>
</div>-->