VectorLinux

Cooking up the Treats => (Vector-)Linux Artwork => Topic started by: blurymind on June 27, 2007, 06:04:49 am

Title: WebSite Mockups
Post by: blurymind on June 27, 2007, 06:04:49 am
I made a mockup of basically how i think the main website should look like.

bare in mind that this is a WIP and there are buttons to be added,links and other things that are not on their proper places. Also I am adding more white,where i can...When I am ready with the icons,i will upload them somewhere else..

here is ver 0.1
http://blurymind.googlepages.com/vectorlinux-main2

here is mockup ver 0.2
http://blurymind.googlepages.com/vectorlinux-main2.html
Title: Re: WebSite Mockups
Post by: easuter on June 27, 2007, 07:01:25 am
That looks pretty good blurymind!
I like the colors and the layout, though it would be cool if it fit then entire width of the browser window. The RSS feeds for the posts and latest packages is also a very neat idea :)
Title: Re: WebSite Mockups
Post by: |nic| on June 27, 2007, 07:39:54 am
Nice Blurrymind !!

I'm also a little bit into webdesign, if you want some help...

greetz
Title: Re: WebSite Mockups
Post by: rbistolfi on June 27, 2007, 08:43:01 am
That is great blury! Let me know if I can help too  ;)
I agree with Easuter about the width. It will make more space useful for a bigger screenshot.
Do you think about which content manager could be used? I tryed to install the current on my xampp server with no success  >:(.
Title: Re: WebSite Mockups
Post by: blurymind on June 27, 2007, 02:04:14 pm
Thank you guys, I'm trying to make it blend with the scheme of the forum,while bringing some glossiness.

I fixed the width and the layout abit.Added the ads too.

rbistolfi and |nic| > why,you are welcome to help indeed. I'm not sure about the content manager. We can learn from other websites i guess.

You can wget the html file and edit it if you wish.Dont forget,that this is only a mockup. I am not sure whether the managers would like to change the color scheme or the design.

I'n not aiming for full functionality in this mockup,altho i can get it with the help of friends  ::)  For now,my prime goal is to finish the mockup and make it look the way it does in my head.

ToDo:
add buttons for top navigation
Make more (smaller) stripes :P
add extra glossiness and darker shades of blue where possible.

Aim for simplicity. Curent VL website is overcrowded with obsolete links,and its hard to navigate. Simple and beautiful is the goal.

Theme inspiration:
Vl forums' scheme
vec's seamonkey's skin

here is mockup ver 0.2
http://blurymind.googlepages.com/vectorlinux-main2.html

cheers

oh, when ready or closer to functionality, you are welcome to upload it (index2.html  ? still needs some code cleanup ) and change its code to suit vec's forum. Its still not ready, today i made some of the graphics ,tomorow i finish them and upload them.
Title: Re: WebSite Mockups
Post by: rbistolfi on June 27, 2007, 04:26:48 pm
Blury, I just love it. You are doing a great job. I think we could find a content manager flex enough to get a look like your's. Or may be we could develop our own, if there are some php coders avaible  ???. I think a simple database could suite the vl needs. I am not sure how to make the user info avaible from the forum, I can do some reaserch the next week, I have no time rigth now  >:(
I am not sure about this, but maybe you could add three icons, one for Download, one for "how to get help", and one for "how to help to vl". I would like to see that info clearly accesible  for every visitor; but could be hard to find the space. I agree about keeping it simple. I think we can avoid the Anooncements, and just upload a mini-site for each new release, but only if a clear "download" icon is added.
Title: Re: WebSite Mockups
Post by: blurymind on June 28, 2007, 04:59:32 am
well,pclinuxOs is using smf as their forum,and at the main page it shown some information,like "who's online" and "inbox/login/etc"

They are using some nice "rocket" theme,idk...

I think the best announcement way to go is integration with the forum,or a sepparate module,idk.Its up for them to decide,but what I'd love to see is the integration for the user, making the main page usefull will make the users check it more often. Nifty features such as:

*show latest 7-9  posts from the forum are 100% possible to achieve ,using the rss and a web rss reader.The ones at googlepages just suck,so i think we can find one that is GPL  :P
or maybe...
http://www.simplemachines.org/community/index.php?topic=8775.0

*User panel integration with the forum: Just like pclinux Os' , we must find out what are they using and rip it off :P Show number of users online/and usernames igf possible, show wether user is logged in and if so,show inbox messages. Hey they too are using SMF, im googling it out right now..

*Show latest packages from the repo- I am sure that this is possible to achieve,directly taking the uinformation f4rom the ftp of a repo(s). Wolvix has something like that. If not,its still possible to use the web rss-reader+ rss from the forum's section for the "new packages" (which would be a more dynamic choice )

*Rss for the ANNOUNCEMENTS is a must have. I will add Rss button for the announcements at the forum if not possible otherwise  ,altho vec already has a mailing list.

*Link screenshots to TuxMachines

Just look at their website:
http://www.pclinuxos.com/

its so simple and functional.I'd love to check it out each time before i log into the forum. ::)


I am curently still working on the graphics. Also,i have a friend who can do the integration i think,that shows info on main page. I can ask him to help later. ::)

I might have to move the site from googlepages server later on ,since there are some limitation there.

...and even if vec team doesnt want to use a new design,hey- this will make a great vector-fan site,bringing usefull information about the inner-works of the community at one place. :P
Title: Re: WebSite Mockups
Post by: M0E-lnx on June 28, 2007, 05:29:39 am
That looks really kool... good work blurymind
Title: Re: WebSite Mockups
Post by: rbistolfi on June 28, 2007, 09:06:28 am
Looks like the smf integration you like is easy t do  :):

http://www.simplemachines.org/community/ssi_examples.php
Title: Re: WebSite Mockups
Post by: vector on June 28, 2007, 03:17:19 pm
Looks like you guys are serious...........:) I like the mockup too however, for portability I would like to stay with the same cms that the main site presently uses. With the generosity of Masta we have set up a test site with the phpwebsite cms and it's default theme at http://supergamer.org/vl/testsite
which you are welcome to modify to your hearts content. There are also about 100 different themes available which you can find at http://themes.kiesler.at
that can be used as a starting point. The person or persons that want to do the actual site modifications will need to pm Masta or myself and we will supply you with ftp access so files are accesible. Once the site is completed its just a matter of importing it's database to our main webhost and we have a new site.
For site administration from its administration panel please pm me and I'll set up admin accounts for those that want to participate. I am excited about this and if we get enough interest we will set up a seperate section for it on the board.
cheers,
Vec


Title: Re: WebSite Mockups
Post by: rbistolfi on June 28, 2007, 03:35:31 pm
I think there is no problem about keeping the current cms. I think this theme has the same structure of blury's one: http://themes.kiesler.at/index.php?theme=Gemini
Just edit the images and it can looks as the mockups. And looks like it already has some SII.php includes, down and rigth you will find a smf window...I would like to see the source and see if more can be added...
Title: Re: WebSite Mockups
Post by: DrCR on June 28, 2007, 09:56:21 pm
I like the way the packages and posts kinda bleed towards the screen edge in http://blurymind.googlepages.com/vectorlinux-main2 (http://blurymind.googlepages.com/vectorlinux-main2). I don't have a clue when it comes to web stuff, but breaking out and coloring such sections with an overalll layout like http://blurymind.googlepages.com/vectorlinux-main2.html would be a joy to summerize at a glance. Not crazy about the zebra stripeing though, just doen't seem to fit the site and forums.

Title: Re: WebSite Mockups
Post by: metvas on June 28, 2007, 10:59:00 pm
Maybe we could add a theme now that we are on the subject. How would a Vector Linux projects conceived and brought into being as a result of Vector Linux being a part of it. I know several of us do not for profit projects now. We could put an explanation of those projects there, explaining the benefits to the respective Communities It would help VL and help the projects by giving them exposure at the same time. An example would be David Dehls and the Computers for Kidd's program in Reno as well as the computers donated by the Lions Club to the evacuees at the Red Cross Evacuation Center for evacuees from the Angora Fire at South Lake Tahoe.

Regards
Darrell
PS The VL box should be seen when the page loads.
Let me know if I can help know up to DHTML beyond that ?
Title: Re: WebSite Mockups
Post by: blurymind on June 30, 2007, 01:39:13 am
Thanks for the interest and support.
I talked a friend into this (who has the experience and skills to do it) and we started working on it. My job now is easier,because i have to make the logo and a bunch of buttons (or finish them). He will do the coding (the thing he is good at). At first he was against csm,but somehow i managed to talk him into doing it.
He too is using vector linux and would love to contribute back to the comunity with this website.

We might take a cms theme and then modificate it to suit our tastes. :)
It will take a while tho.I will inform you of the progress. :)
Title: Re: WebSite Mockups
Post by: rbistolfi on June 30, 2007, 06:54:44 pm
I was looking into the SSI.php file (it is installed by default on the root dir of smf) to do what we want about site-forum integration.
The first thing to do is to link the file, we need to add this on the top of the website page:

Code: [Select]
<?php require("/path/SSI.php"); ?>
And then...

Quote
*show latest 7-9  posts from the forum are 100% possible to achieve ,using the rss and a web rss reader.The ones at googlepages just suck,so i think we can find one that is GPL  Tongue
or maybe...
http://www.simplemachines.org/community/index.php?topic=8775.0

Code: [Select]
<?php ssi_boardNews($board null$limit 5$start null$length null$output_method 'echo'); ?>
This will show the last 5 posts of the forum. We can modify the original function to show just the subject.

Quote
*User panel integration with the forum: Just like pclinux Os' , we must find out what are they using and rip it off Tongue Show number of users online/and usernames igf possible, show wether user is logged in and if so,show inbox messages. Hey they too are using SMF, im googling it out right now..

For this you can use:

Code: [Select]
<?php ssi_login(); ?>
<?php ssi_welcome(); ?>
<?php ssi_whosOnline(); ?>
<?php ssi_logout(); ?>
This will show the login section, your nick and new messages notification, who is online, and the logout link.

Quote
*Show latest packages from the repo- I am sure that this is possible to achieve,directly taking the uinformation f4rom the ftp of a repo(s). Wolvix has something like that. If not,its still possible to use the web rss-reader+ rss from the forum's section for the "new packages" (which would be a more dynamic choice )

Here we can use the first function with some mods, setting $board = "whatever_package_news_board" to link to the new packages section from the forum, and once again, we need to find the way to limit the output to the subject of the topic. Hmm, I think that can be done with $output_method = ´array´ instead $output_method = ´echo´...
Title: Re: WebSite Mockups
Post by: Monty67 on August 11, 2007, 06:37:22 pm
Love the screen shots.

As an aside, and hopefully the cms supports it, could we turn on the rss feed for the site? I know alot of people, like myself, who spend alot of time using bloglines, googlereader, etc etc and not going to sites unless their reader tells them something is new.

Just my $.02.

Again sorry for the tangent
Title: Re: WebSite Mockups
Post by: blurymind on August 12, 2007, 12:03:48 am
Love the screen shots.

As an aside, and hopefully the cms supports it, could we turn on the rss feed for the site? I know alot of people, like myself, who spend alot of time using bloglines, googlereader, etc etc and not going to sites unless their reader tells them something is new.

Just my $.02.

Again sorry for the tangent
this was my idea too..

Sadly i dont know cms well..  :( I can only make a simple html or php site and integrate ti with the forum. My friend and I don't want to use cms. We find it limiting..
But i'm still doing the layout/design part, so expect to see more mockups with better looks ...
Title: Re: WebSite Mockups
Post by: Xeon on August 25, 2007, 07:34:57 am
After toe-nail surgery i've done nothing but programming last week. I feel in the php mood again  ;D

I am not really in the mood to go write a complicated cms theme. Some CMS'es do everything to make writing code as complicated as possible. If the cms has been coded following semantic rules, its even possible to recode the interface from the css files. Most systems still use a mix of some unreadable template file and css to color the text.

I'd prefer writing the core of the site itself as well. It's basically what I have been doing for 2 other sites this week.
If you need me for some classes/functions/interfaces/develop server/whatsoever, call me.
Title: Re: WebSite Mockups
Post by: rbistolfi on August 25, 2007, 07:48:53 am
I think we should state what is needed in a long term. May be a re-write is the best choice, and VL needs are not very complicated. A simple cms will do the job and looks like there is enough manpower to do it. May be we dont need a database at all and some txt files could store all the info we need. If we really need to stay with the current cms, I think some themes on the link given by vec are better than the current. Some of them are more easy to tweak, since they are more close to the blury's nice ideas.
Would be great to have a new site for vl 6.
Title: Re: WebSite Mockups
Post by: Xeon on August 25, 2007, 07:52:33 am
Storing everything in text files = evil

Besides, storing everything in text files is exactly not thinking on long terms. What if we become the next fedora in 2 months and the traffic explodes? A database will go a bit slower, in the end maybe crash and auto reboot. Text files cause a dieing harddisk and all sorts of vulnerabilities when timeouts pass without the text file being opened.
Generally, most php configurations even disable the filesystem functions.
Title: Re: WebSite Mockups
Post by: rbistolfi on August 25, 2007, 08:00:36 am
Yeah, may be you are right. But keep in mind we are looking for a forum integration, so the smf db will do the job most of the time. But you are right about we need to supose the best scenario and that would be vl in the top. Indeed a database will be needed if that happens  :P

BTW, txt files are cool to me, simple php blog works great for example, and some databases just store data in txt files. If complex sql querys are not needed, I tend to prefer txt files. You need a fast hd though, and a low traffic of course. But agree a database will suite better vl needs at the future.
Title: Re: WebSite Mockups
Post by: Xeon on August 25, 2007, 08:07:46 am
What we could do of course:
* Make a forum news in SMF (something like distro releases) and make the news system from the homepage gather its news there. For making some new item it would be enough to write a new forum topic.

* The rest of the pages seem quiet stable to me so no db/text files are needed in those parts.

Title: Re: WebSite Mockups
Post by: rbistolfi on August 25, 2007, 08:12:22 am
What we could do of course:
* Make a forum news in SMF (something like distro releases) and make the news system from the homepage gather its news there. For making some new item it would be enough to write a new forum topic.

* The rest of the pages seem quiet stable to me so no db/text files are needed in those parts.



I was thinking in something like that, probably the best choice and the better: very easy to keep an updated website and the job of a webmaster would be trivial.
Title: Re: WebSite Mockups
Post by: Xeon on August 25, 2007, 08:16:11 am
It would indeed move the stress from the site to the forum, where basically everything is going on. In fact the site should be a nice looking reflection from the forum.

The query for it should be piece of cake, since basically all forum systems use the same database layout
Title: Re: WebSite Mockups
Post by: rbistolfi on September 25, 2007, 08:16:11 am
I was thinking about making a search tool for packages, like those in slacky.eu or linuxpackages.net
Sometimes I download packages at work or whatever (when the size is too big) and since I am not at my VL box, I cant use slapt-get --search. What do you think, guys? Would be useful to have a search box for packages at the website? The search script could use the PACKAGES.TXT file as data source.
Title: Re: WebSite Mockups
Post by: blurymind on September 25, 2007, 10:30:34 am
this is a really good idea, rbistolfi. I must include it now.

Please be patient guys. I am still working this month, so my site project is still frozen.
I really wanna put this thing together,but i might also need some coding help.
I got a very valuable feedback from you.
With this and some help of a friend or irc, i think this will be possible to achieve in a day or two when i get the free time.  ;D

so expect to see it soon,only this time functional...

But i wonder, if the file is not on VL's ftp, then how would the forum integration work?
I need to know the full path to the ssi.php file.
Title: Re: WebSite Mockups
Post by: exeterdad on September 25, 2007, 12:05:44 pm
Quote
I was thinking about making a search tool for packages
Of course!  Why hasn't anyone thought of that before?  Not only would it be useful to get packages.  It would be useful for someone who was checking out VL and wondering what packages we include.  It would help sell our distro to many who might be too chicken to download a ISO and give us a shot.
Title: Re: WebSite Mockups
Post by: Joe1962 on September 25, 2007, 12:37:14 pm
Quote
I was thinking about making a search tool for packages
Of course!  Why hasn't anyone thought of that before?
Actually, something like this was requested a while back... ;)
Title: Re: WebSite Mockups
Post by: rbistolfi on September 26, 2007, 06:35:32 am
Actually, something like this was requested a while back... ;)

Sorry Joe, I didnt notice your request before...

Well, I am a very bad coder, but I will try to do it. I will post my code and may be you guys can help me to clean it and improve it. I will start with something very simple with PACKAGES.TXT and hopefully I will improve it with the time.

A question: should we have a mysql database for packages? That could allow to build more powerful querys if needed. I think we can make a script in php for build a database from packages.txt. So adding the info to it should be easy. It should have all the data slapt-get already uses, plus the data added by vpackager (pkgr id, ./configure, etc), so we can take borrowed the table structure from slapt-get and add any info useful for repo maintenance, like dates and things like that. But the question is: we need something like this?

Also, if there something from this kind you think can help to package / repo maintainers may be is the time to jump in ;).

this is a really good idea, rbistolfi. I must include it now.
i might also need some coding help.

As I said, I am basically a bad coder, but I dont feel embarrassed posting that crappy code. It always can be improved or inspire some ideas in more brilliant minds. So, let me know and I will do my best.

But i wonder, if the file is not on VL's ftp, then how would the forum integration work?
I need to know the full path to the ssi.php file.

Well, it is usually in the root of smf. I tried to reach it with no luck. Or the file doesnt exist, or we have no permissions for read it. I think no harm can be done if read permissions are given, because that file gives access to already public sections of the forum only, but may be I am wrong, I will do some reaserch. May we can have from an admin temporary access to that file?
Title: Re: WebSite Mockups
Post by: Joe1962 on September 26, 2007, 07:23:54 am
Actually, something like this was requested a while back... ;)

Sorry Joe, I didnt notice your request before...
Err... no, it wasn't me. I simply remembered the long discussion about it... ;)
Title: Re: WebSite Mockups
Post by: rbistolfi on September 26, 2007, 09:00:26 am
Actually, something like this was requested a while back... ;)

Sorry Joe, I didnt notice your request before...
Err... no, it wasn't me. I simply remembered the long discussion about it... ;)

Oh, must be before I joined the forum. but do you like the idea? I think is a useful addition. And if people dont use it, is just a little box in a side... so no harm. ::)

But the database is another story. It needs a little more work. I think can be useful for package managing, repo maintenance, etc. You could access very quick to package info, such as package location, packager info, build scripts, dates of updates and versions, ./configure used, deps, etc. If this is useful, the search tool can use this more rich info instead the one in packages.txt and take advantages from the sql language. If this is not needed, well I could just make a simple search tool based on the pkg.txt file.
Title: Re: WebSite Mockups
Post by: rbistolfi on September 27, 2007, 05:21:24 pm
Well, not too much input on this...  ::)
I will start to work on the search tool for the website and we can see if it is a useful tool. I think I can have a minimal version to test in a few days.
Title: Re: WebSite Mockups
Post by: Xeon on September 30, 2007, 06:01:39 am
I don't have the time to code it, I got 5 other php projects pending that have to be distributed.

Just one hint, don't make a PHP cron to fetch PACKAGES.TXT into a database.
Title: Re: WebSite Mockups
Post by: rbistolfi on September 30, 2007, 10:19:37 am
I don't have the time to code it, I got 5 other php projects pending that have to be distributed.

Its ok, I will do it. I think it t is simple enough for me, and I can optimize it with time. Good luck with your projects.

Quote
Just one hint, don't make a PHP cron to fetch PACKAGES.TXT into a database.

Oh, no, I just proposed, if a database is useful, to make a script to ran once time, and then work with the database from there. I think we dont have to put much stress to that file, I understand it is important for slapt-get. Anyway, seems like a database is not needed at all, so no problem there.
Title: Re: WebSite Mockups
Post by: blurymind on October 01, 2007, 06:01:09 am
definatelly the package builder,taken with vasm,vl-hot and many other things put vector aside of the other distros. These innovations and little bonus additions make a distro interesting to the mainstream.I noticed that distros today always tend to try to put as much as possible things to make themselfs unique.In many cases features that are not as useful as this here.When officially out,its gonna cause a buzz around vec,im sure of that...But the website still lacks any kind of information about the new and unique features of vector linux.For that reason,i am thinking of making a little presentation page,where to highlight these features. When vl6 is officially out,i think of writing (with nice screenshots) about vl-hot,vasm,vpackager,vl-installer,and everything else that only vec has at a small "features overview" page,like the one at linuxmint:

we should have a "whats new in latest version" page too:
http://linuxmint.com/celena.html

the presentation page can even have youtube presentation links,voiced by the author of the application...thats if he/she is willing to make one,i am gonna include a link to it. It can be presentation and a tut,and can be made with wink,instead of being captured and voiced (like the ones they have at puppy linux)... definatelly content to highlight features.

the website is crucial for the distro's popularity.Our current website doesnt look good enough and lacks some things.

I am sorry for the delay and i am still working on its template+a presentation of features page (maybe link to it from "discover the difference..." ) :P

With Vec6,we are gonna hit it mainstream.
Title: Re: WebSite Mockups
Post by: rbistolfi on October 07, 2007, 05:19:07 pm
Hi guys!
I was able to setup a search tool for testing purposes here (http://www.caleuautopartes.com.ar/temp/vectorlinux/includes/templates/search.php).

It is a very simple tool. It has no fancy features like logical operators or things like that, but I think it works and it can find what you are looking for. I will describe it: the script takes the PACKAGES.TXT file and split the content in several parts, one for each package section. Then it can compare your keyword with each package section, and return the results. It can search in a specific portion of the text too, as in pkg description, pkg name, pkg required, and ./configure if available (vpackager adds this to the description, I think is useful). The tool is made for the user to find packages, of course, but I think it can be useful for packagers and advanced users, since you can find the command build for some package, the list of packages depending on other package, etc...

This is not a full setup, since it will search just in vl5.8std testing repo, I will try to add the others repos in the next days, that is easy...

Well, I am open for any comment, even if it is somethink like "you should find another way to spend your time" or something like that  ;D

PS: dont worry, it is not using the real packages.txt file.
Title: Re: WebSite Mockups
Post by: newt on October 07, 2007, 06:56:33 pm
Hi guys!
I was able to setup a search tool for testing purposes here (http://www.caleuautopartes.com.ar/temp/vectorlinux/includes/templates/search.php).
I think you've done a FANTASTIC job at creating a search tool for VL's package lists; it even has visual appeal!!  This idea is truely an added bonus and would be useful for any user of VL.  I like the toggle options you've included and can see how having more would be useful.  For instance, toggle options to search the various repos (i.e. packages, patches, extras, testing, unstable) with the "safe" ones selected by default.  Another suggestion would be to add somekind of visual "break" between the packages results (maybe as easy as a horizontal rule or perhaps a more visually appealing image rule).  Also, I noticed that when no results are found the text that's returned is in spanish and the slogan says 'discover de difference'.  Last, is VectorLinux one or two words?  All this time I've thought it was one word but now I see distrowatch has us as 'vector' and I see two words on your search page.

Any way, you've done a great job in such little time.
Cheers!!
Title: Re: WebSite Mockups
Post by: exeterdad on October 08, 2007, 05:30:03 am
Great work my friend  :)

I like how you made it link to the package and the folder it resides in. Very slick.
I like the "almost" invisible Vector Linux text in the background of the Vector Linux graphic.
Title: Re: WebSite Mockups
Post by: blurymind on October 08, 2007, 08:44:00 am
this search tool is awesome- both graphically appealing and efficient

would be great if it had a drop-down list of all the repos avaiable for search
Title: Re: WebSite Mockups
Post by: rbistolfi on October 08, 2007, 09:28:07 am
Thank you very much guys!

I like the toggle options you've included and can see how having more would be useful.  For instance, toggle options to search the various repos (i.e. packages, patches, extras, testing, unstable) with the "safe" ones selected by default.

Yes, I was thinking about just perform a search on all the repos availables, and present the results with a title like "X matches found in testing" or something like that. I will find the way to add some stuff not filling the hole page with checkboxes and selects.

Quote
Another suggestion would be to add somekind of visual "break" between the packages results (maybe as easy as a horizontal rule or perhaps a more visually appealing image rule).

Some css will do it, in a very light color perhaps.

Quote
Also, I noticed that when no results are found the text that's returned is in spanish

:) It is a tool made by a spanish speaker for spanish speakers, no just kidding  ;D, I forgot to do the trans  ::)

Quote
and the slogan says 'discover de difference'.
 

 :-[ After 2 AM I just speak in spanglish  :D

Quote
Last, is VectorLinux one or two words?  All this time I've thought it was one word but now I see distrowatch has us as 'vector' and I see two words on your search page.

I have no idea, I found myself writing it sometimes as one and sometime as two words.

this search tool is awesome- both graphically appealing and efficient

would be great if it had a drop-down list of all the repos avaiable for search

Thanks Blury, said by guy who can draw! ;) I will keep this one  :D. I didnt want to present it  as a white paper and added some color. I will keep working in the layout. Anyway, the final look should be the same as the website one.

Great work my friend  :)

I like how you made it link to the package and the folder it resides in. Very slick.
I like the "almost" invisible Vector Linux text in the background of the Vector Linux graphic.

Thanks Exeter! The link was a hard job for me, I worked several days to "cut" the right words from the text to build the link, but damn, it feels good when finally works!

Title: Re: WebSite Mockups
Post by: rbistolfi on October 08, 2007, 09:32:10 am
Something to fix: if you check more than one box and the query gives results in all the checked categories, it will repeat the results (try, for example, "gettext" with a few boxes checked.
Title: Re: WebSite Mockups
Post by: newt on October 08, 2007, 11:56:33 am
Good catch (rodrigo, correct?)!!

One idea for the duplicate listing issue would be to construct a multidimensional array of the results and then apply a modified array_unique function that can handle multidimensional arrays to scrub out the dupes.  But there are probably many other ways to deal with the same issue - just an idea.

Also, re-applying the search text/options when results are displayed would be great.  Just another idea.

Thanks again - it really does look/work great!
Title: Re: WebSite Mockups
Post by: rbistolfi on October 08, 2007, 12:24:43 pm
Good catch (rodrigo, correct?)

Thats correct :)

Quote
One idea for the duplicate listing issue would be to construct a multidimensional array of the results and then apply a modified array_unique function that can handle multidimensional arrays to scrub out the dupes.  But there are probably many other ways to deal with the same issue - just an idea.

Thanks I will look into it, something like $results[pkg_name][n...] could work. I think array_unique() can do it, since the entrys are exactly the same.

Quote
Also, re-applying the search text/options when results are displayed would be great.  Just another idea.

That is in the todo list already, should be easy since there is some open source functions around to do it, we dont need to reinvent the wheel here (is not open source great? :))

Thank you very much for the input.
Title: Re: WebSite Mockups
Post by: newt on October 08, 2007, 12:49:06 pm
Quote
Also, re-applying the search text/options when results are displayed would be great.  Just another idea.
That is in the todo list already, should be easy since there is some open source functions around to do it, we dont need to reinvent the wheel here (is not open source great? :))

Thank you very much for the input.
The way I've re-applied post/get data back to a form was just to add an if statement to the value attribute, or checked attribute.
For instance:
Code: [Select]
Assuming you don't extract($_GET)....

for text fields:
<input type="text" name="keyword" value="<?php if ( isset($_GET['keyword']) ) { echo $_GET['keyword']; } ?>" />

for checkbox fields:
<input type="checkbox" name="data[]" value="PKG_NAME" <?php if ( isset($_GET['data']) && in_array('PKG_NAME'$_GET['data']) ) { echo "checked"; } ?> />

Hope this helps!
Title: Re: WebSite Mockups
Post by: rbistolfi on October 08, 2007, 01:24:48 pm
It does thank you. I was thinking in something like that. I see you can do it with javascript too, but I prefer the server side if possible. The client can always have javascript disabled.
Title: Re: WebSite Mockups
Post by: exeterdad on October 10, 2007, 11:05:29 am
rbistolfi:

Your nifty gizmo has already proved useful to me.  I'm working on some packages for VL5.9, and was building some needed deps.  I wanted to see if the deps needed have been built for 5.8 or if they were later versions.  So I went to your search thingie and WHAM.  I knew the answers.

You rock my friend!
Title: Re: WebSite Mockups
Post by: rbistolfi on October 10, 2007, 11:20:16 am
I am very glad Exeter! Seriously, I thougth in packagers and power users looking for useful info about packages and the way they were built. I am very happy this is useful in this way. I hope I can add the full 5.8 repo soon. And adding the 5.9 repo could be good too. Its really easy, but I am short of time right now, and I lost my internet connection a few month ago at home (I am at work right now). I hope the provider can fix it soon.
Thank you very much for your kindness.
Title: Re: WebSite Mockups
Post by: rbistolfi on October 11, 2007, 08:13:15 am
Hi guys, I keep working on this. The duplicated results issue is not solved yet. I cant isolate the problem, array_unique() and similar array functions did not work. I cant find the differences in both array positions so I cant explain why. I am cleaning the code so hopefuly will be more easy to me to find out the problem. I will upload some improvements when I can. The code is cleaner now and it  runs a little faster, and I am adding the others 5.8 repos now. I got an apache+php package for my PDA (a Zaurus Collie) so I can work on this even in the bus (or the train, I take it more often) :D.
Title: Re: WebSite Mockups
Post by: rbistolfi on October 13, 2007, 08:37:29 pm
Hi, I was able to upload some improvements, same link. (http://www.caleuautopartes.com.ar/temp/vectorlinux/includes/templates/search.php)
Let me know what you think ;)
Title: Re: WebSite Mockups
Post by: blurymind on November 18, 2007, 01:22:56 pm
I worked on the graphic files,trying out various variations. For the code i am going to pester a friend who knows more php than me.

Also,added link button to the Package search utility:

Vectorlinux ver4
http://blurymind.googlepages.com/vectorlinux-main4.html

variations of the logo+buttons:
http://blurymind.googlepages.com/vl-top.png
http://blurymind.googlepages.com/vl-top2.png

I also have one with a blue globe.

Decided that it will be silly to use VL's official emblem there,since it is already used everywhere else (including a couple of inches lower)  ::)
I am also working on a better looking rocket (more distinks colors,smoother shape)

Links on the big logo (navigation) will work later on. I am thinking into using java/flash to make drop down menus for the navigation.

About > VL flavours
            >how is vector different from the others
            >changes in the latest version ( a page to collect info about whats changed in latest version,new things, package versions in it (link to distrowatch  :P for that maybe?)...
           >Maybe these can be put on one place and about to link to it directly. Less locations>simple site>better navigation

Download> directly link to dl page (flavours,torrents,mirrors)

community> VL Forum
                   > VL chat
                    >VL wiki
                   >or link only to VL forum.We already have the links to those places

Search> package search
               >forum search
              >wiki search
              >Or only link to Package search, we already have the links to those places elsewhere.
           

My goals: Make the main page prettier
Add more info as a whole
make it more usefull and well organised
drastically simplify it
Title: Re: WebSite Mockups
Post by: Dweeberkitty on November 18, 2007, 01:26:30 pm
Looks good, go with the blue globe. The gold thing doesn't fit. You might want to consider a completely different graphic than the globe thing, possibly, VL's default logo? I see you did that with vl-top2.png but the gold color needs to go. Keep it up!
Title: Re: WebSite Mockups
Post by: blurymind on November 18, 2007, 01:34:48 pm
as i said above,we already have Vl's logo all over the place.I want to experiment with another graphic.Its use it or lose it  ;) but still open to suggestions/ideas... ::)
Dont you like the golden globe? I think it looks marvelous with the stars and ads shiny color to the blue. There is almost no contrast if everything is blue,and yellow goes well with blue. :P

if you want to innovate,you have to experiment , lets decide about the globe color with a poll and see which is better,eh? But the poll should be outside the forum,open to people. Lets say at kde-look or xfce-look.There is a voting system,aint it?
Title: Re: WebSite Mockups
Post by: rbistolfi on November 18, 2007, 06:30:43 pm
Excellent work Blury! I like the golden globe with the V. I think the gold gives a nice variation and contrast with the blue. The rocket looks nice, perhaps you can use it in other place.
Metvas suggested to incorporate green to the vl color scheme, I think is a good idea, if you use a green closer to the blue.
Perhaps we have to find a way for organizing the info and improve the use of the screen size. There is a lot going on in VL, as vpackager, and vasmCC. Some writing about those things could be good. We have nice writers in the forum. One section I would like to see is something like "Meet the developers". Some kind of report or interview a bit technical, about the vl system. Goals and special features of the distro. What and why something is different or special in the vl system. I am looking for some exposure in google ;). The multimedia bonus disc is something to mention too. An article like "Multimedia editing in Linux" is a good way to appear in google searches and attract new users. When you have a problem and you do some googling, Gentoo is always there. Well, I am thinking in something like that. Once the site is up, could be good to write something like "Web developing in Linux", we provide the packages, the "know how", etc.
Just some ideas.   

Quote
I am thinking into using java/flash to make drop down menus for the navigation.

I like the idea of drop downs menus in those places, but I prefer some css + javascript.

Quote
My goals: Make the main page prettier
Add more info as a whole
make it more usefull and well organised
drastically simplify it

The goals are perfect, the last one specially.
Title: Re: WebSite Mockups
Post by: exeterdad on November 18, 2007, 06:36:37 pm
Quote
css + javascript
Agreed.  Pure Css is best, but with javascript if needed to make IE play nice.  The Tri-fecta buttons are the best IMO.  It's triple Google bait.
Title: Re: WebSite Mockups
Post by: blurymind on November 19, 2007, 05:08:29 am
Here is a mockup of the VL-Projects page:
http://blurymind.googlepages.com/vectorlinux-projects.html

Also thought up a more live news interaction for the main page. It will be made in 3 parts:

http://blurymind.googlepages.com/vectorlinux-main5.html

>distro overview+ a screenshot
>Latest avaiable version overview (whats new-->links)
>Vector Linux Planet: Show the latest 3 or 4 blog posts of active vecteloper's blogs. For that we will need vectelopers who are willing to write news reports for what they are doing and whats cooking up under the hood lately. The posts should have entertaining value as well- news from the linux world could be included.  ;D

Sepparatedly we should have a http://Planet.Vectorlinux.com page that shows more than 3 or 4 vecteloper blog posts,where we can have meet the developers interviews. I can also link to project's leader blog at the VL-Projects page.
I will link to VL-project page from main page's latest distro release announcement.
We can use avaiable blogging systems or set up our own. blogger is not bad.

I let this to be decided by those who are willing to write for it.

One other main goal: Make the main page dynamic and changing rapidly with new content,so people keep checking it.This is one way to do it and get some of the crowd of the forum to check on the page as well.  ;) Active content.

Also- need i remind you fellas how important the website is for a distro? Its like the book cover, the presentation of the product,its everything!
I am curently looking for more coding help to make these mockups functional and clean up their code. Curently they are just mock ups. The final idea is not formed completely,so open for suggestions.
There are some things to be ironed out in the layout and the design. I am working on the graphic files.
Title: Re: WebSite Mockups
Post by: rbistolfi on November 19, 2007, 03:00:33 pm
I gave a quick shot to the drop down menu. I just took one from dynamicdrive.com and made some customizations.

http://www.caleuautopartes.com.ar/temp/vectorlinux/vlmenu/menu.html
Title: Re: WebSite Mockups
Post by: GrannyGeek on November 19, 2007, 07:23:32 pm
I'm looking forward to the redesign.

To be brief, I like the golden globe but I don't like the rocket ship (is that what it is?) As I look at it, I have no idea what it is. It looks like a growth of some sort. :( And is that a person encased in it? I prefer this one: http://blurymind.googlepages.com/vl-top2.png , though I'm not sure what those electron-like lines around the globe are doing.

I pretty much detest the rounded corners on the Vector Linux banner. Rounded corners say "amateur" to me. I also don't like the striped background in the banner.

Sorry to sound so negative. I know it's a lot of work to do this redesign. I think it's very much needed, as our present Home Page looks very old-fashioned, IMHO.
--GrannyGeek
Title: Re: WebSite Mockups
Post by: rbistolfi on November 19, 2007, 07:45:07 pm
To be brief, I like the golden globe but I don't like the rocket ship (is that what it is?) As I look at it, I have no idea what it is. It looks like a growth of some sort. :( And is that a person encased in it? I prefer this one: http://blurymind.googlepages.com/vl-top2.png , though I'm not sure what those electron-like lines around the globe are doing.

I like both of them, but I prefer the one with the "V" too. I think is a nice variation of the vl logo, and I was wanting to see a non-real globe already. Hmm, I think there is no person there, but we don't have to be realistic, no? I like to think about it as an abstract detail, but perhaps is a window. But lets live that for the author  :)
I though the "electrons" were something like equatorial lines. I like them, they gives a 3d look.

Quote
I pretty much detest the rounded corners on the Vector Linux banner. Rounded corners say "amateur" to me. I also don't like the striped background in the banner.

I think that needs work too, but I looked at it as a draft, I think is a resized image and lost some sharpness, that happens in a work in progress. A suggestion could be just avoid the roundness, and make it look as a full horizontal stripe.

The striped background is indeed something new. Honestly, I love it, but I understand is not for everybody, as Zoroaster   :P.
Title: Re: WebSite Mockups
Post by: blurymind on November 20, 2007, 02:12:07 am
rbistolfi,and grannygeek> thank you for the feedback. I've taken everything into consideration and stripped off the stripes and the rocket:

(http://blurymind.googlepages.com/vl-top-noborders-rocket.png)

Rbistolfi> Sweet  ;D the menu looks nice

I will also make a version with proper borders and maybe do a bit more variations. The borders were a wip indeed.I was going to fix them at the end,but had no time at the time. :P

How about I put some borders on the buttons? :)  Maybe add smaller stripes in the mix..
Title: Re: WebSite Mockups
Post by: rbistolfi on November 20, 2007, 05:53:29 am
I will miss the stripes  :'(
One idea for buttons border would be a big vertical plain button. Something like

|              ||              |
|              ||              |
|              ||              |
|  About    || Download |
|________ ||_________|
Title: Re: WebSite Mockups
Post by: rbistolfi on November 20, 2007, 06:43:42 am
I made one

(http://www.caleuautopartes.com.ar/temp/vectorlinux/vlmenu/images/vl-top3.png)

But I think that is in conflict with the drop down menus  :-\
Title: Re: WebSite Mockups
Post by: blurymind on November 20, 2007, 09:14:46 am
it looks very nic,althop it wont work with drop menus. I like the colors you picked... I agree that its better with stripes,so its two voices to 1 (granny's)... I think that it looks better on the site as a whole,when its wrapped..so i must frame it properly. Maybe without thivk lines..there should be a way to put it in a nice looking bubble.

Maybe the buttons look better without borders, just the fonts... but only when there is frame on th the rest... I must make a couple of new variations,with a diifferent stripe patten.Maybe one that is smaller.

another thing to adress is the Planet icon, with a V,it copies vec's logo,attempting to redesign it.It wasnt my original intention really.I wanted something that doesnt have to do with vec's logo so much,but somehow plays the role of a mascot...the rocket would be good,if the planet didnt stick out so much...or if it had the same golden material for color...

If we copy vec logo,its not going to look very good on the main page,since the logo is already in use a couple of unches bellow...and again at the wallpaper of the screenshot...and again and again... Once is enough and it doesnt have to be on top always..To many V-s is unprofessional to me... and if it did attempt to make a variation of vec's logo ,i would probably work more on it. The blue tone should be touched to look more silverish and go better with the gold.. i think i have one or two ideas at that direction,but i dont think that anybody is looking seriously for a new vl-logo.The curent one is just fine.I agree that a new one will bring more interest to the distro from DW,if its changed...but,idk..
Title: Re: WebSite Mockups
Post by: rbistolfi on November 20, 2007, 09:40:04 am
yeah, perhaps making the background of the drop down as a reflex of the button...
But I agree is a background pattern or the buttons frame, not both.
About the vl logo, I agree we have to put it just once, but I think that one is in the header. The current logo is great, I think the logo is the best of the vl artwork. But refreshing it, I don't know, once a year is a good thing. Always keeping the original idea and structure. If you don't, it becomes part of the background and stop to accomplish it purpose.
I like the bubble version as well.
Title: Re: WebSite Mockups
Post by: metvas on November 20, 2007, 11:01:01 am
Hi Guys:
The price of the VL: PC is $174.00 could you please change that when you get a moment. The vL logo when you are so tired of looking at it your eyes hurt. The public has seen it only once (maybe). We MUST retain the origonal VL logo as is that is our trademark. Great work guys wish I knew more about PHP.
regards
Darrell
Title: Re: WebSite Mockups
Post by: Freeman on November 20, 2007, 11:49:55 am
Nice looking artwork Blurrymind, great ideas Rbistofl ! Especially the golden globe is spectacular to look at... Love it! And the big menubuttons on top have something stylish to it... Keep up the good work, hope to see some of them on the mainpage soon. :)
Title: Re: WebSite Mockups
Post by: hata_ph on January 02, 2008, 02:46:57 am
Today just look up VL website and wow.......a new look for the new year....... ;D ;D ;D

(http://img91.imageshack.us/img91/6563/screenshot1dw3.th.png) (http://img91.imageshack.us/my.php?image=screenshot1dw3.png)
Title: Re: WebSite Mockups
Post by: blurymind on January 02, 2008, 09:43:57 am
i very much like the new website's look.Its leaps ahead of the previous design which was pretty bad.
I like the colors and the logo. Very nice work.

I however have crits.Small things that need to be fixed are:
-center vector linux logo.or bring it to the left. It sits too much to the right,leaving a confusing gap of empty space
-left panel is too wide.There is too much empty space there too

the web2.0 features /integration with forum/community is missing.With that i come to the conclusion that it is already decided not to have it ever. :(

you could have putten it at the place of the left panel menu. Use the space under the top vl to put more navigational buttons if you will. It is in my strong belief that the main page needs features that will make it useful to the registered community members and will be like a window to the community movement inside.So newcomers will see that the waters are deep and there is a rapid stream...instead of a dead update log  ::)

main menu in the left is obsolete,You can put everything up there,and use submenus (java?)

There is no page to show vector's uniqueness: the applications that were written for vector:
*what do they do (each)
*a screenshot (each)
*link to forum (each)
*link to google code page  (each) 
I believe they deserve more love

And is there going to be such a thing as vector-planet. It would be awesome instead of the curent news system you put the latest blog posts by vector devs.That would make the website more interesting,like a newspaper.
Curent news are used to tell about a new releases only.I read the same info at distrowatch  ::)
Title: Re: WebSite Mockups
Post by: rbistolfi on January 15, 2008, 08:39:29 pm
I made a few improvements to the search tool. You can take a look here. (http://www.caleuautopartes.com.ar/temp/vectorlinux/pkg_search/search/search.php)
We can search for 5.8, 5.9, and 64 bits packages now :)
You will get some 404 errors sometimes, those are expected ;).
Some packages names are producing an issue. For example Gtk. The name contains a "+" character. I don't know how to handle that kind of symbols with Php, if it is possible at all. The result is I cant turn the package name into a nice link because eregi_replace can't work with the "+" symbol. The issue is minor and you have a link to the container directory right there.
As always, I am open to suggestions, requests, and insults. For example:

Quote from: Slapper
rbistolfi - You are nothing but a half-faced tongueful of malodorous bat.
Title: Re: WebSite Mockups
Post by: blurymind on January 16, 2008, 02:05:03 am
I made a few improvements to the search tool. You can take a look here. (http://www.caleuautopartes.com.ar/temp/vectorlinux/pkg_search/search/search.php)
We can search for 5.8, 5.9, and 64 bits packages now :)
You will get some 404 errors sometimes, those are expected ;).
Some packages names are producing an issue. For example Gtk. The name contains a "+" character. I don't know how to handle that kind of symbols with Php, if it is possible at all. The result is I cant turn the package name into a nice link because eregi_replace can't work with the "+" symbol. The issue is minor and you have a link to the container directory right there.
As always, I am open to suggestions, requests, and insults. For example:

Quote from: Slapper
rbistolfi - You are nothing but a half-faced tongueful of malodorous bat.
hoq about if you put ` or ' or " ....i remember reading about these for bash, wonder if they work for php
Title: Re: WebSite Mockups
Post by: exeterdad on January 16, 2008, 06:07:17 am
I've forgotten so much about PHP that I really need to hit the books from the beginning.

Think this would help?  There are some examples posted at the bottom.
http://www.php.net/manual/en/function.utf8-encode.php

I have no idea what's in your script, but I'm wondering if you could encode, process the data, then decode and send it out to the browser?  I could and probably am waaaaaay off, but maybe that might spark a idea for you.
Title: Re: WebSite Mockups
Post by: rbistolfi on January 16, 2008, 08:17:39 am
hoq about if you put ` or ' or " ....i remember reading about these for bash, wonder if they work for php

AFAIK, there is logical operators in all the programing languages. The minimal language would probably include "if", "p, p', p'', p'''...", and the "AND" operator :D. Seriously, I thought about including "or" and "and", but I don't know if they are really necessary. Anyway hopefully the feature will be included once the basic features are "perfect".

I've forgotten so much about PHP that I really need to hit the books from the beginning.

Think this would help?  There are some examples posted at the bottom.
http://www.php.net/manual/en/function.utf8-encode.php

I have no idea what's in your script, but I'm wondering if you could encode, process the data, then decode and send it out to the browser?  I could and probably am waaaaaay off, but maybe that might spark a idea for you.

Thanks Exeter, that probaby will do it. I will upload the code somewhere, would take just a few seconds but I am always in a rush lately  ::). I have to translate the comments and make some obvious corrections and optimizations, so we don't loose time reporting already addressed issues.
Title: Re: WebSite Mockups
Post by: blurymind on March 12, 2008, 08:45:12 am
i like the new blue site...its dark blue could do with ligher fonts,buts its nice...

but curently there is not much functionality. One can only use it to only to browse a couple of screenshots and download vl-59...

by functionality i mean things that other distro websites have made their distro's famous..the site useful to the distro's users- so they use it as a tool and they visit it,not only the forum but the site itself- to find out what new is going on under the water,to search for packages,to submit back,to be guided as to how they can help the distro ( like   http://www.linuxmint.com/getinvolved.php    )... maybe if you make the site very good you can set it to be homepage by default on the browsers..
Mandriva did that,also linux mint-they set this for homepage when user starts the browser for the first time:
http://linuxmint.com/start/
i wonder if they're making money from google for that

also you could have a gallery:
http://linuxmint.com/mintart/
where users post screenshots of their dekstop at the site- these screenshots are like ads, teasers for new users..and they're upto date with the distro and everything thats new about it dayly.

a good website will spread the word about vector,the website is not only the packaging of the product, its what gets new people to check it out,become part of it

slax and linux mint have a net frontend to their repository- "a software portal" or a "catalog" of sorts:
http://linuxmint.com/software/?sec=category&id=1&release=1

I remember that somebody made a search for packages function but there is no link (or even a box) to it at the site...

also look at sites like frugaware's. Its so simple and minimalistic,but so informative. It has a very nice site navigation (very nicely organised)  and a small "recent updates" box

(btw frugaware- a slackware based distro that uses the pacman+a gui frontend)check it out:
http://frugalware.org/images/screenshots/default/06_gfpm.png
http://frugalware.org/images/screenshots/default/04_gfpm.png

or slax's site:
http://www.slax.org/

its so pretty,simple and beautiful- straightforward too

a package catalog would be nice if vector had a direct way to install packages just by clicking on them and it downloaded needed deps from repo automatically,without the need to start gslapt (the way ubuntu's gdebi... works) I couldnt find an alternative on slackware that does that
Title: Re: WebSite Mockups
Post by: blurymind on April 28, 2008, 10:33:17 am
http://vector2.ecosq.com/

rbistolfi and m-ake are working on this new website,which in my opinion is awesome and should be set as vector's default website.

Please post feedpack or PM if you find any issues.

I give this 10/10 both for usability and design. Awesome work and cheers  ;D
Title: Re: WebSite Mockups
Post by: |nic| on April 28, 2008, 10:45:54 am
That's a really nice website ! I also think it should be used as default website.

keep up the good work !

greetz.
Title: Re: WebSite Mockups
Post by: M-ake on April 28, 2008, 11:40:17 am
Thanks mateys, don't start judging it yet as it is still a work in progress..
I might as well ask some help from community. I need a screenshot of default desktop look of VL soho edition.
Title: Re: WebSite Mockups
Post by: blurymind on April 28, 2008, 02:10:12 pm
Thanks mateys, don't start judging it yet as it is still a work in progress..
I might as well ask some help from community. I need a screenshot of default desktop look of VL soho edition.
sorry guys, i let the cat out of the bag too early... xD

im really sorry,this wont happen again..
Title: Re: WebSite Mockups
Post by: vector on April 28, 2008, 04:56:25 pm
Quote
I need a screenshot of default desktop look of VL soho edition.

This is a work in progress too. But this is where we are at for the moment.

(http://vectorlinux.com/forum2/images/snapshot8.png)

cheers,
Vec
Title: Re: WebSite Mockups
Post by: rbistolfi on April 28, 2008, 05:48:11 pm
wow vec, that is really awesome!
I think I can convince some buddies with this one.
Title: Re: WebSite Mockups
Post by: exeterdad on April 29, 2008, 12:08:18 pm
Site is looking GREAT rbistolfi and M-ake!

I have two suggestions so far....

Screenshots in CD store are not true to the product that is for sale.  This could cause issues.

Left nav with Top nav are identical. Consider choosing one or the other, or linking different content?

Hate saying anything at all...  please don't be offended.  Just some "Brotherly" input. :)
Title: Re: WebSite Mockups
Post by: M-ake on June 14, 2008, 01:07:05 pm
The graphics made for the new website. You may use these within VL community for VL specific needs.

http://upload.snelhest.org/v.php?id=080614previewscreenies.png
http://upload.snelhest.org/v.php?id=080614deluxe.png
http://upload.snelhest.org/v.php?id=080614444peekinside.png
http://upload.snelhest.org/v.php?id=080614download.png
http://upload.snelhest.org/v.php?id=080614download2.png
http://upload.snelhest.org/v.php?id=080614contribute.png
http://upload.snelhest.org/v.php?id=080614goodies.png

Title: Re: WebSite Mockups
Post by: hata_ph on June 14, 2008, 06:22:50 pm
The graphics made for the new website. You may use these within VL community for VL specific needs.

http://upload.snelhest.org/v.php?id=080614previewscreenies.png
http://upload.snelhest.org/v.php?id=080614deluxe.png
http://upload.snelhest.org/v.php?id=080614444peekinside.png
http://upload.snelhest.org/v.php?id=080614download.png
http://upload.snelhest.org/v.php?id=080614download2.png
http://upload.snelhest.org/v.php?id=080614contribute.png
http://upload.snelhest.org/v.php?id=080614goodies.png



WOW...I like the new graphic very much...look modern and pro... :P
Title: Re: WebSite Mockups
Post by: blurymind on June 17, 2008, 02:39:21 pm
just one more thing- how about a FORUM link in the navigation here:
http://vector2.ecosq.com/

or a big fat "forum" button somewhere there.Its really important to have one


I really like the new look,both of the site and vector's desktop design.I think that vec made great leaps in its design since previous versions.
Cheers  ;D
Title: Re: WebSite Mockups
Post by: M-ake on April 06, 2009, 11:30:12 am
With VL6 now using a dark theme I suggest we should update the VL site color scheme to something more a-like.
Mockup:
http://upload.snelhest.org/images/090406mockup_copy.jpg
The banner is unfinished.
Just a suggestion....what say you?
Title: Re: WebSite Mockups
Post by: kidd on April 06, 2009, 12:02:33 pm
I like it very much. 
Btw, I think it's good to have our website theme in consonance with our default desktop. 
It shows community dynamism .

Great job M-ake!
Title: Re: WebSite Mockups
Post by: GrannyGeek on April 06, 2009, 06:08:03 pm
No, no, no, no, no, no, no!!!

I HATE dark backgrounds with white text. It's hard to read. I'll often leave light-on-dark Web sites because I can't stand to look at them.

There seems to some sort of love affair between some Linux users and black/dark backagrounds. I'm constantly seeing these things posted as screen shots of someone's desktop and on Linux backgrounds sites. Fortunately, we have lots of choices. I do like the VL 6 Deluxe background (the lighter version), but I'd never call it a dark background.

I know quite a few people who don't like dark backgrounds on Web pages. Others do like them, but I don't think we should have a Web site that some find a turnoff.
--GrannyGeek
Title: Re: WebSite Mockups
Post by: overthere on April 06, 2009, 10:24:22 pm
So how about putting the banner logo on black then keep the white lettered black tabs and a black strip along the top of the tabbed page and use a lighter color or pattern for the actual page with black text..choose a color or pattern that is in keeping with the nice graphics and blue list near the bottom....did not think my idea of the page would look good on the opera photo page where I put screenshots so just discribing..it may satisfy grannygeeks desire while keep the dark logo design which suits the new look of the desktop..or maby not ...just a penny

cheers
Title: Re: WebSite Mockups
Post by: kidd on April 07, 2009, 01:05:35 am
No, no, no, no, no, no, no!!!

I HATE dark backgrounds with white text. It's hard to read. I'll often leave light-on-dark Web sites because I can't stand to look at them.

It's not about what do we personally like, it's about what we think will give a better look to vl website.

In fact, the design I love most, is the one from http://www.iolanguage.com/ , but I know it's not suitable for any commercial thing, because the rest of the world does not think the same way as me.

Overall, I think theese are good designs.  Obviously, if readability has issues (and that's a good point, granny), we have to make sure everything is ok in the final version.

Title: Re: WebSite Mockups
Post by: overthere on April 07, 2009, 07:16:13 pm
grannygeek do you like this any better..it is still dark but uses black text on a lighter background

Just for fun...nothing I say makes a difference

http://files.myopera.com/dsl-o/albums/550557/mytrymockup_copy.jpg

....the other penny for my two cents worth

cheers
Title: Re: WebSite Mockups
Post by: GrannyGeek on April 07, 2009, 09:39:38 pm
overthere,

I'm sorry to say that I think that one is worse than M-ake's. The reason is that it's even harder to read because there is not enough contrast between the text and the background.

I applaud that you're making an effort and I applaud everyone who is trying to improve the VL site. But I just don't like the direction this is going in.
--GrannyGeek
Title: Re: WebSite Mockups
Post by: GrannyGeek on April 07, 2009, 10:35:23 pm
It's not about what do we personally like, it's about what we think will give a better look to vl website.

I agree. My criticism is precisely that many people don't like dark backgrounds. What I don't want to happen is that someone would be turned off as soon as they laid eyes on the VL site and worst of all, that they'd leave without reading about our wonderful distro. Someone who loves dark backgrounds may think "ho-hum" at first glance, but I don't think they'd leave without reading what's there.

I don't like the banner on the proposed new page at all, but I realize this isn't the final version. I'm not happy with the banner on the current page either. It doesn't use the type style of the VL logo, having "Discover the Difference" reflected is excessive, and the horizontal lines are distracting and busy. I loved the banner we had on the page before the current one. It was elegant and beautiful. Our banner should incorporate our logo for brand identity. I'd be happy with something taken from the VL-Gridwave3 wallpaper or the VL-DLX61 wallpaper (leaving out the "Deluxe").

I don't mean to be too critical. I appreciate everyone's efforts and am sorry I don't have the artistic talent to contribute. I think we all want an attractive page that visitors will want to read.
--GrannyGeek
Title: Re: WebSite Mockups
Post by: M-ake on April 08, 2009, 12:08:21 am
I say thanks everyone for fair feedback and criticism. Having published some paintings on a few art sites, I say it's a hard thing to come by these days.
As far as I see,  some parts of the current website should be addressed as Granny described if community sees fit. As with the dark theme update, lets ice the whole thing for a while.

What I've been trying to do is develop VL graphics, starting with the distro itself (if you've seen my theme pack for VL59). One thing that bugs me is that 'brand recognition' holds us back, from my point of view. One examble being the official VL logo ( http://vectorlinux.com/images/V-world.png/image_preview ) which is way too small to be used for "anything". Wanna create a wallpaper with the official VL logo on it? Nope, you can't..without the logo being a little dot in the corner. Or being scaled bigger until it's pixelated and blurry. I do understand people wanting to create the brand recognition, tho.

Imo, it's better to make unofficial graphics, than to stay shackled in the name of brand recognition. At least you can move forward.


Title: Re: WebSite Mockups
Post by: GrannyGeek on April 08, 2009, 09:07:41 pm
What I've been trying to do is develop VL graphics, starting with the distro itself (if you've seen my theme pack for VL59). One thing that bugs me is that 'brand recognition' holds us back, from my point of view. One examble being the official VL logo ( http://vectorlinux.com/images/V-world.png/image_preview ) which is way too small to be used for "anything". Wanna create a wallpaper with the official VL logo on it? Nope, you can't..without the logo being a little dot in the corner. Or being scaled bigger until it's pixelated and blurry. I do understand people wanting to create the brand recognition, tho.

Imo, it's better to make unofficial graphics, than to stay shackled in the name of brand recognition. At least you can move forward.

The problem with raster graphics is that they can't be resized without loss of quality or pixelization. Could not the Vector logo be vectorized to SVG and EPS so that it could be resized without loss of quality? What about recreating it as raster but in a range of sizes?

I think it would be easier to design wallpaper and banners if we weren't so constrained by the size of the logo. That does leave open the question of redesigning the logo, but at least we'd have something more usable for now.

My Gimp and Inkscape skills are rudimentary or I'd volunteer to see what I could do with vectorizing and creating a range of raster logo images.
--GrannyGeek