ghopp
/
taskrambler
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

some additions to the project page

release0.1.5
Georg Hopp 12 years ago
parent
b17eecc98d
commit
7ba8e72588
16 changed files with 241 additions and 76 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 22
      assets/html/author.html
  2. 8
      assets/html/documentation.html
  3. 8
      assets/html/download.html
  4. 64
      assets/html/example.html
  5. 57
      assets/html/main.html
  6. BIN
      assets/image/rambler-border-b.jpg
  7. BIN
      assets/image/rambler-border-bl.jpg
  8. BIN
      assets/image/rambler-border-br.jpg
  9. BIN
      assets/image/rambler-border-l.jpg
  10. BIN
      assets/image/rambler-border-r.jpg
  11. BIN
      assets/image/rambler-border-t.jpg
  12. BIN
      assets/image/rambler-border-tl.jpg
  13. BIN
      assets/image/rambler-border-tr.jpg
  14. 6
      assets/js/init.js
  15. 4
      assets/js/session.js
  16. 102
      assets/style/taskrambler.css

22
assets/html/author.html
View File

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<div class="main">
<div id="page">
<div id="title"> <div id="title">
<a href="/main.html"> <a href="/main.html">
<div class="left"> <div class="left">
@ -35,13 +35,24 @@
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div>
<img
style="float:left;margin-right:10px;"
src="/image/waldschrat.jpg" />
<div id="main">
<div class="border">
<div class="tl"></div>
<div class="t"></div>
<div class="tr"></div>
<div class="l"></div>
<div class="img">
<img src="/image/waldschrat.jpg" />
</div>
<div class="r"></div>
<div class="bl"></div>
<div class="b"></div>
<div class="br"></div>
</div>
<h1>The Author</h1> <h1>The Author</h1>
<hr />
<p class="abstract"> <p class="abstract">
<span class="author">[GH]</span> <span class="author">[GH]</span>
Here you get a little background about me. Lern who I Here you get a little background about me. Lern who I
@ -49,6 +60,7 @@
and so on. What exactly I do not know, I found it and so on. What exactly I do not know, I found it
always difficult to write something about myself. always difficult to write something about myself.
</p> </p>
<hr />
<br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br />

8
assets/html/documentation.html
View File

@ -4,12 +4,12 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <head>
<title>Taskrambler - Author</title>
<title>Taskrambler - Documentation</title>
<link rel="stylesheet" type="text/css" href="/style/taskrambler.css"> <link rel="stylesheet" type="text/css" href="/style/taskrambler.css">
</head> </head>
<body> <body>
<div class="main">
<div id="page">
<div id="title"> <div id="title">
<a href="/main.html"> <a href="/main.html">
<div class="left"> <div class="left">
@ -35,13 +35,15 @@
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div>
<div id="main">
<h1>Documentation</h1> <h1>Documentation</h1>
<hr />
<p class="abstract"> <p class="abstract">
<span class="author">[GH]</span> <span class="author">[GH]</span>
This has to be written and will come in future. This has to be written and will come in future.
</p> </p>
<hr />
<br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br />
</div> </div>

8
assets/html/download.html
View File

@ -4,12 +4,12 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <head>
<title>Taskrambler - Author</title>
<title>Taskrambler - Download</title>
<link rel="stylesheet" type="text/css" href="/style/taskrambler.css"> <link rel="stylesheet" type="text/css" href="/style/taskrambler.css">
</head> </head>
<body> <body>
<div class="main">
<div id="page">
<div id="title"> <div id="title">
<a href="/main.html"> <a href="/main.html">
<div class="left"> <div class="left">
@ -35,14 +35,16 @@
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div>
<div id="main">
<h1>Download</h1> <h1>Download</h1>
<hr />
<p class="abstract"> <p class="abstract">
<span class="author">[GH]</span> <span class="author">[GH]</span>
Here you will find links to snapshots, but please Here you will find links to snapshots, but please
keep in might that this is an unfinished project. keep in might that this is an unfinished project.
</p> </p>
<hr />
<br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br />
</div> </div>

64
assets/html/example.html
View File

@ -3,24 +3,66 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <head>
<title>My own little Web-App</title>
<title>Taskrambler - Example</title>
<link rel="stylesheet" type="text/css" href="/style/common.css"> <link rel="stylesheet" type="text/css" href="/style/common.css">
<link rel="stylesheet" type="text/css" href="/style/taskrambler.css">
<script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/serverval.js"></script> <script type="text/javascript" src="/js/serverval.js"></script>
<script type="text/javascript" src="/js/session.js"></script> <script type="text/javascript" src="/js/session.js"></script>
<script type="text/javascript" src="/js/init.js"></script> <script type="text/javascript" src="/js/init.js"></script>
</head> </head>
<body> <body>
<ul id="menu">
<li>random Value</li>
<li>start session</li>
<li>login</li>
<li><a href="/main.html">homepage</a></li>
<div id="page">
<div id="title">
<a href="/main.html">
<div class="left">
<h1>Task</h1>
</div>
<img src="/image/rambler-logo2-small.jpg" />
<div class="right">
<h1>Rambler</h1>
</div>
<div class="clear"></div>
</a>
</div>
<div id="menu">
<ul>
<li><span>random Value</span></li>
<li><span>start session</span></li>
<li><span>login</span></li>
</ul> </ul>
</div>
<div id="main">
<h1>Example</h1>
<hr />
<p class="abstract">
<span class="author">[GH]</span>
Unlike the other pages here you can see some
dynamic interaction with taskrambler as application.
Right now only I can login because the only
authentication method is agains my ldap serve.
But this will change soon. Anyway, you can start
a session and as soon as you can register and
login you can read a random value generated in
a second process.
</p>
<hr />
<h2>Welcome (will show you name if you are logged in)</h2>
<p>
Welcome<span></span>!!!<br />
<p>
<div id="sessinfo" class="x-small"> <div id="sessinfo" class="x-small">
Session: <span></span><br /> Session: <span></span><br />
<canvas width="100px" height="3px"></canvas> <canvas width="100px" height="3px"></canvas>
</div> </div>
<div id="login" class="hide"> <div id="login" class="hide">
<form> <form>
<label for="username">username</label> <label for="username">username</label>
@ -30,6 +72,7 @@
<input type="submit" /> <input type="submit" />
</form> </form>
</div> </div>
<div id="randval" class="hide"> <div id="randval" class="hide">
<span class="small"> <span class="small">
Value created at: <br /> Value created at: <br />
@ -38,13 +81,12 @@
</span> </span>
Value: <span></span> Value: <span></span>
</div> </div>
<div id="main">
<h1>Testpage</h1>
Welcome<span></span>!!!<br />
<a href="/foo.html"><img src="/image/waldschrat.jpg" /></a>
</div>
<hr /> <hr />
<div id="msg"></div> <div id="msg"></div>
<hr />
</div>
</div>
</body> </body>
</html> </html>

57
assets/html/main.html
View File

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<div class="main">
<div id="page">
<div id="title"> <div id="title">
<a href="/main.html"> <a href="/main.html">
<div class="left"> <div class="left">
@ -35,13 +35,14 @@
<div class="clear"></div> <div class="clear"></div>
</div> </div>
<div>
<div id="main">
<img <img
style="float:left;margin-right:10px;" style="float:left;margin-right:10px;"
src="/image/rambler-logo-small.jpg" /> src="/image/rambler-logo-small.jpg" />
<h1>Taskrambler</h1> <h1>Taskrambler</h1>
<hr />
<p class="abstract"> <p class="abstract">
<span class="author">[GH]</span> <span class="author">[GH]</span>
Welcome to taskrambler, the multi user task organization Welcome to taskrambler, the multi user task organization
@ -49,17 +50,34 @@
is difficult and I really don't know whats going on at is difficult and I really don't know whats going on at
the moment this tool might be helpful. the moment this tool might be helpful.
</p> </p>
<hr />
<br /> <br />
<h2>What is taskrambler</h2> <h2>What is taskrambler</h2>
<h3>What will it be</h3>
<h3>What is it right now.</h3>
<p>
&nbsp;&nbsp;Right now this is a HTTP server. It's written from
scratch in C and serves as the user interface provider for
taskrambler.
</p>
<p>
&nbsp;&nbsp;It delivers static assets placed within the project
to webbrowsers. In fact the pages you read right now are
delivered by taskrambler.
</p>
<h3>What it will be</h3>
<p> <p>
&nbsp;&nbsp;The plan is to build a multi user task &nbsp;&nbsp;The plan is to build a multi user task
management system inspired by management system inspired by
<a href="http://taskwarrior.org/projects/show/taskwarrio">
<a
href="http://taskwarrior.org/"
target="_blank">
taskwarrior</a>. taskwarrior</a>.
Users may log in and manage the tasks they have to do. Users may log in and manage the tasks they have to do.
Priorize them, assign them to projects, track the time Priorize them, assign them to projects, track the time
@ -81,33 +99,22 @@
on a project. on a project.
</p> </p>
<h3>What is it right now.</h3>
<p>
&nbsp;&nbsp;Right now this is a HTTP server. It's written from
scratch in C and serves as the user interface provider for
taskrambler.
</p>
<p>
&nbsp;&nbsp;It delivers static assets placed within the project
to webbrowsers. In fact the pages you read right now are
delivered by taskrambler.
</p>
<h2>What is it not</h2> <h2>What is it not</h2>
<p> <p>
&nbsp;&nbsp;It is not another web server and it is not a &nbsp;&nbsp;It is not another web server and it is not a
web application as u might be used to. It will not run under
any given web server.
web application as you might be used to. It will not run
under any given web server. It brings it's own web server.
</p> </p>
<h2>History</h2> <h2>History</h2>
<p> <p>
&nbsp;&nbsp;About two year ago I stepped across the &nbsp;&nbsp;About two year ago I stepped across the
<a href="http://en.wikipedia.org/wiki/C10k_problem">C10k</a>
<a
href="http://en.wikipedia.org/wiki/C10k_problem"
target="_blank">
C10k</a>
problem. At that time, and in fact still right now, I don't problem. At that time, and in fact still right now, I don't
feel experienced enough to face this problem. But anyway, feel experienced enough to face this problem. But anyway,
it made me curious. Curious if I would be able to write an it made me curious. Curious if I would be able to write an
@ -136,7 +143,9 @@
<p> <p>
&nbsp;&nbsp;Approximately at the same time I started working &nbsp;&nbsp;Approximately at the same time I started working
with with
<a href="http://taskwarrior.org/projects/show/taskwarrio">
<a
href="http://taskwarrior.org/"
target="_blank">
taskwarrior</a> which I found a really useful tool. taskwarrior</a> which I found a really useful tool.
I thought what about making something like this but for I thought what about making something like this but for
multiple users. It is pretty clear to you what you need for multiple users. It is pretty clear to you what you need for
@ -172,7 +181,9 @@
<p> <p>
&nbsp;&nbsp;Some time ago I had read a book called &nbsp;&nbsp;Some time ago I had read a book called
<a href="https://ritdml.rit.edu/handle/1850/8544">
<a
href="https://ritdml.rit.edu/handle/1850/8544"
target="_blank">
Object oriented programming with ANSI-C</a> from Object oriented programming with ANSI-C</a> from
Axel-Tobias Schreiner. It has some really interesting Axel-Tobias Schreiner. It has some really interesting
concepts in it but goes a step to for for my taste with concepts in it but goes a step to for for my taste with

BIN
assets/image/rambler-border-b.jpg
View File

Side by Side

After

Width: 10  |  Height: 10  |  Size: 309 B

BIN
assets/image/rambler-border-bl.jpg
View File

Side by Side

After

Width: 10  |  Height: 10  |  Size: 328 B

BIN
assets/image/rambler-border-br.jpg
View File

Side by Side

After

Width: 10  |  Height: 10  |  Size: 322 B

BIN
assets/image/rambler-border-l.jpg
View File

Side by Side

After

Width: 10  |  Height: 10  |  Size: 302 B

BIN
assets/image/rambler-border-r.jpg
View File

Side by Side

After

Width: 10  |  Height: 10  |  Size: 312 B

BIN
assets/image/rambler-border-t.jpg
View File

Side by Side

After

Width: 10  |  Height: 10  |  Size: 304 B

BIN
assets/image/rambler-border-tl.jpg
View File

Side by Side

After

Width: 10  |  Height: 10  |  Size: 330 B

BIN
assets/image/rambler-border-tr.jpg
View File

Side by Side

After

Width: 10  |  Height: 10  |  Size: 330 B

6
assets/js/init.js
View File

@ -9,15 +9,15 @@ $(document).ready(function() {
$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess)); $.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
}); });
$("ul#menu li:eq(0)").click(function() {
$("div#menu ul li:eq(0)").click(function() {
sval.start(); sval.start();
}); });
$("ul#menu li:eq(1)").click(function() {
$("div#menu ul li:eq(1)").click(function() {
$.getJSON("/sess/", $.proxy(sess.loadJSON, sess)); $.getJSON("/sess/", $.proxy(sess.loadJSON, sess));
}); });
$("ul#menu li:eq(2)").click(function() {
$("div#menu ul li:eq(2)").click(function() {
$("#login").removeClass("hide"); $("#login").removeClass("hide");
}); });

4
assets/js/session.js
View File

@ -23,7 +23,7 @@ Session.prototype.loadJSON = function(data)
this.username = data.username; this.username = data.username;
this.eSid.empty().append(this.id); this.eSid.empty().append(this.id);
$("#main span:eq(0)").empty().append(" " + this.username);
$("#main p:eq(1) span:eq(0)").empty().append(" " + this.username);
this.draw(); this.draw();
if (0 < this.timeleft) if (0 < this.timeleft)
@ -70,7 +70,7 @@ Session.prototype.stop = function()
this.username = ""; this.username = "";
this.eSid.empty().append(this.id); this.eSid.empty().append(this.id);
$("#main span:eq(0)").empty().append(" " + this.username);
$("#main p:eq(1) span:eq(0)").empty().append(" " + this.username);
this.draw(); this.draw();
} }

102
assets/style/taskrambler.css
View File

@ -20,7 +20,6 @@
font-family: old_newspaper; font-family: old_newspaper;
} }
body { body {
color: rgb(42,44,40); color: rgb(42,44,40);
background-color: rgb(52,54,50); background-color: rgb(52,54,50);
@ -46,7 +45,89 @@ h3 {
text-decoration: underline; text-decoration: underline;
} }
div.main {
hr {
height: 10px;
border: none;
background: url(/image/rambler-border-t.jpg);
}
div.border {
padding: 0px;
margin: 0px;
}
div.border div {
padding: 0px;
margin: 0px;
}
div.border div.tl {
float: left;
width: 10px;
height: 10px;
background: url(/image/rambler-border-tl.jpg);
}
div.border div.t {
float: left;
width: 250px;
height: 10px;
background: url(/image/rambler-border-t.jpg);
}
div.border div.tr {
float: left;
width: 10px;
height: 10px;
background: url(/image/rambler-border-tr.jpg);
}
div.border div.l {
clear: left;
float: left;
width: 10px;
height: 250px;
background: url(/image/rambler-border-l.jpg);
}
div.border div.img {
float: left;
background: url(/image/rambler-border-tr.jpg);
}
div.border div.r {
float: left;
margin-right: 20px;
width: 10px;
height: 250px;
background: url(/image/rambler-border-r.jpg);
}
div.border div.bl {
clear: left;
float: left;
width: 10px;
height: 10px;
background: url(/image/rambler-border-bl.jpg);
}
div.border div.b {
float: left;
width: 250px;
height: 10px;
background: url(/image/rambler-border-b.jpg);
}
div.border div.br {
float: left;
width: 10px;
height: 10px;
background: url(/image/rambler-border-br.jpg);
}
#page {
top: 50px; top: 50px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
@ -56,12 +137,18 @@ div.main {
border: 1px solid black; border: 1px solid black;
} }
div.main h1 {
#page h1 {
text-align: center; text-align: center;
font-size: xx-large; font-size: xx-large;
font-family: old_newspaper; font-family: old_newspaper;
} }
#main a {
text-decoration: none;
font-weight: bold;
color: rgb(42,44,40);
}
#title { #title {
width: 677px; width: 677px;
margin-left: auto; margin-left: auto;
@ -123,9 +210,18 @@ div.main h1 {
color: rgb(255,253,200); color: rgb(255,253,200);
} }
#menu ul li span {
cursor: pointer;
}
#menu ul li a { #menu ul li a {
text-decoration: none; text-decoration: none;
color: rgb(255,253,200); color: rgb(255,253,200);
} }
#main a {
text-decoration: none;
font-weight: bold;
}
// vim: set ft=css ts=4 sw=4: // vim: set ft=css ts=4 sw=4:
Write Preview
Loading…
Cancel
Save