cloudhead.io · commit

Various edits

38c8e02ad923ee57fd2a667f1068662abb1506d8

Alexis Sellier committed 6 years ago 1 parent 5239afc8

css/base.css +1 -1

body > header {
	float: right;
}

nav {
	font-weight: bold;
	font-weight: normal;
	padding: 10px;
	font-size: 20px;
}

ul li {

rx/index.html +27 -21


      body {
        background-color: black;
        color: #ddd;
        padding: 90px 0 90px 0;
        font-size: 20px;
        font-size: 18px;
        line-height: 1.4em;
        margin: 0 auto;
        padding: 0 15px;
      }


        display: inline-block;
      }

      code {
        color: #aaa;
        font-style: italic;
      }

      pre {
        font-size: 0.8em;
      }

        image-rendering: pixelated;
        image-rendering: optimize-contrast;
        -ms-interpolation-mode: nearest-neighbor;
      }

      h1 {
        font-size: 2em;
        font-family: "Fira Mono", "Fira Code", monospace;
        text-align: center;
        font-weight: normal;
      }

      li {
        list-style-position: outside;
      }

      ::selection {

      .title {
        text-align: center;
        width: auto;
        margin: 0;
        padding: 0;
        line-height: 1.1em;
      }

      .logo {
        border: none;
      }

      .subtitle, .version {
        text-align: center;
        margin: 0;

159	170		</head>
160	171		<body>
161	172		<header>
162	173		</header>
163	174		<section>
164		-	<pre class="title">
165		-	██╗████╗██╗██╗
166		-	╚███╔██║╚███╔╝
167		-	██╔╝══╝██╔██╗
168		-	██║ ██╔╝ ██╗
169		-	╚═╝ ╚═╝ ╚═╝
170		-	</pre>
	175	+	<img class="logo" src="/rx/rx.png"/>
	176	+	<h1>rx</h1>
171	177		<p class="version">v0.2.0 <em>alpha</em></p>
172	178		<br/>
173	179		<p class="subtitle">a modern and extensible pixel editor implemented in rust</p>
174	180		<br/>
175	181		<center>

    </section>
    <section class="screenshot">
      <img src="rx.gif"/>
    </section>
    <section>
      <p><em>rx</em> is an extensible, modern and minimalist <strong>pixel
      <p><strong>rx</strong> is an extensible, modern and minimalist <strong>pixel
        editor</strong> and <strong>animator</strong> implemented in rust[0].
      It's designed to have as little UI as possible, and instead takes
      inspiration from vi's[1] modal nature and command mode.</p>

      <p>Compared to other pixel editors, rx aims to be smaller yet more configurable
      and extendable. `rx` takes a different approach when it comes to animation
      and extendable. <code>rx</code> takes a different approach when it comes to animation
      as well, which is done with *strips*.</p>

      <small>[0]: <a href="https://rust-lang.org">https://rust-lang.org</a></small><br/>
      <small>[1]: <a href="https://en.wikipedia.org/wiki/Vi">https://en.wikipedia.org/wiki/Vi</a></small>
    </section>


    <a id="download"></a>
    <section>
      <h2>DOWNLOAD</h2>
      <center><p><em><small>Disclaimer: this is alpha software, use at your own risk!</small></em></p></center>
      <p>On Linux, the simplest way to get <em>rx</em> is to download the <em>AppImage</em>
      <p>On Linux, the simplest way to get <code>rx</code> is to download the <em>AppImage</em>
      from here:</p>
      <center><a href="https://github.com/cloudhead/rx/releases/download/v0.2.0/rx-0.2.0-x86_64-unknown-linux-gnu.AppImage">rx-0.2.0-x86_64-unknown-linux-gnu.AppImage</a></center>
      <p>Then make it executable with eg. <code>chmod +x</code>, rename it to
      <code>rx</code> and move it somewhere in your <code>PATH</code>.</p>
      <p>For macOS and Windows, see the following section.</p>
    </section>

    <section>
      <h2>BUILD FROM SOURCE</h2>
      <p>You'll need <strong>cargo</strong> and <strong>rust</strong> to build <em>rx</em> from source. For more
      <p>You'll need <strong>cargo</strong> and <strong>rust</strong> to build <code>rx</code> from source. For more
      detailed instructions, see the <a href="https://github.com/cloudhead/rx/blob/master/README">README</a>.</p>

      <div class="cli"><code class="block">$ cargo install --git https://github.com/cloudhead/rx --tag v0.2.0 --locked</code></div>

      <p>The default installed palette is <a href="palettes/sweetie16.palette">sweetie16.palette</a>.

    </section>

    <section>
      <h2>USAGE</h2>

      <p>After installing, simply run <em>rx</em> from a shell or application launcher.
      <p>After installing, simply run <code>rx</code> from a shell or application launcher.
      You can then use the <code>:help</code> command to show the current set of key mappings
      and commands.</p>

      <p>Common commands:</p>

      <pre class="block">
      <pre class="block"><code>
:help                    Display help
:e &lt;path..&gt;              Edit path(s)
:w                       Write/save view
:q                       Quit view
:slice &lt;n&gt;               Slice view into &lt;n&gt; frames
:source &lt;path&gt;           Source an rx script (eg. a palette)
:f/resize &lt;w&gt; &lt;h&gt;        Resize frames
      </pre>
      </code></pre>
    </section>

    <section>
      <h2>CONFIGURATION</h2>
      <p>Configuring <em>rx</em> involves editing the <em>init.rx</em>
      <p>Configuring <code>rx</code> involves editing the <code>init.rx</code>
      script, which is found in a platform-dependent location. On Linux, this
      is in the XDG config directory, eg. <em>~/.config/rx/init.rx</em>, while on
      macOS this is in the <em>~/Library/Preferences</em> folder.
      is in the XDG config directory, eg. <code>~/.config/rx/init.rx</code>, while on
      macOS this is in the <code>~/Library/Preferences</code> folder.
      written.</p>

      <p>To get the exact location of the config directory, enter <em>:echo config/dir</em>
      from inside <em>rx</em>.</p>
      <p>To get the exact location of the config directory, enter <code>:echo config/dir</code>
      from inside <code>rx</code>.</p>
    </section>

    <section>
      <h2>CONTRIBUTE</h2>
      The source code is available at <a

rx/rx.png added +0 -0

Binary file changed.

86	85		image-rendering: pixelated;
87	86		image-rendering: optimize-contrast;
88	87		-ms-interpolation-mode: nearest-neighbor;
89	88		}
90	89
	90	+	h1 {
	91	+	font-size: 2em;
	92	+	font-family: "Fira Mono", "Fira Code", monospace;
	93	+	text-align: center;
	94	+	font-weight: normal;
	95	+	}
	96	+
91	97		li {
92	98		list-style-position: outside;
93	99		}
94	100
95	101		::selection {

99	105		.title {
100	106		text-align: center;
101	107		width: auto;
102	108		margin: 0;
103	109		padding: 0;
	110	+	line-height: 1.1em;
	111	+	}
	112	+
	113	+	.logo {
	114	+	border: none;
104	115		}
105	116
106	117		.subtitle, .version {
107	118		text-align: center;
108	119		margin: 0;

181	187		</section>
182	188		<section class="screenshot">
183	189		<img src="rx.gif"/>
184	190		</section>
185	191		<section>
186		-	<p><em>rx</em> is an extensible, modern and minimalist <strong>pixel
	192	+	<p><strong>rx</strong> is an extensible, modern and minimalist <strong>pixel
187	193		editor</strong> and <strong>animator</strong> implemented in rust[0].
188	194		It's designed to have as little UI as possible, and instead takes
189	195		inspiration from vi's[1] modal nature and command mode.</p>
190	196
191	197		<p>Compared to other pixel editors, rx aims to be smaller yet more configurable
192		-	and extendable. `rx` takes a different approach when it comes to animation
	198	+	and extendable. <code>rx</code> takes a different approach when it comes to animation
193	199		as well, which is done with strips.</p>
194	200
195	201		<small>[0]: <a href="https://rust-lang.org">https://rust-lang.org</a></small><br/>
196	202		<small>[1]: <a href="https://en.wikipedia.org/wiki/Vi">https://en.wikipedia.org/wiki/Vi</a></small>
197	203		</section>

246	252
247	253		<a id="download"></a>
248	254		<section>
249	255		<h2>DOWNLOAD</h2>
250	256		<center><p><em><small>Disclaimer: this is alpha software, use at your own risk!</small></em></p></center>
251		-	<p>On Linux, the simplest way to get <em>rx</em> is to download the <em>AppImage</em>
	257	+	<p>On Linux, the simplest way to get <code>rx</code> is to download the <em>AppImage</em>
252	258		from here:</p>
253	259		<center><a href="https://github.com/cloudhead/rx/releases/download/v0.2.0/rx-0.2.0-x86_64-unknown-linux-gnu.AppImage">rx-0.2.0-x86_64-unknown-linux-gnu.AppImage</a></center>
254	260		<p>Then make it executable with eg. <code>chmod +x</code>, rename it to
255	261		<code>rx</code> and move it somewhere in your <code>PATH</code>.</p>
256	262		<p>For macOS and Windows, see the following section.</p>
257	263		</section>
258	264
259	265		<section>
260	266		<h2>BUILD FROM SOURCE</h2>
261		-	<p>You'll need <strong>cargo</strong> and <strong>rust</strong> to build <em>rx</em> from source. For more
	267	+	<p>You'll need <strong>cargo</strong> and <strong>rust</strong> to build <code>rx</code> from source. For more
262	268		detailed instructions, see the <a href="https://github.com/cloudhead/rx/blob/master/README">README</a>.</p>
263	269
264	270		<div class="cli"><code class="block">$ cargo install --git https://github.com/cloudhead/rx --tag v0.2.0 --locked</code></div>
265	271
266	272		<p>The default installed palette is <a href="palettes/sweetie16.palette">sweetie16.palette</a>.

268	274		</section>
269	275
270	276		<section>
271	277		<h2>USAGE</h2>
272	278
273		-	<p>After installing, simply run <em>rx</em> from a shell or application launcher.
	279	+	<p>After installing, simply run <code>rx</code> from a shell or application launcher.
274	280		You can then use the <code>:help</code> command to show the current set of key mappings
275	281		and commands.</p>
276	282
277	283		<p>Common commands:</p>
278	284
279		-	<pre class="block">
	285	+	<pre class="block"><code>
280	286		:help Display help
281	287		:e <path..> Edit path(s)
282	288		:w Write/save view
283	289		:q Quit view
284	290		:slice <n> Slice view into <n> frames
285	291		:source <path> Source an rx script (eg. a palette)
286	292		:f/resize <w> <h> Resize frames
287		-	</pre>
	293	+	</code></pre>
288	294		</section>
289	295
290	296		<section>
291	297		<h2>CONFIGURATION</h2>
292		-	<p>Configuring <em>rx</em> involves editing the <em>init.rx</em>
	298	+	<p>Configuring <code>rx</code> involves editing the <code>init.rx</code>
293	299		script, which is found in a platform-dependent location. On Linux, this
294		-	is in the XDG config directory, eg. <em>~/.config/rx/init.rx</em>, while on
295		-	macOS this is in the <em>~/Library/Preferences</em> folder.
	300	+	is in the XDG config directory, eg. <code>~/.config/rx/init.rx</code>, while on
	301	+	macOS this is in the <code>~/Library/Preferences</code> folder.
296	302		written.</p>
297	303
298		-	<p>To get the exact location of the config directory, enter <em>:echo config/dir</em>
299		-	from inside <em>rx</em>.</p>
	304	+	<p>To get the exact location of the config directory, enter <code>:echo config/dir</code>
	305	+	from inside <code>rx</code>.</p>
300	306		</section>
301	307
302	308		<section>
303	309		<h2>CONTRIBUTE</h2>
304	310		The source code is available at <a

12	12		body > header {
13	13		float: right;
14	14		}
15	15
16	16		nav {
17		-	font-weight: bold;
	17	+	font-weight: normal;
18	18		padding: 10px;
19	19		font-size: 20px;
20	20		}
21	21
22	22		ul li {

12	12
13	13		body {
14	14		background-color: black;
15	15		color: #ddd;
16	16		padding: 90px 0 90px 0;
17		-	font-size: 20px;
	17	+	font-size: 18px;
18	18		line-height: 1.4em;
19	19		margin: 0 auto;
20	20		padding: 0 15px;
21	21		}
22	22

53	53		display: inline-block;
54	54		}
55	55
56	56		code {
57	57		color: #aaa;
58		-	font-style: italic;
59	58		}
60	59
61	60		pre {
62	61		font-size: 0.8em;
63	62		}