cloudhead.io · commit

More updates to rx

02fc6f19632dbabbcf006b671e2eda135228bd84

Alexis Sellier committed 6 years ago 1 parent 8f0b45ea

rx/index.html +31 -7

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

      body, code {
        font-family: Inconsolata, Consolas, monospace;
      }

      h2 {
        font-size: 1em;
        text-align: center;
      }


        width: 960px;
      }

      img {
        display: block;
        margin: 15px auto;
        margin: 0 auto;
        border: 1px solid #ddd;
      }

      li {
        list-style-type: none;

        font-size: 0.75em;
      }

      a {
        color: #ffff66;
        text-decoration: none;
      }
      a:hover {
        text-decoration: none;
        text-decoration: underline;
      }

      @media only screen and (max-device-width: 1280px) {
        body > section {
          padding-left: 30px !important;

 ██║   ██╔╝ ██╗
 ╚═╝   ╚═╝  ╚═╝
      </pre>
      <p class="version">v0.2.0 <em>alpha</em></p>
      <br/>
      <p class="subtitle">a modern and extensible pixel editor implemented in rust.</p>
      <p class="subtitle">a modern and extensible pixel editor implemented in rust</p>
      <br/>
      <center>
        <small>
          <a href="#download">Download for GNU/Linux</a>
        </small>
      </center>
    </section>
    <section class="screenshot">
      <img src="overview.png"/>
    </section>
    <section>
      <p><em>rx</em> is an extensible, modern and minimalist <strong>pixel editor</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><em>rx</em> 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
      as well, which is done with *strips*.</p>


        <li>* <em class="grey">Coming soon: Visual mode.</em></li>
        <li>* <em class="grey">Coming soon: Workspaces.</em></li>
      </ul>
    </section>

    <section>
      <h2>REQUIREMENTS</h2>
      <h3>Linux</h3>
      On Linux, <em>Vulkan</em> support is required. The drivers can be installed for example with
      <code>apt install mesa-vulkan-drivers</code> on debian-based systems.
      <h3>macOS</h3>
      On macOS, <em>Metal</em> support is required. This usually requires installing <em>Xcode</em>
      and the <em>Xcode Command Line Tools</em>.
      <h3>Windows</h3>
      On Windows, <em>Vulkan</em> support is required.
    </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>
      from here:</p>

66	69		width: 960px;
67	70		}
68	71
69	72		img {
70	73		display: block;
71		-	margin: 15px auto;
	74	+	margin: 0 auto;
72	75		border: 1px solid #ddd;
73	76		}
74	77
75	78		li {
76	79		list-style-type: none;

112	115		font-size: 0.75em;
113	116		}
114	117
115	118		a {
116	119		color: #ffff66;
	120	+	text-decoration: none;
117	121		}
118	122		a:hover {
119		-	text-decoration: none;
	123	+	text-decoration: underline;
120	124		}
121	125
122	126		@media only screen and (max-device-width: 1280px) {
123	127		body > section {
124	128		padding-left: 30px !important;

142	146		██║ ██╔╝ ██╗
143	147		╚═╝ ╚═╝ ╚═╝
144	148		</pre>
145	149		<p class="version">v0.2.0 <em>alpha</em></p>
146	150		<br/>
147		-	<p class="subtitle">a modern and extensible pixel editor implemented in rust.</p>
	151	+	<p class="subtitle">a modern and extensible pixel editor implemented in rust</p>
	152	+	<br/>
	153	+	<center>
	154	+	<small>
	155	+	<a href="#download">Download for GNU/Linux</a>
	156	+	</small>
	157	+	</center>
148	158		</section>
149	159		<section class="screenshot">
150	160		<img src="overview.png"/>
151	161		</section>
152	162		<section>
153		-	<p><em>rx</em> is an extensible, modern and minimalist <strong>pixel editor</strong>
154		-	implemented in rust[0]. It's designed to have as little UI as possible, and instead
155		-	takes inspiration from vi's[1] modal nature and command mode.</p>
	163	+	<p><em>rx</em> is an extensible, modern and minimalist <strong>pixel
	164	+	editor</strong> and <strong>animator</strong> implemented in rust[0].
	165	+	It's designed to have as little UI as possible, and instead takes
	166	+	inspiration from vi's[1] modal nature and command mode.</p>
156	167
157	168		<p>Compared to other pixel editors, rx aims to be smaller yet more configurable
158	169		and extendable. `rx` takes a different approach when it comes to animation
159	170		as well, which is done with strips.</p>
160	171

196	207		<li>* <em class="grey">Coming soon: Visual mode.</em></li>
197	208		<li>* <em class="grey">Coming soon: Workspaces.</em></li>
198	209		</ul>
199	210		</section>
200	211
	212	+	<section>
	213	+	<h2>REQUIREMENTS</h2>
	214	+	<h3>Linux</h3>
	215	+	On Linux, <em>Vulkan</em> support is required. The drivers can be installed for example with
	216	+	<code>apt install mesa-vulkan-drivers</code> on debian-based systems.
	217	+	<h3>macOS</h3>
	218	+	On macOS, <em>Metal</em> support is required. This usually requires installing <em>Xcode</em>
	219	+	and the <em>Xcode Command Line Tools</em>.
	220	+	<h3>Windows</h3>
	221	+	On Windows, <em>Vulkan</em> support is required.
	222	+	</section>
	223	+
	224	+	<a id="download"></a>
201	225		<section>
202	226		<h2>DOWNLOAD</h2>
203	227		<center><p><em><small>Disclaimer: this is alpha software, use at your own risk!</small></em></p></center>
204	228		<p>On Linux, the simplest way to get <em>rx</em> is to download the <em>AppImage</em>
205	229		from here:</p>

13	13		body {
14	14		background-color: black;
15	15		color: #ddd;
16	16		padding: 90px 0 90px 0;
17	17		font-size: 20px;
18		-	font-family: monospace;
19	18		line-height: 1.4em;
20	19		margin: 0 auto;
21	20		}
22	21
	22	+	body, code {
	23	+	font-family: Inconsolata, Consolas, monospace;
	24	+	}
	25	+
23	26		h2 {
24	27		font-size: 1em;
25	28		text-align: center;
26	29		}
27	30