Author |
Message |
klu9
Joined: 27 Jun 2007 Posts: 345
|
Posted: Sat 17 Nov 2007, 15:06 Post subject:
Redesign of wiki front page Subject description: what do you think? |
|
I think the front page of the wiki could be better at presenting essential info to first-time visitors; so I've experimented with a redesign. What do you think?
Existing front page:
A redesign I did:
Edit: the above link will take you to the latest version of the page; th e original redesign can be accessed here.
It's bland but, IMHO, has several advantages over the existing one:
- doesn't overload visitor with names and links for lots of programs that are not in Puppy.
- has a larger number of helpful Puppy links yet without getting too confusing; they are broken into clear, logical categories.
- no html, just wiki code so easier to edit, hopefully
comments? suggestions?
Last edited by klu9 on Sun 18 Nov 2007, 18:55; edited 1 time in total
|
Back to top
|
|
 |
darrelljon

Joined: 08 Apr 2007 Posts: 555
|
Posted: Sat 17 Nov 2007, 15:51 Post subject:
|
|
I think languages should be along the top. And installing Flash should feature prominently as it seems to be the main thing people want to do.
|
Back to top
|
|
 |
cb88

Joined: 28 Jan 2007 Posts: 1169 Location: USA
|
Posted: Sat 17 Nov 2007, 16:34 Post subject:
|
|
personally I like how all the topics are equal..... and the languages section is easy to fine anyway
_________________ Taking Puppy Linux to the limit of perfection. meanwhile try "puppy pfix=duct_tape" kernel parem eater.
X86: Sager NP6110 3630QM 16GB ram, Tyan Thunder 2 2x 300Mhz
Sun: SS2 , LX , SS5 , SS10 , SS20 ,Ultra 1, Ultra 10 , T2000
Mac: Platinum Plus, SE/30
|
Back to top
|
|
 |
craftybytes

Joined: 17 Nov 2006 Posts: 298 Location: QLD AUSTRALIA
|
Posted: Sun 18 Nov 2007, 03:01 Post subject:
|
|
I like the new layout - gives proportion & viewability & better useability..
Could use a bit of colour though - maybe pale yellow/cream every alternate topic..!!
Just my 2 c's worth..
crafty.
.
_________________ 3 x boot:- ASROCK VIA 'all-in-one' m/b; AMD Duron 1.8Ghz+; 1.0GB RAM; 20GB hdd (WinXP Pro); 80GB hdd (MEPIS 3.4-3/Puppy v2.15CE Frugal); 1GB USB pendrive (Puppy 2.15CE Frugal); CD/DVDRW; 17" LCD monitor; HSF 56k modem... MEPIS is great.. Puppy ROCKS..
|
Back to top
|
|
 |
Lobster
Official Crustacean

Joined: 04 May 2005 Posts: 15554 Location: Paradox Realm
|
Posted: Sun 18 Nov 2007, 10:06 Post subject:
|
|
two other alternatives that you can edit
http://puppylinux.org/wikka/LoFSandBox
http://puppylinux.org/wikka/SandBox
_________________ Puppy on Raspberry Pi Release Candidate
Puppy Links Page http://www.smokey01.com/bruceb/puppy.html 
|
Back to top
|
|
 |
klu9
Joined: 27 Jun 2007 Posts: 345
|
Posted: Sun 18 Nov 2007, 18:21 Post subject:
|
|
craftybytes wrote: | I like the new layout - gives proportion & viewability & better useability..
Could use a bit of colour though - maybe pale yellow/cream every alternate topic..!!
Just my 2 c's worth..
crafty.
. | yeah, it's not very colourful. The existing page uses HTML tables and color tags; mine uses only wikki wakka wiki code floating boxes, which only come in light blue.
I only know minimal HTML, and I suspect the same for many who might contribute to the wiki. The more HTML used, the more difficult I think it will be for anyone to just chip in with a contribution, an update or other edit.
EDIT: wikkawakka tables seem useless as a layout tool, because you can't put any links or do any formatting in them. And floating boxes tend to... float about when I edit them, screwing things up. maybe HTML is the way to go...
darrelljon wrote: | And installing Flash should feature prominently as it seems to be the main thing people want to do. | yeah, maybe a "frequent requests" or "Common tasks" box with Flash, WiFi etc.
@anyone:
can the wiki search box be at the top of the page, not the bottom?
|
Back to top
|
|
 |
klu9
Joined: 27 Jun 2007 Posts: 345
|
Posted: Sun 18 Nov 2007, 18:51 Post subject:
|
|
I know I'm the one who introduced floating boxes into the design, but the more I use them, the more they annoy me.
If I do any editing or tweaking, I never know where the boxes will be positioned. Sometimes 5 on the left, 5 on the right; sometimes 4 on the left & 6 on the right. Depends on page width & god knows what else. It's a lottery.
wikkawakkwiki tables are no good either. no linking or formatting allowed inside them.
html tables need even more coding than wikkawakkawikiwhatevathafakka, or an external html coding program (both of which defeat the point of a wiki).
So I dumped all that and went with a single "column". Guaranteed to be even blander now , but a hell of a lot easier to edit and to get an expected result.
DOWNSIDES: bland, lot of space wasted
UPSIDES: easy-peasy to edit, gets the basics in there, no surprises depending on window width/height
I wish the puppy wiki had easier, functional tables, like pbwiki.
|Here's|three|columns|
|and|three|rows|
|in|pbwiki|code|
anyways here they are:
|
Back to top
|
|
 |
headfound

Joined: 24 Jun 2006 Posts: 375 Location: England
|
Posted: Sun 18 Nov 2007, 19:58 Post subject:
|
|
if you want to change the color of the tables or anything, you need to link to a new .css file.
I've had a look and the code for the color of the boxes is here
Code: | /*---Specific Styles ---*/
.clear {clear:both;}
.comments {display: none;}
.floatl {float: left; width: 48%; margin: 0.5%; padding: 0.5%; background:
#EEE;}
.floatr {float: right; width: 48%; margin: 0.5%; padding: 0.5%;
background: #EEE;} |
The important bit being '.floatl .... background: #EEE
#0033FF gives a nice blue for example!
the .css file for the wikka is here
http://puppylinux.org/wikka/css/wikka.css
so you would need to save it as a new one like 'my.css' and upload it into the same folder eg http://puppylinux.org/wikka/css/
then in the head of the page you are editing, change this
Code: | <link rel="stylesheet" type="text/css" href="css/wikka.css" /> |
to this
Code: | <link rel="stylesheet" type="text/css" href="css/my.css" /> |
then the page will reflect your differences!
If someone wants me to attempt to hack at a custom .css i am willing to help (no promises). Do i just register? Does that give you full access to upload/editing html etc?
*Added example wikka page in attachment*
open with firefox to see different color scheme. The .css file is in the folder, compare with the 'live' css file to see color code changes (just five).
Description |
Example web page of wikka, open with firefox
|

Download |
Filename |
wikkaexample.zip |
Filesize |
13.74 KB |
Downloaded |
599 Time(s) |
_________________ Download a better Computer
Puppy Linux Song
www.letterbyletter.co.uk
Last edited by headfound on Mon 19 Nov 2007, 08:08; edited 1 time in total
|
Back to top
|
|
 |
Lobster
Official Crustacean

Joined: 04 May 2005 Posts: 15554 Location: Paradox Realm
|
Posted: Mon 19 Nov 2007, 00:10 Post subject:
|
|
Raffy is the person to contact to upload css
another index type page you can edit
http://puppylinux.org/wikka/about
formatting wiki
http://puppylinux.org/wikka/FormattingRules
_________________ Puppy on Raspberry Pi Release Candidate
Puppy Links Page http://www.smokey01.com/bruceb/puppy.html 
|
Back to top
|
|
 |
raffy
Joined: 25 May 2005 Posts: 4843 Location: Manila
|
Posted: Mon 19 Nov 2007, 00:53 Post subject:
upload css Subject description: pronto |
|
If you can send css file to me at or attach it here, that file will be in there in no time.
I've been thinking of getting easy html into the wiki pages, so your suggestions will be welcome.
_________________ Puppy user since Oct 2004. Want FreeOffice? Get the sfs (English only).
|
Back to top
|
|
 |
headfound

Joined: 24 Jun 2006 Posts: 375 Location: England
|
Posted: Mon 19 Nov 2007, 07:56 Post subject:
|
|
Thanks Lobster and Raffy. I really like the layout of the 'about' page you linked to, its very clean and uncluttered!
I can easily add custom color boxes to css, I would just need to know what colors people are likely to use often (adding too much code will obviously slow page loading!).
Code: | .floatl {float: left; width: 48%; margin: 0.5%; padding: 0.5%; background:
#EEE;} |
is the normal left float box but i could add
Code: | .floatl1 {float: left; width: 48%; margin: 0.5%; padding: 0.5%; background:
#ffcc33;} |
(notice I have simply added a 1 after .floatl and changed the color to ffcc33)
now if you can edit the html to call class=floatl1 instead of class=floatl , you will get a orangey box without affecting the normal boxes. I would need to put in code for left and right boxes so more colors = more code.
_________________ Download a better Computer
Puppy Linux Song
www.letterbyletter.co.uk
|
Back to top
|
|
 |
klu9
Joined: 27 Jun 2007 Posts: 345
|
Posted: Mon 19 Nov 2007, 14:43 Post subject:
|
|
wow that other About page is great; that's like a whole new wiki!
changed my main page to link to that instead of AboutPuppy.
CSS
that deals with the colours, but what about layout? is there a way to format the page into columns that won't require people to know html when they edit the content?
PS I notice that other about page and its subsequent pages are all html. When I tried to update some links using wiki code, it didn't work. Which defeats this quote from that page:
Quote: | Why this page?
...
This page is part of Wiki and you are welcomed to add anything you think relevant. Click 'Edit Page' at the end of a page edit it (or double-click a page if your browser support Javascript). To learn more take a look at this WIKI Howto... |
yes I managed to update the links but it took 6~10 times as long.
PPS and there are a LOT more links that need updating; to threads on the old forum, to goosee.com etc.
|
Back to top
|
|
 |
headfound

Joined: 24 Jun 2006 Posts: 375 Location: England
|
Posted: Mon 19 Nov 2007, 15:58 Post subject:
|
|
Css is supposed to be used to control all page formatting (but rarely is).
The html page is supposed to be plain text with calls to the css file, which contains layout and color data. Of course you can still use html code as well, but then its not compliant.
When viewing the wikki in Firefox, go to view/page style and click 'no style'. This shows the plain data without formatting.
As I said above, I can put together a css with multiple options for color and formatting if needed but it will take longer for the pages to load. Perhaps a better option would be 2 or 3 different css files with different layouts but all color options?
_________________ Download a better Computer
Puppy Linux Song
www.letterbyletter.co.uk
|
Back to top
|
|
 |
Wosh

Joined: 09 Jul 2007 Posts: 60 Location: Nuremberg Germany
|
Posted: Thu 22 Nov 2007, 18:37 Post subject:
The Wikka should get a clear Tree Structure Subject description: Information within the current wikka is spread to wide |
|
The new appraoch is much less confusing than the current. Me I like the design of http://puppylinux.org/wikka/LoFSandBox.
But what I am really missing is a simple tree structure for the information provided. Some items can found within CategoryCategory some are found within PuppyHardware and all these topics branch from PuppyLinux.
So my suggestion is:
1. The main page should be the starting point to a table of content of the wikka with a clear structure. The Forum index is a rather good example how it could look like.
Other items of main page should be:
2. A help item how to use the wikka.
3. A link to the Forum .
4. A link to the Puppy Home Page.
But there should not be to much points diverting the user from the wikka.
The current design involves the following risks:
1. Information is not found.
2. Information is entered twice at two different points.
3. The user is distractated by topics that have not much to do with the wikka itself.
Wosh
|
Back to top
|
|
 |
raffy
Joined: 25 May 2005 Posts: 4843 Location: Manila
|
Posted: Fri 23 Nov 2007, 07:32 Post subject:
front page experiments |
|
LoF has been experimenting on the wiki front page, and I saw that he is having problems with RSS . The wiki's codes are still 1.1.6.0, so am not confident if the RSS will work now. I can probably upgrade to the new codes, but it will take 1-2 weeks of cautious work. And I have not used RSS yet, sorry.
_________________ Puppy user since Oct 2004. Want FreeOffice? Get the sfs (English only).
|
Back to top
|
|
 |
|