some additions to the project page

12 years ago · 7ba8e72588
16 changed files with 241 additions and 76 deletions
--- a/assets/html/author.html
+++ b/assets/html/author.html
@ -9,7 +9,7 @@
 	</head>

 	<body> 
-		<div class="main">
+		<div id="page">
 			<div id="title">
 				<a href="/main.html">
 					<div class="left">
@ -35,13 +35,24 @@
 				<div class="clear"></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>

+				<hr />
 				<p class="abstract">
 					<span class="author">[GH]</span>
 					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
 					always difficult to write something about myself.
 				</p>
+				<hr />

 				<br /><br /><br /><br /><br /><br />

--- a/assets/html/documentation.html
+++ b/assets/html/documentation.html
@ -4,12 +4,12 @@

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 	<head>
-		<title>Taskrambler - Author</title>
+		<title>Taskrambler - Documentation</title>
 		<link rel="stylesheet" type="text/css" href="/style/taskrambler.css">
 	</head>

 	<body> 
-		<div class="main">
+		<div id="page">
 			<div id="title">
 				<a href="/main.html">
 					<div class="left">
@ -35,13 +35,15 @@
 				<div class="clear"></div>
 			</div>

-			<div>
+			<div id="main">
 				<h1>Documentation</h1>

+				<hr />
 				<p class="abstract">
 					<span class="author">[GH]</span>
 					This has to be written and will come in future.
 				</p>
+				<hr />

 				<br /><br /><br /><br /><br /><br />
 			</div>
--- a/assets/html/download.html
+++ b/assets/html/download.html
@ -4,12 +4,12 @@

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 	<head>
-		<title>Taskrambler - Author</title>
+		<title>Taskrambler - Download</title>
 		<link rel="stylesheet" type="text/css" href="/style/taskrambler.css">
 	</head>

 	<body> 
-		<div class="main">
+		<div id="page">
 			<div id="title">
 				<a href="/main.html">
 					<div class="left">
@ -35,14 +35,16 @@
 				<div class="clear"></div>
 			</div>

-			<div>
+			<div id="main">
 				<h1>Download</h1>

+				<hr />
 				<p class="abstract">
 					<span class="author">[GH]</span>
 					Here you will find links to snapshots, but please
 					keep in might that this is an unfinished project.
 				</p>
+				<hr />

 				<br /><br /><br /><br /><br /><br />
 			</div>
--- a/assets/html/example.html
+++ b/assets/html/example.html
@ -3,24 +3,66 @@
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 	<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/taskrambler.css">
 		<script type="text/javascript" src="/js/jquery.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/init.js"></script>
 	</head>
+
 	<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>
+			</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">
 					Session: <span></span><br />
 					<canvas width="100px" height="3px"></canvas>
 				</div>
+
 				<div id="login" class="hide">
 					<form>
 						<label for="username">username</label>
@ -30,6 +72,7 @@
 						<input type="submit" />
 					</form>
 				</div>
+
 				<div id="randval" class="hide">
 					<span class="small">
 						Value created at: <br />
@ -38,13 +81,12 @@
 					</span>
 					Value: <span></span>
 				</div>
-		<div id="main">
-			<h1>Testpage</h1>
-			Welcome<span></span>!!!<br />
-			<a href="/foo.html"><img src="/image/waldschrat.jpg" /></a>
-		</div>
+
 				<hr />
 				<div id="msg"></div>
+				<hr />
+			</div>
+		</div>
 	</body>
 </html>

--- a/assets/html/main.html
+++ b/assets/html/main.html
@ -9,7 +9,7 @@
 	</head>

 	<body> 
-		<div class="main">
+		<div id="page">
 			<div id="title">
 				<a href="/main.html">
 					<div class="left">
@ -35,13 +35,14 @@
 				<div class="clear"></div>
 			</div>

-			<div>
+			<div id="main">
 				<img
 					style="float:left;margin-right:10px;"
 					src="/image/rambler-logo-small.jpg" />

 				<h1>Taskrambler</h1>

+				<hr />
 				<p class="abstract">
 					<span class="author">[GH]</span>
 					Welcome to taskrambler, the multi user task organization
@ -49,17 +50,34 @@
 					is difficult and I really don't know whats going on at
 					the moment this tool might be helpful.
 				</p>
+				<hr />

 				<br />

 				<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>
 				&nbsp;&nbsp;The plan is to build a multi user task
 				management system inspired by 
-				<a href="http://taskwarrior.org/projects/show/taskwarrio">
+				<a
+					href="http://taskwarrior.org/"
+					target="_blank">
 					taskwarrior</a>.
 				Users may log in and manage the tasks they have to do.
 				Priorize them, assign them to projects, track the time
@ -81,33 +99,22 @@
 				on a project.
 				</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>

 				<p>
 				&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>

 				<h2>History</h2>
 				
 				<p>
 				&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
 				feel experienced enough to face this problem. But anyway, 
 				it made me curious. Curious if I would be able to write an
@ -136,7 +143,9 @@
 				<p>
 				&nbsp;&nbsp;Approximately at the same time I started working
 				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.
 				I thought what about making something like this but for
 				multiple users. It is pretty clear to you what you need for
@ -172,7 +181,9 @@

 				<p>
 				&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 
 				Axel-Tobias Schreiner. It has some really interesting
 				concepts in it but goes a step to for for my taste with
--- a/assets/image/rambler-border-b.jpg
+++ b/assets/image/rambler-border-b.jpg
--- a/assets/image/rambler-border-bl.jpg
+++ b/assets/image/rambler-border-bl.jpg
--- a/assets/image/rambler-border-br.jpg
+++ b/assets/image/rambler-border-br.jpg
--- a/assets/image/rambler-border-l.jpg
+++ b/assets/image/rambler-border-l.jpg
--- a/assets/image/rambler-border-r.jpg
+++ b/assets/image/rambler-border-r.jpg
--- a/assets/image/rambler-border-t.jpg
+++ b/assets/image/rambler-border-t.jpg
--- a/assets/image/rambler-border-tl.jpg
+++ b/assets/image/rambler-border-tl.jpg
--- a/assets/image/rambler-border-tr.jpg
+++ b/assets/image/rambler-border-tr.jpg
--- a/assets/js/init.js
+++ b/assets/js/init.js
@ -9,15 +9,15 @@ $(document).ready(function() {
 		$.getJSON("/sessinfo/", $.proxy(sess.loadJSON, sess));
 	});

-	$("ul#menu li:eq(0)").click(function() {
+	$("div#menu ul li:eq(0)").click(function() {
 		sval.start();
 	});

-	$("ul#menu li:eq(1)").click(function() {
+	$("div#menu ul li:eq(1)").click(function() {
 		$.getJSON("/sess/", $.proxy(sess.loadJSON, sess));
 	});

-	$("ul#menu li:eq(2)").click(function() {
+	$("div#menu ul li:eq(2)").click(function() {
 		$("#login").removeClass("hide");
 	});

--- a/assets/js/session.js
+++ b/assets/js/session.js
@ -23,7 +23,7 @@ Session.prototype.loadJSON = function(data)
 	this.username = data.username;

 	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();
 	if (0 < this.timeleft)
@ -70,7 +70,7 @@ Session.prototype.stop = function()
 	this.username = "";

 	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();
 }
--- a/assets/style/taskrambler.css
+++ b/assets/style/taskrambler.css
@ -20,7 +20,6 @@
 	font-family: old_newspaper;
 }

-
 body {
 	color:            rgb(42,44,40);
 	background-color: rgb(52,54,50);
@ -46,7 +45,89 @@ h3 {
 	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;
 	margin-left:      auto;
 	margin-right:     auto;
@ -56,12 +137,18 @@ div.main {
 	border:           1px solid black;
 }

-div.main h1 {
+#page h1 {
 	text-align:  center;
 	font-size:   xx-large;
 	font-family: old_newspaper;
 }

+#main a {
+	text-decoration: none;
+	font-weight:     bold;
+	color:           rgb(42,44,40);
+}
+
 #title {
 	width:        677px;
 	margin-left:  auto;
@ -123,9 +210,18 @@ div.main h1 {
 	color:            rgb(255,253,200);
 }

+#menu ul li span {
+	cursor: pointer;
+}
+
 #menu ul li a {
 	text-decoration: none;
 	color:           rgb(255,253,200);
 }

+#main a {
+	text-decoration: none;
+	font-weight:     bold;
+}
+
 // vim: set ft=css ts=4 sw=4: