added the website
This commit is contained in:
parent
c9cd36b6b0
commit
9360b60551
62
404.html
Normal file
62
404.html
Normal 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>
|
||||
1309
assets/css/styles-ed58a781.css
Normal file
1309
assets/css/styles-ed58a781.css
Normal file
File diff suppressed because it is too large
Load Diff
9314
assets/img/fist-26285057.svg
Normal file
9314
assets/img/fist-26285057.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 548 KiB |
9314
assets/img/fist_black-170c2073.svg
Normal file
9314
assets/img/fist_black-170c2073.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 548 KiB |
4
assets/img/star-9ecebd54.svg
Normal file
4
assets/img/star-9ecebd54.svg
Normal 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
64
blog.html
Normal 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>
|
||||
177
documentation/the_syntax.html
Normal file
177
documentation/the_syntax.html
Normal 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’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’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’t come with a system to deliver notifications
|
||||
or reminders, it just allows to specify one, it won’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’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’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’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
4
humans.txt
Normal file
@ -0,0 +1,4 @@
|
||||
Authored by
|
||||
=============================
|
||||
- Tim Kächele
|
||||
|
||||
77
imprint.html
Normal file
77
imprint.html
Normal 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’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>
|
||||
114
index.html
114
index.html
@ -1,10 +1,116 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>WorkingClass – Organize yourself</title>
|
||||
<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>
|
||||
|
||||
<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
</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
---
[ ] My first task

![ ] A very important task

[ ]{1.2.15} A task with a due date.
</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>
|
||||
|
||||
2
robots.txt
Normal file
2
robots.txt
Normal file
@ -0,0 +1,2 @@
|
||||
user-agent: *
|
||||
disallow: /
|
||||
Loading…
Reference in New Issue
Block a user