new design for kerneljanitors.org?

Good evening,

One might argue that a corporate design is long overdue for the various linux-kernel projects ;-)

So while the heat in germany hinders me from doing sophisticated kernel stuff, I gave the old kerneljanitor webpage a design based on the kernel.org site (just took me 30 minutes).

A first version can be found at http://veeck.dyndns.org/

There are of course two things which I need to know:

- your comments and thoughts about such a change, especially from Domen Puncer since he is the official maintainer. I did not make any changes to the content, but there seems to be a need for refreshing it too. For instance the link to "Acme's original Janitor TODO list" is not valid anymore.

- the permission of the kernel.org-webmaster (or whoever owns the copyright to their stylesheet) to use and modify their css-file. Is it alright from your side?

So, who wants to start the bashing? ;-)

Just in case that the dyndns-service isn't reachable I also put the design on http://veeck.de/janitor/

Good evening,

One might argue that a corporate design is long overdue for the various linux-kernel projects ;-)

So while the heat in germany hinders me from doing sophisticated kernel stuff, I gave the old kerneljanitor webpage a design based on the kernel.org site (just took me 30 minutes).

A first version can be found at http://veeck.dyndns.org/

There are of course two things which I need to know:

- your comments and thoughts about such a change, especially from Domen Puncer since he is the official maintainer. I did not make any changes to the content, but there seems to be a need for refreshing it too. For instance the link to "Acme's original Janitor TODO list" is not valid anymore.

- the permission of the kernel.org-webmaster (or whoever owns the copyright to their stylesheet) to use and modify their css-file. Is it alright from your side?

So, who wants to start the bashing? ;-)

Have a cool night

Michael Veeck

One might argue that a corporate design is long overdue for the various linux-kernel projects ;-)

So while the heat in germany hinders me from doing sophisticated kernel stuff, I gave the old kerneljanitor webpage a design based on the kernel.org site (just took me 30 minutes).

A first version can be found at http://veeck.dyndns.org/

So, who wants to start the bashing? ;-)

hello michael,

Quoted 2 lines · Michael Veeck

One might argue that a corporate design is long overdue for the various linux-kernel projects ;-)

well i'm not conviced by this premis.
i like a lot the baby penguin for the kernelnewbies project. every project has his own choices.

Quoted 5 lines

So while the heat in germany hinders me from doing sophisticated kernel stuff, I gave the old kerneljanitor webpage a design based on the kernel.org site (just took me 30 minutes).

A first version can be found at http://veeck.dyndns.org/

as domen pointed already out the current version is more compact. also aboves looks much more rudimentary and we don't have a nice kernel banner to display on the top that is worth for 99% of the kernel.org visits. :)
btw. i'm quite happy to learn that kernel.org design is moving.

current design was done by Randy Dunlap.
it should validate as html 4.01. i agree that tables shouldn't be used as design elements (but div layers) and that it should move to xhtml. it's still on my todo list but without much priority.
so if you would achieve same design but newer code working for browser mozilla Seamonkey >= 1.0 and ie >= 5.0 that would be great.

Hi everybody, I'm back with a new proposal for the kerneljanitor-website. Highlights this time:

- looks exactly (99%) as the existing one, keeping the compact design
- 1% difference due to minor text-cleanups
- 100% XHTML 1.1, no more table-mess
- 100% CSS, making it more flexible than the previous one

Again it can be found at http://veeck.de/janitor/

Quoted 8 lines · On Sat, 16 Jul 2005 16:33:51 +0200 Michael Veeck wrote:

Hi everybody, I'm back with a new proposal for the kerneljanitor-website. Highlights this time:

- looks exactly (99%) as the existing one, keeping the compact design
- 1% difference due to minor text-cleanups
- 100% XHTML 1.1, no more table-mess
- 100% CSS, making it more flexible than the previous one

Quoted 1 line

Again it can be found at http://veeck.de/janitor/

Hi Michael,

I'm in favor of removing the link to "Randy's patchsets" since they are ancient history. Proably same for Maximilian's patchsets.

Just under that, the link to the kernel bugzilla database is not underlined for me (firefox 1.0.4), while all other links are underlined... ??

I like this neat, compact format.

If it makes sense, I would suggest adding a recent tutorial that I did on Linux kernel development styles and social/behavioral engineering:
http://www.madrone.org/mentor/linux-mentoring.pdf

---
~Randy

Quoted 14 lines · randy_dunlap

Quoted 9 lines · On Sat, 16 Jul 2005 16:33:51 +0200 Michael Veeck wrote:

Hi everybody, I'm back with a new proposal for the kerneljanitor-website. Highlights this time:

- looks exactly (99%) as the existing one, keeping the compact design
- 1% difference due to minor text-cleanups
- 100% XHTML 1.1, no more table-mess
- 100% CSS, making it more flexible than the previous one

Again it can be found at http://veeck.de/janitor/

Quoted 5 lines

Hi Michael,

I'm in favor of removing the link to "Randy's patchsets" since they are ancient history. Proably same for Maximilian's patchsets.

"Tytso's 2.4 TODO" is obsolete too, I guess.

Quoted 3 lines

Just under that, the link to the kernel bugzilla database is not underlined for me (firefox 1.0.4), while all other links are underlined... ??

Nope, that's just the hyperlink-visited behaviour, I guess you were there before, while you dont visit all the other documents so often.

Quoted 6 lines

I like this neat, compact format.

If it makes sense, I would suggest adding a recent tutorial that I did on Linux kernel development styles and social/behavioral engineering:
http://www.madrone.org/mentor/linux-mentoring.pdf

Can do that while I also remove obsolete links.

Quoted 18 lines · On Sat, 16 Jul 2005 17:50:56 +0200 Michael Veeck wrote:

Quoted 15 lines · randy_dunlap

Quoted 9 lines · On Sat, 16 Jul 2005 16:33:51 +0200 Michael Veeck wrote:

Hi everybody, I'm back with a new proposal for the kerneljanitor-website. Highlights this time:

- looks exactly (99%) as the existing one, keeping the compact design
- 1% difference due to minor text-cleanups
- 100% XHTML 1.1, no more table-mess
- 100% CSS, making it more flexible than the previous one

Again it can be found at http://veeck.de/janitor/

Quoted 7 lines

Quoted 5 lines

Hi Michael,

I'm in favor of removing the link to "Randy's patchsets" since they are ancient history. Proably same for Maximilian's patchsets.

"Tytso's 2.4 TODO" is obsolete too, I guess.

Yes.

Quoted 6 lines

Quoted 3 lines

Just under that, the link to the kernel bugzilla database is not underlined for me (firefox 1.0.4), while all other links are underlined... ??

Nope, that's just the hyperlink-visited behaviour, I guess you were there before, while you dont visit all the other documents so often.

I see.

Quoted 7 lines

Quoted 6 lines

I like this neat, compact format.

If it makes sense, I would suggest adding a recent tutorial that I did on Linux kernel development styles and social/behavioral engineering:
http://www.madrone.org/mentor/linux-mentoring.pdf

Quoted 1 line

Can do that while I also remove obsolete links.

Thanks,
---
~Randy

Alrighty then, I uploaded latest website to http://veeck.de/janitor/

Alrighty then, I uploaded latest website to http://veeck.de/janitor/

Small cleanups and added the presentation from IEEE2005.

Best regards
Michael Veeck

Quoted 7 lines · Michael Veeck

Alrighty then, I uploaded latest website to http://veeck.de/janitor/

Small cleanups and added the presentation from IEEE2005.

Best regards
Michael Veeck

Unfortunatley, it doesn't look very good in my Firefox setup, most likley due to the relative positioning of the <div>'s.

See http://www.etek.chalmers.se/~lukass/linnewb/old_style.jpg for a screenshot of how http://veeck.de/janitor/index.html rendered for me at 20:43 GMT 2005-07-16.

I took the liberty of making some improvements to the css and html. You can see the results at http://www.etek.chalmers.se/~lukass/linnewb/

I took the liberty of making some improvements to the css and html. You can see the results at http://www.etek.chalmers.se/~lukass/linnewb/

If it makes sense, I would suggest adding a recent tutorial that I did on Linux kernel development styles and social/behavioral engineering:
http://www.madrone.org/mentor/linux-mentoring.pdf

Quoted 7 lines · Michael Veeck

Alrighty then, I uploaded latest website to http://veeck.de/janitor/

Small cleanups and added the presentation from IEEE2005.

Best regards
Michael Veeck

Unfortunatley, it doesn't look very good in my Firefox setup, most likley due to the relative positioning of the <div>'s.

See http://www.etek.chalmers.se/~lukass/linnewb/old_style.jpg for a screenshot of how http://veeck.de/janitor/index.html rendered for me at 20:43 GMT 2005-07-16.

I took the liberty of making some improvements to the css and html. You can see the results at http://www.etek.chalmers.se/~lukass/linnewb/

The attached diffs show the (fairly small) changes I made.

The only regression, as I see it, is that I had to place the offsite-links before the local- and contact-info in order for the float to work nicely. This makes the offsite links appear before the local and contact when viewed in lynx or with stylesheets enabled.

/Lukas Sandström

------------------------------------------------------------------------

index.html renamed from index-orig.html +25 -28

@@ -14,18 +14,34 @@
     <body>
 
         <div id="header">
-            <img class="padded_left" src="pengsmall.png" alt="Linux Penguin Picture"/>
-            <p>Welcome to The Linux Kernel Janitor Project home page.</p>
+            <img id="penguin" src="pengsmall.png" alt="Linux Penguin Picture"/>
+            <h1>Welcome to The Linux Kernel Janitor Project home page.</h1>
         </div>
 
-        <div id="headtext">
+        <div id="headtext"><p>
        We go through the Linux kernel sources, doing code reviews, fixing up
        unmaintained code and doing other cleanups and API conversion.
-       It is a good start to kernel hacking.
+       It is a good start to kernel hacking.</p>
+        </div>
+        <div id="offsite" class="box">
+            <div class="title"><h2>Offsite Links:</h2></div>
+            <ul>
+                <li><a href="http://coderock.org/kj/">Kernel janitor patchsets</a></li>
+                <li><a href="http://bugzilla.kernel.org/">2.5/2.6 kernel bugzilla database</a></li>
+                <li><a href="http://www.codemonkey.org.uk/projects/git-snapshots/sparse/">Sparse snapshot</a></li>
+                <li><a href="http://smatch.sourceforge.net/">Smatch project</a></li>
+                <li><a href="http://metacomp.stanford.edu/">Stanford Checker</a></li>
+                <li><a href="http://developer.osdl.org/cherry/compile/">2.6 Linux IA-32 compile statistics</a></li>
+                <li><a href="http://www.osdl.org/projects/26lnxstblztn/results/">2.6 Linux stabilization project</a></li>
+                <li><a href="http://www.linuxdevices.com/articles/AT5340618290.html">Writing portable device drivers</a> - Linux Journal article by Greg Kroah-Hartman</li>
+                <li><a href="http://people.redhat.com/arjanv/olspaper.pdf">How to NOT write a device driver</a> - OLS2002 paper by Arjan van de Ven</li>
+                <li><a href="http://developer.osdl.org/rddunlap/doc/scale-3x-kj-v5.pdf">Randy's KJ presentation at SCALE 2005</a></li>
+                <li><a href="http://archive.linuxsymposium.org/ols2003/Proceedings/All-Reprints/Reprint-Melo-OLS2003.pdf">ACME's KJ presentation at OLS 2003</a></li>
+                <li><a href="http://www.madrone.org/mentor/linux-mentoring.pdf">Linux Kernel Development: Getting Started</a> - IEEE Northcon 2005 paper by Randy Dunlap </li>
+            </ul>
         </div>
-
         <div id="local" class="box">
-            <div class="title">Local Information:</div>
+            <div class="title"><h2>Local Information:</h2></div>
             <ul>
                 <li><a href="http://kerneljanitors.org/TODO">The current TODO list</a></li>
                 <li><a href="http://kerneljanitors.org/README">The project README file</a></li>

@@ -38,7 +54,7 @@
         </div>
 
         <div id="contact" class="box">
-            <div class="title">Contact Information:</div>
+            <div class="title"><h2>Contact Information:</h2></div>
             <ul>
                 <li>
                      <dl>

@@ -60,29 +76,11 @@
             </ul>
         </div>
 
-        <div id="offsite" class="box">
-            <div class="title">Offsite Links:</div>
-            <ul>
-                <li><a href="http://coderock.org/kj/">Kernel janitor patchsets</a></li>
-                <li><a href="http://bugzilla.kernel.org/">2.5/2.6 kernel bugzilla database</a></li>
-                <li><a href="http://www.codemonkey.org.uk/projects/git-snapshots/sparse/">Sparse snapshot</a></li>
-                <li><a href="http://smatch.sourceforge.net/">Smatch project</a></li>
-                <li><a href="http://metacomp.stanford.edu/">Stanford Checker</a></li>
-                <li><a href="http://developer.osdl.org/cherry/compile/">2.6 Linux IA-32 compile statistics</a></li>
-                <li><a href="http://www.osdl.org/projects/26lnxstblztn/results/">2.6 Linux stabilization project</a></li>
-                <li><a href="http://www.linuxdevices.com/articles/AT5340618290.html">Writing portable device drivers</a> - Linux Journal article by Greg Kroah-Hartman</li>
-                <li><a href="http://people.redhat.com/arjanv/olspaper.pdf">How to NOT write a device driver</a> - OLS2002 paper by Arjan van de Ven</li>
-                <li><a href="http://developer.osdl.org/rddunlap/doc/scale-3x-kj-v5.pdf">Randy's KJ presentation at SCALE 2005</a></li>
-                <li><a href="http://archive.linuxsymposium.org/ols2003/Proceedings/All-Reprints/Reprint-Melo-OLS2003.pdf">ACME's KJ presentation at OLS 2003</a></li>
-                <li><a href="http://www.madrone.org/mentor/linux-mentoring.pdf">Linux Kernel Development: Getting Started</a> - IEEE Northcon 2005 paper by Randy Dunlap </li>
-            </ul>
-        </div>
-
         <div id="footer">
             <a href="http://validator.w3.org/check?uri=referer">
-                <img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1!" height="31" width="88" class="padded_left"/>
+                <img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML 1.1!" height="31" width="88" id="valid_xhtml"/>
             </a>
-            <p>page last modified 07-16-2005</p>
+            <p id="lastmod">page last modified 07-16-2005</p>
         </div>
 
     </body>
 
 
------------------------------------------------------------------------

style.css renamed from style-orig.css +25 -11

@@ -3,8 +3,13 @@ body {
         color: #000000;
         font-size: 12pt;
         font-family: verdana, arial, helvetica, sans-serif;
+        margin: 0 auto;
+        margin-top: 10px;
+        width: 910px;
+}
+#penguin {
+        float: left;
 }
-
 #header {
         border-collapse: collapse;
         border-style: solid;

@@ -20,7 +25,9 @@ body {
         margin-left:    auto;
         margin-right:   auto;
 }
-
+#header h1 {
+        font-size: 12pt;
+}
 #headtext {
         border-collapse: collapse;
         border-style: solid;

@@ -37,22 +44,19 @@ body {
 }
 
 #local {
-        position:relative; left:-189pt;
         width: 400px;
 }
 
 #contact {
-        position:relative; left:-252px; top: -10px;
         width: 400px;
 }
 
 #offsite {
-        position:relative; left: 204px; top: -362px;
         width: 495px;
+        float: right;
 }
 
 #footer {
-        position:relative; left: 500px; top: -330px;
         font-size:  0.7em;
 }
 

@@ -60,10 +64,15 @@ div.title {
         padding-top: 2px;
         padding-bottom: 2px;
         width: 100%;
+
+        background-color: #000000;
+}
+.title h2 {
         text-align: center;
         font-weight: bold;
-        background-color: #000000;
+        font-size: 12pt;
         color: #ffffff;
+        margin: 0;
 }
 
 div.box {

@@ -76,10 +85,10 @@ div.box {
         background-color: #ffffff;
 
         text-align: center;
-        vertical-align: text-top; 
+        vertical-align: text-top;
 
         padding: 0px;
-        margin: 1em auto;
+        margin-bottom: 10px;
 }
 
 a:link {

@@ -106,12 +115,17 @@ a:hover {
         font-weight: bold;
 }
 
-img.padded_left { 
+#valid_xhtml{
         position:      relative;
         border:        0px;
         float:         left;
 }
-
+#lastmod {
+        float: right;
+}
+p {
+        margin: 0;
+}
 ul {
         list-style-type: none;
         margin:  0px;

@@ -119,10 +133,10 @@ ul {
         border:  0px;
 }

Looks good. Now we would need someone with an older version of IE to test it. Anyone here who can provide such service?

Quoted 2 lines · Michael Veeck

Looks good. Now we would need someone with an older version of IE to test it. Anyone here who can provide such service?

Don't have been tested on other browser than Firefox 1.0.6

Quoted 3 lines · Christophe Lucas

Quoted 2 lines · Michael Veeck

Looks good. Now we would need someone with an older version of IE to test it. Anyone here who can provide such service?

jumping into the tread again, don't have a qemu handy atm. but will retest next week on monday.

Quoted 1 line

Don't have been tested on other browser than Firefox 1.0.6

don't want to flame you,
but you can't bet on the users having the latest hyped thingy around. a webpage should look nice for any mozilla >= 1.0 (yes the old suite) and ie >= 5.5. they both have already some basic css support.

i agree that the browser of the 4th generation aka netscape 4.x and ie 4.x can be ignored due too very low percentage of global usage and their lack of basic css support.

that's not too much of an effort.
i'm sure you have other browsers around.

Quoted 2 lines · Michael Veeck

Looks good. Now we would need someone with an older version of IE to test it. Anyone here who can provide such service?

Perhaps, it could help :)
- http://odie.mcom.fr/~clucas/kernel/kj_web_site/
- http://odie.mcom.fr/~clucas/kernel/kj_web_site/index-kj.html

Don't have been tested on other browser than Firefox 1.0.6

Have a nice day,
- Christophe ([email protected])

Hi everybody,

after looking a bit more at how CSS works I want to propose the second revision of my rework of the kerneljanitors-homepage.
[...]

On 11/1/05, *Michael Veeck* <[email protected] <mailto:[email protected]>> wrote:

Hi everybody,

after looking a bit more at how CSS works I want to propose the second revision of my rework of the kerneljanitors-homepage. [...]

Great work, nice rendering with Firefox beta2.
2 comments:
- On my display, with the classic CSS, the title is split, I got the
word "page" all alone written just below the pingouin.
- Maybe you can adjust the fonts size. Just my feeling, but I found the
title too small and the normal text too big, especially the links in bold.

Regards,

Signature · 2 lines

Jerome Pinot
http://ngc891.blogdns.net/

Quoted 4 lines · Michael Veeck

[...]
So if you have the time (and some skill) why not try to design your own css-file and show us how the page can look a lot more different ;-) ?

Diff to standard CSS:

---8<----

style.css.new 2005-11-01 23:19:54.000000000 +0900 renamed from style.css 2005-11-01 22:52:38.000000000 +0900 +4 -8

@@ -3,7 +3,7 @@
         margin-left: auto;
         margin-right: auto;
         font-family: verdana, arial, helvetica, sans-serif;
-        font-size: 12pt;
+        font-size: 10pt;
         color: #000000;
         background-color: #b0b9ca;
 }

@@ -17,13 +17,14 @@
 }
 
 #headmain {
-        width: 600px;
+        width: 620px;
         border-collapse: collapse;
         border-style: solid;
         border-width: 1px;
         border-color: #000000;
         border-spacing: 1px;
         padding:3px;
+        font-size: 14pt;
         margin-top: 10px;
         margin-left: auto;
         margin-right: auto;

@@ -107,6 +108,7 @@
 
 div.title {
         text-align: center;
+        font-size: 12pt;
         font-weight: bold;
         color: #ffffff;
         background-color: #000000;

@@ -128,25 +130,21 @@
 a:link {
         color: #000099;
         text-decoration: underline;
-        font-weight: bold;
 }
 
 a:visited {
         color: #000099;
         text-decoration: none;
-        font-weight: bold;
 }
 
 a:active {
         color: #000099;
         text-decoration: underline;
-        font-weight: bold;
 }
 
 a:hover {
         color: #990000;
         text-decoration: none;
-        font-weight: bold;
 }
 
 ul {
----8<----
 
 
--

Jerome Pinot
http://ngc891.blogdns.net/