Puppy Linux Discussion Forum Forum Index Puppy Linux Discussion Forum
Puppy HOME page : puppylinux.com
"THE" alternative forum : puppylinux.info
 
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 

The time now is Sun 23 Nov 2014, 18:49
All times are UTC - 4
 Forum index » Taking the Puppy out for a walk » Suggestions
Redesign of wiki front page
Moderators: Flash, Ian, JohnMurga
Post new topic   Reply to topic View previous topic :: View next topic
Page 1 of 2 [18 Posts]   Goto page: 1, 2 Next
Author Message
klu9

Joined: 27 Jun 2007
Posts: 345

PostPosted: 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
View user's profile Send private message 
darrelljon


Joined: 08 Apr 2007
Posts: 548

PostPosted: 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
View user's profile Send private message Visit poster's website 
cb88


Joined: 28 Jan 2007
Posts: 1169
Location: USA

PostPosted: 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
View user's profile Send private message Visit poster's website 
craftybytes


Joined: 17 Nov 2006
Posts: 298
Location: QLD AUSTRALIA

PostPosted: 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
View user's profile Send private message 
Lobster
Official Crustacean


Joined: 04 May 2005
Posts: 15117
Location: Paradox Realm

PostPosted: 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

Very Happy

_________________
Puppy WIKI
Back to top
View user's profile Send private message Visit poster's website 
klu9

Joined: 27 Jun 2007
Posts: 345

PostPosted: 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
View user's profile Send private message 
klu9

Joined: 27 Jun 2007
Posts: 345

PostPosted: 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. Evil or Very Mad

wikkawakkwiki tables are no good either. no linking or formatting allowed inside them. Confused

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 Wink , 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
View user's profile Send private message 
headfound


Joined: 24 Jun 2006
Posts: 349
Location: England

PostPosted: 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).

wikkaexample.zip
Description  Example web page of wikka, open with firefox
zip

 Download 
Filename  wikkaexample.zip 
Filesize  13.74 KB 
Downloaded  476 Time(s) 

_________________
Download a better Computer Smile
Puppy Linux Song
altern8life

Last edited by headfound on Mon 19 Nov 2007, 08:08; edited 1 time in total
Back to top
View user's profile Send private message Visit poster's website 
Lobster
Official Crustacean


Joined: 04 May 2005
Posts: 15117
Location: Paradox Realm

PostPosted: 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

Smile

_________________
Puppy WIKI
Back to top
View user's profile Send private message Visit poster's website 
raffy

Joined: 25 May 2005
Posts: 4796
Location: Manila

PostPosted: 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
View user's profile Send private message 
headfound


Joined: 24 Jun 2006
Posts: 349
Location: England

PostPosted: 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 Smile
Puppy Linux Song
altern8life
Back to top
View user's profile Send private message Visit poster's website 
klu9

Joined: 27 Jun 2007
Posts: 345

PostPosted: 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
View user's profile Send private message 
headfound


Joined: 24 Jun 2006
Posts: 349
Location: England

PostPosted: 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 Smile
Puppy Linux Song
altern8life
Back to top
View user's profile Send private message Visit poster's website 
Wosh


Joined: 09 Jul 2007
Posts: 60
Location: Nuremberg Germany

PostPosted: 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
View user's profile Send private message 
raffy

Joined: 25 May 2005
Posts: 4796
Location: Manila

PostPosted: 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. Embarassed
_________________
Puppy user since Oct 2004. Want FreeOffice? Get the sfs (English only).
Back to top
View user's profile Send private message 
Display posts from previous:   Sort by:   
Page 1 of 2 [18 Posts]   Goto page: 1, 2 Next
Post new topic   Reply to topic View previous topic :: View next topic
 Forum index » Taking the Puppy out for a walk » Suggestions
Jump to:  

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Powered by phpBB © 2001, 2005 phpBB Group
[ Time: 0.1047s ][ Queries: 12 (0.0044s) ][ GZIP on ]