1
0
working_class/index.html
2015-07-01 18:38:02 +02:00

117 lines
3.5 KiB
HTML

<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<meta content='IE=edge' http-equiv='X-UA-Compatible'>
<meta content='width=device-width, initial-scale=1' name='viewport'>
<title>WorkingClass </title>
<link href="assets/css/styles-ed58a781.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header class='masthead'>
<div class='container'>
<nav>
<ul class='nav main-nav'>
<li><a class="nav__link nav__link--inverted" href="documentation/the_syntax.html">Documentation</a></li>
<li><a class="nav__link nav__link--inverted" href="blog.html">Blog</a></li>
<li><a class="nav__link nav__link--inverted" href="http://github.com/TimKaechele/workingclass">Github</a></li>
</ul>
</nav>
<div class='grid'>
<div class='grid__item col-desktop-8 push-desktop-2 brand'>
<div class='grid'>
<div class='grid__item col-desktop-2'><img height="50" class="brand-image mobile-hidden" alt="The WorkingClass Logo (a fist in the air on a red background)" src="assets/img/fist-26285057.svg" /></div>
<div class='grid__item col-desktop-10'>
<p class='mega'>WorkingClass</p>
<hr class='rule rule--neutral'>
<p>WorkingClass is a fully featured human readable plain text tasklist syntax, that is also fully parseable.</p>
</div>
</div>
</div>
</div>
</div>
</header>
<section class='container'>
<div class='grid'>
<div class='grid__item col-desktop-5'>
<div class='editor'>
<div class='editor__head'>
<div class='editor__button editor__button--red'></div>
<div class='editor__button editor__button--yellow'></div>
<div class='editor__button editor__button--green'></div>
</div>
<div class='editor__body'>
<pre class="highlight shell"><code><span class="gp">$ </span>gem install working_class&#x000A;</code></pre>
</div>
</div>
</div>
<div class='grid__item col-desktop-7'>
<h2>Easy to install</h2>
<p>
Just open your terminal and type it in.
</p>
<p>
<strong>Yep, it's that easy.</strong>
</p>
</div>
</div>
<div class='grid'>
<div class='grid__item col-desktop-7'>
<h2>Free</h2>
<p>
We believe in free open source software, therefore WorkingClass is free as in
freedom, as well as free as in beer. Do whatever you want. We utilitize the GNU
GPL, so you can do whatever you want, as long as you publish your changes under
the same conditions.
</p>
</div>
<div class='grid__item col-desktop-5'>
<p class='text-icon text--center mobile-hidden'>
$
</p>
</div>
</div>
<div class='grid'>
<div class='grid__item col-desktop-5'>
<div class='editor'>
<div class='editor__head'>
<div class='editor__button editor__button--red'></div>
<div class='editor__button editor__button--yellow'></div>
<div class='editor__button editor__button--green'></div>
</div>
<div class='editor__body'>
<pre class="highlight plaintext"><code>My Tasklist&#x000A;---&#x000A;[ ] My first task&#x000A;&#x000A;![ ] A very important task&#x000A;&#x000A;[ ]{1.2.15} A task with a due date.&#x000A;</code></pre>
</div>
</div>
</div>
<div class='grid__item col-desktop-7'>
<h2>
Plain Text
</h2>
<p>
We think that the best tools, are the tools you already know. So we use
a plain text syntax. You can use your favorite text editor.
No big gui, no bullshit,
just you and your text editor. Stay productive.
</p>
</div>
</div>
</section>
<div class='container'>
<hr class='rule rule--light'>
<footer>
<ul class='nav'>
<li>Project by Tim Kächele 2015</li>
<li><a href="#">RSS Feed</a></li>
<li><a href="https://twitter.com/timkaechele">Twitter</a></li>
<li><a href="https://github.com/timkaechele/WorkingClass">Github</a></li>
<li><a href="imprint.html">Imprint</a></li>
</ul>
</footer>
</div>
</body>
</html>