Request for assistance (HTML(5))

guest22

Request for assistance (HTML(5))

« on: April 05, 2015, 08:17:12 PM »

Hi,

Once SME Server is installed, there is a very very boring Webpage in the primary ibay (This site is under construction).

Is there a creative HTML(5) guru out there that can help out on creating a new default stylish webpage please?

Please see: http://bugs.contribs.org/show_bug.cgi?id=8803 for some more details of what should go into the page.

TIA!

Logged

hawk

141
+0/-0

Re: Request for assistance (HTML(5))

« Reply #1 on: April 07, 2015, 08:01:02 AM »

by no means am i a guru, but i will give it a shot. give me a few days and i will see what i can turn out.

Logged

hawk

141
+0/-0

Re: Request for assistance (HTML(5))

« Reply #2 on: April 07, 2015, 05:35:56 PM »

please have a look at this and let me know if this is what you are looking for
http://www.hawktest.co.za/sme/index.html
i am very open for ideas to add or remove any info
thanks
john

Logged

TerryF

grumpy old man
1,847
+6/-0

Re: Request for assistance (HTML(5))

« Reply #3 on: April 08, 2015, 12:17:10 AM »

Nice...

Logged

--
qui scribit bis legit

brianr

990
+2/-0

Re: Request for assistance (HTML(5))

« Reply #4 on: April 08, 2015, 07:45:44 AM »

Very nice - "reveiws" is a typo though.

and however these ought to be fixed:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.hawktest.co.za%2Fsme%2Findex.html&charset=%28detect+automatically%29&doctype=Inline&group=0

« Last Edit: April 08, 2015, 07:50:59 AM by brianr »

Logged

Brian j Read
(retired, for a second time, still got 2 installations though)
The instrument I am playing is my favourite Melodeon.
.........

guest22

Re: Request for assistance (HTML(5))

« Reply #5 on: April 08, 2015, 07:59:19 AM »

Indeed, nice.

some things that I would like to mention:
- The Koozali logo is a link to an external source. We need to ensure that the page is completely self providing all resources.
- It appears to me that line with 'Information bay' serves no purpose
- The title of the page currently is 'http'. Can we make it 'Koozali SME Server'?
- Should we include the favicon.ico of contribs.org?

TIA

Logged

hawk

141
+0/-0

Re: Request for assistance (HTML(5))

« Reply #6 on: April 08, 2015, 09:10:17 AM »

hi guys

I have made the changes, The reason i used a link for the logo rather than include it, was to try keep the file sizes as small as possible. All have been included now
i have also made sure the html is mobile compliant

http://www.hawktest.co.za/sme/

Logged

guest22

Re: Request for assistance (HTML(5))

« Reply #7 on: April 08, 2015, 09:20:26 AM »

Quote from: hawk on April 08, 2015, 09:10:17 AM

http://www.hawktest.co.za/sme/

I think we have a winner!

If we all agree, we need to attach the source of the html page and the logo to the bug:
http://bugs.contribs.org/show_bug.cgi?id=8803

Thanks hawk.

Logged

TerryF

grumpy old man
1,847
+6/-0

Re: Request for assistance (HTML(5))

« Reply #8 on: April 08, 2015, 09:24:08 AM »

I agree HF, an incremental improvement..just need a CVS pilot to add same..

Logged

--
qui scribit bis legit

Daniel B.

1,700
+0/-0

Re: Request for assistance (HTML(5))

« Reply #9 on: April 08, 2015, 10:02:55 AM »

We shouldn't remove the message explaining that the ibay hasn't been customized yet.

Logged

C'est la fin du monde !!!

brianr

990
+2/-0

Re: Request for assistance (HTML(5))

« Reply #10 on: April 08, 2015, 10:22:55 AM »

and also add a w3c valid logo?

Logged

Brian j Read
(retired, for a second time, still got 2 installations though)
The instrument I am playing is my favourite Melodeon.
.........

Xavier.A

104
+0/-0

Re: Request for assistance (HTML(5))

« Reply #11 on: April 08, 2015, 10:48:12 AM »

well,

this dtd is not good for html5 : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

the good one is : <!DOCTYPE HTML> , the html pages at http://www.hawktest.co.za/sme/ are in xhtml 5 and should not use a dtd for xhtml 1.0 and you should not use anymore "strict" or "transitional" in the dtd.

references :

The css should not be in the page too ! (http://www.w3.org/TR/css-2010/)

If you want to code in html5 you should learn how to use the new tags (header, nav,section,article, footer...etc)

Don't forget that all the browsers are not yet able to interpret all W3C recommandations (http://caniuse.com/) and you should have a look at :

From my point of view you should not try to change this template without enough knowledge about html5 and web design

my 2cents

Logged

“When the wise man points to the moon, the fool looks at the finger.”

Stefano

10,894
+3/-0

Re: Request for assistance (HTML(5))

« Reply #12 on: April 08, 2015, 11:01:46 AM »

Xavier.A, welcome back..

if you read all the posts, you'd see a bug reference..
please post there your suggestions and, of course, your solution,
thank you

Logged

TerryF

grumpy old man
1,847
+6/-0

Re: Request for assistance (HTML(5))

« Reply #13 on: April 08, 2015, 11:05:10 AM »

Stay with it hawk, you have stuck your head up to help and put something out there

, dodge and weave

Logged

--
qui scribit bis legit

Jáder

1,099
+0/-0

Re: Request for assistance (HTML(5))

« Reply #14 on: April 08, 2015, 12:08:31 PM »

I think we should bring Documentation link to TOP. ("please read doc about ibays and SME server here" )
Explain what is a ibay and how SME works ("please do not edit file at hand! Use templates following XXXXXX").

And layout could be improoved to use the allways larger screens... today it's a vertical design, better suited to mobile.

I'll try to generate a sample design... but someone else must code it (or at least clean it) because I'l use a HTML generator (iweb).

Regards

Jáder
EDIT: create a horrible looking site just to show what's I'm talking about: http://www.linuxfacil.net/SME/Index.html

« Last Edit: April 08, 2015, 12:36:32 PM by jader »

Logged

...