1
0

added the website

This commit is contained in:
Tim Kächele 2015-07-01 18:38:02 +02:00
parent c9cd36b6b0
commit 9360b60551
11 changed files with 20437 additions and 4 deletions

62
404.html Normal file
View File

@ -0,0 +1,62 @@
<!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 404 Not Found</title>
<link href="assets/css/styles-ed58a781.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class='container'>
<header class='header'>
<div class='grid'>
<div class='grid__item col-desktop-6'>
<a class="beta brand-link" href="./"><img height="25px" src="assets/img/fist_black-170c2073.svg" />
WorkingClass
</a></div>
<nav class='grid__item col-desktop-6'>
<ul class='nav main-nav'>
<li><a class="nav__link " href="documentation/the_syntax.html">Documentation</a></li>
<li><a class="nav__link " href="blog.html">Blog</a></li>
<li><a class="nav__link" href="https://github.com/TimKaechele/workingclass">Github</a></li>
</ul>
</nav>
</div>
</header>
</div>
<div class='container'>
<article>
<div class='grid'>
<div class='grid__item col-desktop-12'>
<h1>404 Not Found</h1>
</div>
</div>
<div class='grid'>
<div class='grid__item col-desktop-8'>
<p class='mega'>
Sorry, but we could not find what you are looking for.
</p>
</div>
</div>
</article>
</div>
<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>

File diff suppressed because it is too large Load Diff

9314
assets/img/fist-26285057.svg Normal file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 548 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 548 KiB

View File

@ -0,0 +1,4 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="1235" height="1175">
<path fill="#de0000" d="M0,449h1235l-999,726 382-1175 382,1175z"/>
</svg>

After

Width:  |  Height:  |  Size: 180 B

64
blog.html Normal file
View File

@ -0,0 +1,64 @@
<!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 Blog</title>
<link href="assets/css/styles-ed58a781.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class='container'>
<header class='header'>
<div class='grid'>
<div class='grid__item col-desktop-6'>
<a class="beta brand-link" href="./"><img height="25px" src="assets/img/fist_black-170c2073.svg" />
WorkingClass
</a></div>
<nav class='grid__item col-desktop-6'>
<ul class='nav main-nav'>
<li><a class="nav__link " href="documentation/the_syntax.html">Documentation</a></li>
<li><a class="nav__link nav__link--active" href="blog.html">Blog</a></li>
<li><a class="nav__link" href="https://github.com/TimKaechele/workingclass">Github</a></li>
</ul>
</nav>
</div>
</header>
</div>
<div class='container'>
<article>
<div class='container'>
<div class='grid'>
<div class='grid__item col-desktop-12'>
<h1>Blog</h1>
</div>
</div>
<div class='grid'>
<div class='grid__item col-desktop-8'>
<h2 class='mega'>
There are currently no available posts
</h2>
</div>
</div>
</div>
</article>
</div>
<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>

View File

@ -0,0 +1,177 @@
<!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 Documentation</title>
<link href="../assets/css/styles-ed58a781.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class='container'>
<div class='container'>
<header class='header'>
<div class='grid'>
<div class='grid__item col-desktop-6'>
<a class="beta brand-link" href="../"><img height="25px" src="../assets/img/fist_black-170c2073.svg" />
WorkingClass
</a></div>
<nav class='grid__item col-desktop-6'>
<ul class='nav main-nav'>
<li><a class="nav__link nav__link--active" href="the_syntax.html">Documentation</a></li>
<li><a class="nav__link " href="../blog.html">Blog</a></li>
<li><a class="nav__link" href="https://github.com/TimKaechele/workingclass">Github</a></li>
</ul>
</nav>
</div>
</header>
</div>
<div class='grid'>
<div class='grid__item col-desktop-4'>
<p class='alpha'>Documentation</p>
<ul class='block-list'>
<li>
<a class="nav__link nav__link--active" href="documentation/the_syntax.html">The Syntax</a>
</li>
<li>
<a class="nav__link" href="http://www.rubydoc.info/github/TimKaechele/WorkingClass/">The Parser</a>
</li>
</ul>
</div>
<div class='grid__item col-desktop-8'>
<h1>The Syntax</h1>
<h2>Express yourself</h2>
<p>WorkingClass is about readability. So we tried to make it as expressive as
possible.</p>
<p>Well first of all: a tasklist needs a name, without a name a tasklist would be
nothing. Never forget it. If you write a tasklist without a name you will produce
a gigantic error message. Just sayin.</p>
<p>Anyways, everything else is completely optional. Hurra.</p>
<pre class="highlight plaintext"><code>My Tasklist name
---
[ ] an example task
</code></pre>
<h2>Just do it.</h2>
<p>A tasklist is nothing without the ability to finish a task. We tried to make it
as human readable and easy to use as possible.</p>
<pre class="highlight plaintext"><code>My Tasklist
---
[ ] An unfinished task
</code></pre>
<p>It&rsquo;s also possible to write an unfinished task without the space between the
brackets.</p>
<pre class="highlight plaintext"><code>My Tasklist
---
[] An unfinished task
</code></pre>
<p>However, we recommed the <code>[ ]</code> syntax, it looks much nicer.</p>
<p>Of course you have to get things done. WorkingClass recognizes any
non-whitespace character between the brackets as a finished task.</p>
<pre class="highlight plaintext"><code>My Tasklist
---
[x] Look I finished something
[X] I am also finished.
[y] Me too
[✔︎] I am so fancy
</code></pre>
<h2>All tasks are equal, but some tasks are more equal.</h2>
<p>Give tasks priority. Just add a <code>!</code> in front of a task.</p>
<pre class="highlight plaintext"><code>My Tasklist
---
![ ] A very important task
[ ] A normal task
</code></pre>
<h2>It&rsquo;s about time.</h2>
<p>Most tasks have a due date. WorkingClass allows to add dates to a task by
writing the date in the format <code>d(d).m(m).yy(yy)</code> in curly brackets</p>
<pre class="highlight plaintext"><code>My Tasklist
---
![ ]{13.12.15} Finish it.
[ ]{3.05.15} Website.
</code></pre>
<h2>I am going to remember that.</h2>
<p>So now we know how to write simple tasks with a due date. But well, we are humans,
we forget things, so it would be nice to have a reminder, rightt? Right!</p>
<p><strong>Notice:</strong> The WorkingClass doesn&rsquo;t come with a system to deliver notifications
or reminders, it just allows to specify one, it won&rsquo;t send an email or a
push notification to your smartphone.</p>
<p>There are basically two basic ways to specify a reminder.</p>
<h3>Keep it relative.</h3>
<p>If your task comes with a due date and you want to be notified one day ahead
you can simply write it like this.</p>
<pre class="highlight plaintext"><code>My Tasklist
---
[ ]{13.12.2015}(-1) A very important task with a reminder
</code></pre>
<p>This will remind you one day ahead. The parser comes with some configurations to
set a standard time, without any adjustments the parser defaults every reminder
without a time to 9:00am, but you can configure this.</p>
<p>Sometimes you don&rsquo;t want to be reminded 9:00am, then you can write a reminder
like this.</p>
<pre class="highlight plaintext"><code>My Tasklist
---
[ ]{13.12.2015}(-2 9:30) A very important task with a reminder 2 days ahead
</code></pre>
<h3>Absolutism at its finest</h3>
<p>Well, relative reminders may be quite stylish and awesome, but they are not
always very handy. In those moments you can write it also with an absolute date
This is very handy if your task doesn&rsquo;t come with a due date and you still want
to have a reminder.</p>
<p>The same thing as with relative reminders: if you don&rsquo;t specify a time, the parser
defaults to 9:00am.</p>
<pre class="highlight plaintext"><code>My Tasklist
---
[ ](12.12.15) REMIND ME.
[ ](22.5.15 15:00) That thing.
</code></pre>
</div>
</div>
</div>
<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>

4
humans.txt Normal file
View File

@ -0,0 +1,4 @@
Authored by
=============================
- Tim Kächele

77
imprint.html Normal file
View File

@ -0,0 +1,77 @@
<!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>
<div class='container'>
<header class='header'>
<div class='grid'>
<div class='grid__item col-desktop-6'>
<a class="beta brand-link" href="./"><img height="25px" src="assets/img/fist_black-170c2073.svg" />
WorkingClass
</a></div>
<nav class='grid__item col-desktop-6'>
<ul class='nav main-nav'>
<li><a class="nav__link " href="documentation/the_syntax.html">Documentation</a></li>
<li><a class="nav__link " href="blog.html">Blog</a></li>
<li><a class="nav__link" href="https://github.com/TimKaechele/workingclass">Github</a></li>
</ul>
</nav>
</div>
</header>
</div>
<div class='container'>
<article>
<h1>Imprint</h1>
<h2>Responsibility</h2>
<p>Responsible for all content accordant §10 paragraph 3 mdstv: Tim Kächele</p>
<p>Tim Kächele<br/>
Hafenstraße 49<br/>
68165 Mannheim<br/>
Germany</p>
<p>timkaechele@me.com<br/>
http://timkaechele.me</p>
<p>© 2014-2015 Tim Kächele.</p>
<h2>Disclaimer</h2>
<p>»Author« in the sense of the following is Tim Kächele.</p>
<p>Online-contents: The author reserves the right not to be responsible for the topicality, correctness, completeness or quality of the information provided. Liability claims regarding damage caused by the use of any information provided, including any kind of information which is incomplete or incorrect, will therefore be rejected. All offers are not-binding and without obligation. Parts of the pages or the complete publication including all offers and information might be extended, changed or partly or completely deleted by the authoress without separate announcement.</p>
<p>Referrals and links: The author is not responsible for any contents linked or referred to from their pages - unless they have full knowledge of illegal contents and would be able to prevent the visitors of their site from viewing those pages. If any damage occurs by the use of information presented there, only the author/authoress of the respective pages might be liable, not the one who has linked to these pages. Furthermore the authore is not liable for any postings or messages published by users of discussion boards, chatrooms, forums, guest books or mailing lists provided on their page. The author is not responsible for content posted by third parties there. Racist, sexist, and abusive messages will immediately be deleted by the authoress after knowledge.</p>
<p>Copyright: The author intended not to use any copyrighted material for the publication or, if not possible, to indicate the copyright of the respective object. If you find any unindicated object protected by copyright, the copyright could not be determined by the author. In the case of such a unintentional copyright violation the authoress will remove the object from the publication or at least indicate it with the appropriate copyright after notification. The copyright for any material created by the author is reserved. Any duplication or use of such diagrams, sounds or texts in other electronic or printed publications is not permitted without the author&rsquo;s express prior consent.</p>
<p>Legal force of this disclaimer: This disclaimer is to be regarded as part of the internet publication which you were referred from. If sections or individual formulations of this text are not legal or correct, the content or validity of the other parts remain uninfluenced by this fact.</p>
</article>
</div>
<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>

View File

@ -1,10 +1,116 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang='en'>
<head> <head>
<meta charset="UTF-8"> <meta charset='UTF-8'>
<title>WorkingClass Organize yourself</title> <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> </head>
<body>
<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> </body>
</html> </html>

2
robots.txt Normal file
View File

@ -0,0 +1,2 @@
user-agent: *
disallow: /