Koozali.org: home of the SME Server

Obsolete Releases => SME Server 9.x => Topic started by: guest22 on April 05, 2015, 08:17:12 PM

Title: Request for assistance (HTML(5))
Post by: guest22 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 (http://bugs.contribs.org/show_bug.cgi?id=8803) for some more details of what should go into the page.

TIA!
Title: Re: Request for assistance (HTML(5))
Post by: hawk 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.
Title: Re: Request for assistance (HTML(5))
Post by: hawk 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
Title: Re: Request for assistance (HTML(5))
Post by: TerryF on April 08, 2015, 12:17:10 AM
Nice...
Title: Re: Request for assistance (HTML(5))
Post by: brianr 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
Title: Re: Request for assistance (HTML(5))
Post by: guest22 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
Title: Re: Request for assistance (HTML(5))
Post by: hawk 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/


Title: Re: Request for assistance (HTML(5))
Post by: guest22 on April 08, 2015, 09:20:26 AM
http://www.hawktest.co.za/sme/ (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 (http://bugs.contribs.org/show_bug.cgi?id=8803)

Thanks hawk.
Title: Re: Request for assistance (HTML(5))
Post by: TerryF on April 08, 2015, 09:24:08 AM
I agree HF, an incremental improvement..just need a CVS pilot to add same..
Title: Re: Request for assistance (HTML(5))
Post by: Daniel B. on April 08, 2015, 10:02:55 AM
We shouldn't remove the message explaining that the ibay hasn't been customized yet.
Title: Re: Request for assistance (HTML(5))
Post by: brianr on April 08, 2015, 10:22:55 AM
and also add a w3c valid logo?
Title: Re: Request for assistance (HTML(5))
Post by: Xavier.A 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 (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/ (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/ (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/ (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  :lol:

my 2cents
 
Title: Re: Request for assistance (HTML(5))
Post by: Stefano 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
Title: Re: Request for assistance (HTML(5))
Post by: TerryF 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 :-)
Title: Re: Request for assistance (HTML(5))
Post by: Jáder 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
Title: Re: Request for assistance (HTML(5))
Post by: Xavier.A on April 08, 2015, 12:08:57 PM
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

I won't do that stephano but i can give you a starter file :

Code: [Select]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Information Bay</title>
<meta name="description" content="ibay index file">
<meta name="author" content="html5 students">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<!-- Custom styles for this template -->
<link href="" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
</head>

<body>
<div>
<header>
<h1>Information Bay</h1>
</header>
<nav>
&nbsp;
</nav>
<div>
This information bay has not yet been customized.
</div>
<footer>
<p>
&copy; Copyright by html5 students
</p>
</footer>
</div>
</body>
</html>

and now you have to add a css3 file with or without fluid grid (responsive/adaptive css) but maybe you should try to re-use the code from the server manager, I mean a new css from a good framework like :

Stefano, I'm still thinking that your team could find some help from IT teachers and their students but you have to ask in the good way, I mean an academic way....It's not so hard, just try and maybe all over the world you will receive positive answers !

BB
Title: Re: Request for assistance (HTML(5))
Post by: Stefano on April 08, 2015, 12:13:11 PM
Xavier.. the time you spent here could be well spent in bugzilla.

in any case thank you for your contribute.

I notice you don't loose a single occasion to add OT considerations; I ask you (kindly, ATM) to cease it, thank you
Title: Re: Request for assistance (HTML(5))
Post by: hawk on April 08, 2015, 07:32:51 PM
thanks for all the info, this dog not to old to learn some new tricks
will give it a shot, as i meantioned by no means a guru.
haven't done any html design for about ten years mostly use wordpress now.
So let me see what i can come up with
thanks
john
Title: Re: Request for assistance (HTML(5))
Post by: janet on April 08, 2015, 09:19:20 PM
To all reading this thread

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

I agree with Daniel. The original intention of the page has now been (proposed) changed to an advertisement for SME server, whereas it is really meant to be a blank starter index page for an Internet access enabled ibay website.

Where is the message "This site is under construction" ?

Personally I think this effort is a waste of time. The page will be replaced almost immediately by real web site pages that the user creates for the web site.
I do not see the point of making a "fancy" page which will have little or no practical use.

If the idea or intention was to make a starter template page, that a less skilled html user could create a basic nice single page startup website from, then that would be more useful, but again would still have limited use.

I do not wish to advertise to hackers what type of webserver I am using, ie the big Koozali brand name & logo,  as this only assists them to find vulnerable ways to hack my server.

Title: Re: Request for assistance (HTML(5))
Post by: hawk on April 10, 2015, 05:13:23 PM
hi i have a question i need a bit of help with.

when primary or an ibay is created, The index.html file is auto created for that ibay.

When this ibay is created, if we have more than one file or sub directories are needed will they also be created.

for example, if we include a logo file or 2 or more files, index.html, second.html, third.html, logo.png or /images logo.png etc.
favicon  etc.
Will these file all be created for the ibay or will it only create the index.html file.

thanks
john

Title: Re: Request for assistance (HTML(5))
Post by: guest22 on April 10, 2015, 06:49:51 PM
hi i have a question i need a bit of help with.

when primary or an ibay is created, The index.html file is auto created for that ibay.

When this ibay is created, if we have more than one file or sub directories are needed will they also be created.


That would require a template change, but that is easily done once we agree on the design of the landing pages.
Title: Re: Request for assistance (HTML(5))
Post by: Xavier.A on April 10, 2015, 08:12:47 PM
hi all,

because i'm agree with CB, DB and Janet, i think you shouldn't change primary and new ibay. They should stay as simple as possible to be easy to maintain in the time (KISS principle).
examples :

Anyway you are right to try to change a little bit the things, so i will share with you some easy concepts in few webpages (a very little part of our work on server web UI) the BS themes are from https://bootswatch.com/ and all the templates are responsive :

Maybe it 's not what you really want but you could grab there some ideas  :-)

A+

P.S: Sorry if I'm OT again.
Title: Re: Request for assistance (HTML(5))
Post by: ReetP on April 15, 2015, 07:26:56 PM
If you add the code to the bug I'll do a patch to try.
Title: Re: Request for assistance (HTML(5))
Post by: guest22 on April 16, 2015, 03:20:52 AM
The HTML(5) pages can not contain any links to / dependencies on external (java) scripts, images or any other resource.
Title: Re: Request for assistance (HTML(5))
Post by: Xavier.A on April 22, 2015, 12:29:58 PM
If you add the code to the bug I'll do a patch to try.
who are you talking about ?

The HTML(5) pages can not contain any links to / dependencies on external (java) scripts, images or any other resource.
Could you be more precise? what is external dependencies for you? Every code/pic/font can be internalized or packaged in a rpm/deb !

example for a webfont (RH /DEBIAN) :
Code: [Select]
mkdir -p $HOME/src/webfonts
cd $HOME/src/webfonts
wget -O opensans.woff http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff;
wget https://raw.github.com/hanikesn/woff2otf/master/woff2otf.py;
python woff2otf.py opensans.woff opensans.ttf;
ls -l
now the ttf file can be packaged and the woff file can be moved to the fonts subdirectory in your css theme template.

A+
Title: Re: Request for assistance (HTML(5))
Post by: Stefano on April 22, 2015, 12:41:21 PM
guys, I'm gonna lock this topic.. I see many people posting here instead of adding their code in bugzilla..
last advice, thank you all
Title: Re: Request for assistance (HTML(5))
Post by: Xavier.A on April 22, 2015, 12:47:59 PM
ok, it's up to you !

chao !

Title: Re: Request for assistance (HTML(5))
Post by: Stefano on April 22, 2015, 12:55:08 PM
Xavier: you've been asked to post and give your contribute in bugzilla so many times I can't either remember.
you said NO all the times..
now you don't wanto to partecipate but you're posting here..

sincerely, I (but not only me) can't understand you.. you're still around here and we're all happy for it.. could we find a way to cohoperate?

there's an open bug for this particular feature e not all the devs read the forums.. so, why should you (generally speaking) post the same things twice? why should I (generally speaking) waste time copying your code from here to paste it there?

I ask you another time: wolud you please post all your code and suggestions here:
http://bugs.contribs.org/show_bug.cgi?id=8803
please?

I can't see what else we (all) can do to help you to help us..
Title: Re: Request for assistance (HTML(5))
Post by: ReetP on April 22, 2015, 01:05:44 PM
who are you talking about ?
Anyone :-)

Quote
Could you be more precise? what is external dependencies for you? Every code/pic/font can be internalized or packaged in a rpm/deb !

example for a webfont (RH /DEBIAN) :

Code: [Select]
mkdir -p $HOME/src/webfonts
cd $HOME/src/webfonts
wget -O opensans.woff http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff;
wget https://raw.github.com/hanikesn/woff2otf/master/woff2otf.py;
python woff2otf.py opensans.woff opensans.ttf;
ls -l

now the ttf file can be packaged and the woff file can be moved to the fonts subdirectory in your css theme template.

Yes, font files can indeed be downloaded and packaged but the page should have no external references.

I think lines like this are what are being referred too :
Code: [Select]
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

As advised by Stefano, please add any code or comments to the bug tracker and we can then try to implement it there.

Hawk, if you zip up your files and add them as an attachment to the track I can take a look for you.

Title: Re: Request for assistance (HTML(5))
Post by: Xavier.A on April 22, 2015, 02:12:10 PM
@Stefano
I told you that i'm agree with you...but there are conditions !
Last year, after i made this page http://www.koozali.org/partners/find-a-partner for Steph, there was no more partners who wanted to collaborate with Koozali. So i asked you to change your economic model.
I have only ask your team to build a store for developpers, that's really the last conditon for me.
I don't believe in free work and i know that you are not all agree with this. That's all for me.

@ReetIP
the code is
Code: [Select]
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
do you see why? Javascript files can be packaged but it 's not realy a good idea to promote the use of IE for GNU/Linux (server) users. It's up to you too.

bye



Title: Re: Request for assistance (HTML(5))
Post by: Stefano on April 22, 2015, 02:34:27 PM
@Stefano
I told you that i'm agree with you...but there are conditions !
Last year, after i made this page http://www.koozali.org/partners/find-a-partner for Steph, there was no more partners who wanted to collaborate with Koozali. So i asked you to change your economic model.
I have only ask your team to build a store for developpers, that's really the last conditon for me.
I don't believe in free work and i know that you are not all agree with this. That's all for me.

so, the real problem is that you want to be payed.. ok..
all your philosophical discourses.. the wiki, forums, CVS, project management...
at the end, your real interest is money.. interesting point of view..
I'd love to know how much did you earn from SME and how much did you donate to it..

anyway, not a problem..

thank you for your clarification
Title: Re: Request for assistance (HTML(5))
Post by: Xavier.A on April 22, 2015, 03:04:42 PM
@Stefano
please, please, please...don't be so naive.
Why fws is supporting Koozali SME Server? It's not for the glory !

We should not have this debate here and you know why ! re-read all the last mail in your mailing list and take the time to think about it 1 minute !
If you really think I'm wrong you can send me an e-mail to explain to me why all the developers should work for free and i will really try to convince you (i promise i will not be rude)  :cool:

Anyway, from my point of view you need more developers to write new codes and to maintain the old one. the store could be the solution, and 1€ or 2€ per app (75% for dev/ 25% for Koozali) it's not expensive, is it ? The main code could be maintained easily for free like that, no?

And if you really think i'm greedy, you are wrong ! I'm teacher first, and i won't be rich but i don't like the idea that developpers should not be paid for their work ! If some developers don't want to be paid, it's their rights but they should have the choice, no?

I'm really sorry, if you misunderstand my last post Stefano. If John really want the code of server-manager, I will post it in the bugzilla but last year it wasn't the case.

Bye
Title: Re: Request for assistance (HTML(5))
Post by: ReetP on April 22, 2015, 03:21:30 PM
Xavier,

please keep the discussions polite. You have been asked before. We welcome your contributions, but please leave politics and personality out of it. It gets no one anywhere. Quite frankly we have all had enough of it and destroys what little community there is left.

If John really want the code of server-manager, I will post it in the bugzilla but last year it wasn't the case.

I have never declined any of your code ? It isn't even my decision to make quite honestly.

You are welcome to add anything you want in bugzilla, as is anyone. I just offered to help the original posters if they posted their code there, which is a much better forum to discuss development issues.

So if you or anyone has code they want to see added, please add it to the bug and I will try and rebuild a rpm for testing.

Title: Re: Request for assistance (HTML(5))
Post by: Xavier.A on April 22, 2015, 04:18:29 PM
Xavier,

please keep the discussions polite. You have been asked before. We welcome your contributions, but please leave politics and personality out of it. It gets no one anywhere. Quite frankly we have all had enough of it and destroys what little community there is left.

Ok, I'm sorry if I was impolite.

BB
Title: Re: Request for assistance (HTML(5))
Post by: janet on April 23, 2015, 04:41:16 AM
Xavier.A et al

Quote
Why fws is supporting Koozali SME Server? It's not for the glory !

Yes they are (AFAIK) using Koozali SME server for commercial purposes (& so are many others small & large who have made input here), but FWS are not directly charging people money here or at contribs.org generally for their time & efforts, it is a donation to a open source project, & that is a pretty obvious & generous one too.
Rightly so they can sell or do whatever they want financially with SME server, as a seperate business function to their involvement with Koozali & contribs.org.

Quote
...from my point of view you need more developers to write new codes and to maintain the old one. the store could be the solution, and 1€ or 2€ per app (75% for dev/ 25% for Koozali) it's not expensive, is it ? The main code could be maintained easily for free like that, no?

The concept is not necessarily a bad one, BUT many people here contribute or have contributed in the past because Koozali SME server is an open source project & it is free, & contribs.org etc is not making money from those contributions of time, effort & expertise. Those people contribute for that very reason, it is open source & somebody else is not making money directly from their efforts, & as many people contribute, the workload is shared amongst many (or not as many as needed, some may choose to say).

The problem with Koozali Foundation/contribs.org supporting & promoting some form of store or advertising for experts & payment for those services rendered by those experts/consultants, is that many of the people who contribute do not want to support a system that some people use to then make money from. I mean by this a website etc & supporting backend (with code & whatever else), that is essentially an advertisement for consultants, who are possibly paying very little to use it but getting the site donated to them (in the form of time, effort & cost etc).

The whole concept of contribs.org has been the open source free model, & if some people (advertisers/experts/consultants benefit from advertising & payment for services that are supported & promoted by Koozali/contribs.org, then people who contribute their time freely feel their time is no longer going to an open source project, but to help others directly make money.

These reasons (& I'm sure many others) have been raised in the past, so nothing is new.

The issue at hand now is how (or even if) Koozali Foundation and/or contribs.org can adapt to some form of paid model to help SME server to be developed further etc etc.

I am not necessarily speaking against the concept of some form of payment vs free, there are pros & cons to either approach, or a mix of approaches, but finding the right balance is critical, a balance that does not cause existing contributors to leave (for the reason they feel their free work is of financial benefit to others).

It is probably better to have a seperate Koozali Business Unit, & advertisers etc who use the service, pay a certain amount to fund the site etc etc. Would it be self sustaining without free input from Koozali Foundation & members of this community ?

Your suggestion needs much more thought re how to best be implemented, if at all.
Others have done it commercially eg Dungog, who created many contribs & maintained & supported them totally seperate to contribs.org, Gordon Rowell also had his own consulting & support business, heavily based on SME server but broader than that, Charlie Brady has done paid development work for specific components for SME server that a business needed, & that paid for code was then donated back to the base core of SME server, but these three examples were seperate business entities, although these developers were heavily involved with the open source side of SME server.

What now ? Of course suggest anything to Koozali Foundation, but keep the above in mind.