cloudhead.io · commit

Lots of improvements on rx

93a91ed1850a500398b853b862e90aa3298e1a33

Alexis Sellier committed 6 years ago 1 parent 5d58b9da

rx/index.html +38 -11

<!doctype html>
<html lang="en">
  <head>
    <title>rx &mdash; a minimalist and extensible pixel editor</title>
    <meta charset="UTF-8">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>

    <style>
      * {
        box-sizing: border-box;
      }

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

      .cli {
        text-align: center;
      }

      code {
        line-height: 0.8em;
        color: white;
        background-color: black;
        font-size: 0.8em;
        padding: 6px 12px;
        border: 1px solid #ddd;
      }

      section > header {
        margin-bottom: 10px;
      }

      body > section {
        margin: 60px auto;
        width: 960px;
      }

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

      li {
        list-style-type: none;
      }

      ::selection {
        background: #999999;
      }

      .title {
        text-align: center;
        width: auto;
        margin: 0;
        padding: 0;

      }

      .screenshot {
        margin: 0 auto;
        text-align: center;
        width: 1180px;
        overflow: hidden;
        width: 100%;
      }

      .grey {
        color: grey;
      }

        margin-top: 90px;
        text-align: center;
        font-size: 0.75em;
      }

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

      @media only screen and (max-device-width: 1280px) {
        body > section {
          padding-left: 30px !important;
          padding-right: 30px !important;
          width: 100% !important;
        }
        .screenshot > img {
          width: 100%;
        }
      }
    </style>
  </head>
  <body>
    <header>

      </pre>
      <p class="version">v0.1.0 <em>alpha</em></p>
      <br/>
      <p class="subtitle">a modern and extensible pixel editor implemented in rust.</p>
    </section>
    <div class="screenshot">
    <section class="screenshot">
      <img src="overview.png"/>
    </div>
    </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>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>

      [0]: <a href="https://rust-lang.org">https://rust-lang.org</a><br/>
      [1]: <a href="https://en.wikipedia.org/wiki/Vi">https://en.wikipedia.org/wiki/Vi</a>
      <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>

    <section>
      <h2>GOALS</h2>
      <ul>

    </section>

    <section>
      <h2>CONTRIBUTE</h2>
      The source code is available at <a
        href="https://github.com/cloudhead/rx">https://github.com/cloudhead/rx</a>.
        href="https://github.com/cloudhead/rx">github.com/cloudhead/rx</a>.
      <em>rx</em> is <em>free software</em>.
    </section>

    <section>
      <h2>BUGS</h2>

rx/overview.png +0 -0

Binary file changed.

44	53		body > section {
45	54		margin: 60px auto;
46	55		width: 960px;
47	56		}
48	57
49		-	body > img {
	58	+	img {
50	59		display: block;
51	60		margin: 15px auto;
	61	+	border: 1px solid #ddd;
52	62		}
53	63
54	64		li {
55	65		list-style-type: none;
56	66		}
57	67
	68	+	::selection {
	69	+	background: #999999;
	70	+	}
	71	+
58	72		.title {
59	73		text-align: center;
60	74		width: auto;
61	75		margin: 0;
62	76		padding: 0;

72	86		}
73	87
74	88		.screenshot {
75	89		margin: 0 auto;
76	90		text-align: center;
77		-	width: 1180px;
78		-	overflow: hidden;
	91	+	width: 100%;
79	92		}
80	93
81	94		.grey {
82	95		color: grey;
83	96		}

86	99		margin-top: 90px;
87	100		text-align: center;
88	101		font-size: 0.75em;
89	102		}
90	103
	104	+	a {
	105	+	color: #ffff66;
	106	+	}
91	107		a:hover {
92		-	text-decoration: underline;
	108	+	text-decoration: none;
	109	+	}
	110	+
	111	+	@media only screen and (max-device-width: 1280px) {
	112	+	body > section {
	113	+	padding-left: 30px !important;
	114	+	padding-right: 30px !important;
	115	+	width: 100% !important;
	116	+	}
	117	+	.screenshot > img {
	118	+	width: 100%;
	119	+	}
93	120		}
94	121		</style>
95	122		</head>
96	123		<body>
97	124		<header>

106	133		</pre>
107	134		<p class="version">v0.1.0 <em>alpha</em></p>
108	135		<br/>
109	136		<p class="subtitle">a modern and extensible pixel editor implemented in rust.</p>
110	137		</section>
111		-	<div class="screenshot">
	138	+	<section class="screenshot">
112	139		<img src="overview.png"/>
113		-	</div>
	140	+	</section>
114	141		<section>
115	142		<p><em>rx</em> is an extensible, modern and minimalist <strong>pixel editor</strong>
116	143		implemented in rust[0]. It's designed to have as little UI as possible, and instead
117	144		takes inspiration from vi's[1] modal nature and command mode.</p>
118	145
119	146		<p>Compared to other pixel editors, rx aims to be smaller, yet more configurable
120	147		and extendable. `rx` takes a different approach when it comes to animation
121	148		as well, which is done with strips.</p>
122	149
123		-	[0]: <a href="https://rust-lang.org">https://rust-lang.org</a><br/>
124		-	[1]: <a href="https://en.wikipedia.org/wiki/Vi">https://en.wikipedia.org/wiki/Vi</a>
	150	+	<small>[0]: <a href="https://rust-lang.org">https://rust-lang.org</a></small><br/>
	151	+	<small>[1]: <a href="https://en.wikipedia.org/wiki/Vi">https://en.wikipedia.org/wiki/Vi</a></small>
125	152		</section>
126	153
127	154		<section>
128	155		<h2>GOALS</h2>
129	156		<ul>

170	197		</section>
171	198
172	199		<section>
173	200		<h2>CONTRIBUTE</h2>
174	201		The source code is available at <a
175		-	href="https://github.com/cloudhead/rx">https://github.com/cloudhead/rx</a>.
	202	+	href="https://github.com/cloudhead/rx">github.com/cloudhead/rx</a>.
176	203		<em>rx</em> is <em>free software</em>.
177	204		</section>
178	205
179	206		<section>
180	207		<h2>BUGS</h2>

1	1		<!doctype html>
2	2		<html lang="en">
3	3		<head>
4	4		<title>rx — a minimalist and extensible pixel editor</title>
5		-	<meta charset="UTF-8">
	5	+	<meta http-equiv="content-type" content="text/html;charset=utf-8">
	6	+	<meta name=”viewport” content=”width=device-width, initial-scale=1″>
	7	+
6	8		<style>
	9	+	* {
	10	+	box-sizing: border-box;
	11	+	}
	12	+
7	13		body {
	14	+	background-color: black;
	15	+	color: #ddd;
8	16		padding: 90px 0 90px 0;
9	17		font-size: 20px;
10	18		font-family: monospace;
11	19		line-height: 1.4em;
12	20		margin: 0 auto;

25	33		.cli {
26	34		text-align: center;
27	35		}
28	36
29	37		code {
	38	+	line-height: 0.8em;
30	39		color: white;
31		-	background-color: black;
32	40		font-size: 0.8em;
33	41		padding: 6px 12px;
	42	+	border: 1px solid #ddd;
34	43		}
35	44
36	45		section > header {
37	46		margin-bottom: 10px;
38	47		}