-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
244 lines (198 loc) · 11.5 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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- <link rel="shortcut icon" href="bower_components/bootstrap/assets/ico/favicon.png"> -->
<title>papermill (αlpha) — Books as Software</title>
<!-- Bootstrap core CSS -->
<link href="//kte.github.io/bootstrap-theme-marketeer/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="papermill-promo.css" rel="stylesheet">
<!-- Fonts from google -->
<!-- http://www.google.com/fonts/#UsePlace:use/Collection:Source+Sans+Pro:400,600,600italic|Source+Code+Pro:400,600|Grand+Hotel -->
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,600italic|Source+Code+Pro:400,600|Grand+Hotel' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bower_components/bootstrap/assets/js/html5shiv.js"></script>
<script src="bower_components/bootstrap/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="header hidden-xs">
<ul class="nav nav-pills pull-right">
<li><a href="#Goals">Goals</a></li>
<li><a href="#Tools">Tools</a></li>
<li><a href="#Examples">Examples</a></li>
<li><a href="#Roadmap">Roadmap</a></li>
<li><a href="#">Contribute</a></li>
</ul>
<h3><span class="brand">papermill</span> <kbd class="text-muted"><em>α</em></kbd></h3>
</div>
<div class="jumbotron">
<h1><span class="visible-xs"><kbd class="brand">papermill</kbd>:<br> </span>“Books as Software”</h1>
<p class="lead">
Produce long-form text using the tools powering (open source) software development. <br>
Write semantic, structured content and cross-publish for print and web.</p>
<p>
<a class="btn btn-lg btn-primary" href="http://ba.178.is/Introduction.html"><span class="visible-xs"><i class="icon-book"></i> Introduction</span><span class="hidden-xs"><i class="icon-book"></i> Read the Introduction</span></a>
<a class="btn btn-lg btn-primary" href="http://ba.178.is/Manual.html"><span class="visible-xs"><i class="icon-book"></i> Manual</span><span class="hidden-xs"><i class="icon-book"></i> Read the Manual</span></a>
</p>
</div>
<div class="alert alert-warning alert-dismissable">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<strong>Caution!</strong> The papermill framework is in an early alpha stage — it is basically a <a href="#Contribute">“Request For Comments”</a>.
</div>
<div id="Goals" class="row marketing">
<h2>Goals</h2>
<p class="lead">
The framework has 3 primary goals:
</p>
<div class="col-sm-4">
<h3><i class="icon-cogs"></i> Text development</h3>
<p>Make the <em>mode of production</em> and tools used in (open source) software development more accessible for authors and writers.</p>
</div>
<div class="col-sm-4">
<h3><i class="icon-random"></i> Cross-media publishing</h3>
<p>Produce a document source which is as media-agnostic as possible, in the hopes that if it works for print and web today, it should be possible to adapt to the to-be-invented media of the future.</p>
</div>
<div class="col-sm-4">
<h3><i class="icon-suitcase"></i> Long-term reproducibility</h3>
<p>Make sure that once written, the source of a publication can be compiled into the desired output 'forever',
or at least as long as computers exist.
</p>
</div>
</div>
<div id="Goals2" class="row marketing">
<p class="lead">From these, we can derive our secondary goals:</p>
<div class="col-sm-3">
<h3 id="plain-text"><i class="icon-align-left"></i> Plain text</h3>
<p>If a document is to be written in a binary container (like a <em>Microsoft Word</em> File), the usefulness of a software-like development process are very limited.</p>
</div>
<div class="col-sm-3">
<h3 id="online-offline"><i class="icon-cloud-download"></i> Online & offline</h3>
<p>The framework should be usable on a <a href="https://en.wikipedia.org/wiki/Turing_machine"><em>general purpose computer</em></a> without requiring an internet connection.</p>
</div>
<div class="col-sm-3">
<h3 id="simplicity"><i class="icon-check"></i> Simplicity</h3>
<p>A complicated system is harder to use, explain and extend than a simple one.</p>
<p>A long-term goal is to abstract away as much as possible from the user, while at the same time still providing all the necessary information for those who <em>want</em> or <em>have</em> to know what is happening in the background.</p>
</div>
<div class="col-sm-3">
<h3 id="freelibreopen-source"><i class="icon-unlock-alt"></i> Free-Libre-Open-Source</h3>
<p>Considering the already listed goals, the problems that arise from them and the existing approaches to solve them, we can safely conclude that there is no alternative to use ‘open source’ software, at least for the framework itself.</p>
</div>
</div>
<div id="Tools" class="row marketing">
<h2>Tools</h2>
<h3>Building Blocks</h3>
<p class="lead">The most important parts of the framework are existing tools that programmers already love to use.
</p>
<div class="col-sm-4">
<h2><i class="icon-code-fork"></i> <kbd>git</kbd></h2>
<p>Version control that doesn't suck. Free and open source, distributed, fast and efficient.</p>
<p><a class="btn btn-default" href="http://git-scm.com">Project website »</a></p>
</div>
<div class="col-sm-4">
<h2><i class="icon-code"></i> <kbd>Markdown</kbd></h2>
<p>Markup syntax for humans, easy to type and read.</p>
<p><a class="btn btn-default" href="#">Learn More »</a></p>
</div>
<div class="col-sm-4">
<h2><i class="icon-copy"></i> <kbd>(La)TeX</kbd></h2>
<p>Typesetting engine</p>
<p><a class="btn btn-default" href="https://en.wikipedia.org/wiki/TeX">Learn More »</a></p>
</div>
</div>
<div id="Tools" class="row marketing">
<h3>Prototypes</h3>
<p>
These building blocks need better integration to be useful for non-technical authors,
provided in the form of small prototypes.
Their development happens parallel to real-world publications produced with it.
</p>
<div class="col-sm-4">
<h2><i class="icon-archive"></i> Project</h2>
<p>A configuration file for publications, inspired by <kbd>package.json</kbd></p>
<p><a class="btn btn-info" href="#">View draft »</a></p>
</div>
<div class="col-sm-4">
<h2>
<span class="icon-stack">
<i class="icon-sign-blank icon-stack-base icon-largex"></i>
<i class="icon-terminal icon-light icon-largex"></i>
</span> <kbd>mill</kbd>
</h2>
<p>A command line utility, capable of compiling a publication according to the configuration.</p>
<p><a class="btn btn-success" href="#"><i class="icon-github"></i> View Code »</a></p>
</div>
<div class="col-sm-4">
<h2><i class="icon-file-text"></i> <kbd>bookstrap</kbd></h2>
<p>Template and style for web output. Optimized for readability, based on <a href="http://getbootstrap.com">twitter's <kbd>bootstrap</kbd></a></p>
<p><a class="btn btn-success" href="#"><i class="icon-github"></i> View Code »</a></p>
</div>
</div>
<div id="Examples" class="row marketing">
<h3>Example Publications</h3>
<p class="lead">
<!-- The following publication were written with <kbd>papermill</kbd>: -->
</p>
<div class="col-sm-4">
<h2>NTS: PhD</h2>
<p>Doctoral Thesis of <a href="http://nts.is">Naomi T. Salmon</a> at the Bauhaus-University Weimar (in German).</p>
<p>193 pages in print, it deals with the professionalization process of contemporary artists.</p>
<p><a class="btn btn-default" href="http://phd.nts.is"><i class="icon-book"></i> Read it</a>
<a class="btn btn-default" href="https://github.com/NTS/PhD"><i class="icon-github"></i> Source</a></p>
</div>
<div class="col-sm-4">
<h2>Papermill</h2>
<p>My Bachelor Thesis about this project.</p>
<p>Includes an <strong>Introduction</strong> into the topic as well as a complete end-users <strong>Manual</strong></p>
<p><a class="btn btn-default" href="http://ba.178.is"><i class="icon-book"></i> Read it</a>
<a class="btn btn-default" href="https://github.com/eins78/Bachelor"><i class="icon-github"></i> Source</a></p>
</p>
</div>
</div>
<div id="Roadmap" class="row marketing">
<h3>Roadmap</h3>
<p class="lead">
These components will be developed in the future, aiming to provide a complete, usable solution for non-technical authors.
As always, feedback, ideas and contributions are greatly appreciated.
</p>
<div class="col-sm-4">
<h2><i class="icon-cloud"></i> <abbr title="Application Programming Interface">API</abbr></h2>
<p>Compile publications “in the cloud”, no need to install ~2GB of dependencies.</p>
</div>
<div class="col-sm-4">
<h2><i class="icon-truck icon-flip-horizontal"></i> <abbr title="Continuous Integration">CI</abbr></h2>
<p>Will compile the publication whenever there new changes published – <em>think <a>Travis CI</a> for books</em>.</p>
</div>
<div class="col-sm-4">
<h2><i class="icon-home"></i> <abbr title="Integrated Development Environment">IDE</abbr></h2>
<p>Write and publish, all inside a web browser!</p>
<p>Will be a hosted service, but also built into the <kbd>CLI</kbd>.</p>
</div>
</div>
<div id="Contribute" class="row marketing">
<h3>Contribute</h3>
<p class="lead">
Everything is Open Source, including the documentation and this website.
</p>
<p>
Make it better by just writing me, filing issues or proposing changes on github or donating <i class="icon-bitcoin"></i><span class="hidden">B</span>itcoin.
</p>
</div>
<div class="footer">
<p>© <kbd class="brand">papermill</kbd> 2013 — <a href="#"><i class="icon-code-fork"></i> Fork this website</a></p>
</div>
</div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
</body>
</html>