Redesign the site

[stal888]

As it stands, the current web site has a couple of problems:

• Little to no actual information about Tox is offered
  • All the actual info is buried on the Wiki.
• It's unclear how to actually contribute.
• There are a few layout bugs.

I was going to hack together a fix, but fuck it throw the entire thing out.

The Solution: make something new!
WIP branch

Tasks to be done:

• Make it using Bootstrap, not tuktuk like the current one. [In progress.]
• Copy the most useful content from the Wiki to the site (Servers, Client showcase)
• List all Tox GitHub projects, not just Core
• Migrate translations.
• A Contributing page, listing tasks which can be done (translation, GUIs, core code, etc.)

Some screenshots of the redesign (links because they are huge)

Front page

"Download" page

CC @Proplex.

[the0neyouseek]

I really like it, but can we keep the:

• Font style and sizes (also color for <p> and <h1> to <h6> and font-family),
• Buttons style and colors,
• Link style.

And I'd like to propose some enhancements / features:

• Javascript:
  • Smooth anchor scrolling,
  • Make an off-canvas menu ( not sure )
• CSS:
  • Animations on the text and images (on-scrolling and using foss and/or homemade animations like daneden/animate.css )

[Proplex]

I think we've settled with the existing design. It looks nice.

[stqism]

@Proplex To be fair, all the issues @stal888 addressed still exist.

[urras]

@ali- appears to be redesigning the site at the moment. Check out his repo

[iShift]

It would be good if site have more bright colors (white)

And of course we need table with compare Skype/Tox

[the0neyouseek]

I've also been working on a redesign. Here's a screenshot of what I've got so far.

Any comments, should I keep working on it ?

(Ps: actual website look better than the screenshot, especially fonts)

[iShift]

It would be perfect if you add different screenshots for each platform (os x/win/linux/mobile client)

[urras]

@the0neyouseek I think it looks really great. Perhaps you could show a more feature client/Mockup like https://github.com/ItsDuke/Tox-UI

[lance0]

@the0neyouseek post source on github? I'd like to take a look.

[the0neyouseek]

@iShift I've written a Js script for doing just that. It sniff the Ua and add a class to change the screenshot depending on the Os.
@lance0 I will soon, just need to clean up my code and add grunt (using Hammer for mac right now)

[the0neyouseek]

@lance0 https://github.com/the0neyouseek/Tox.im If you want to have a look.
Very early wip, code could be a lot cleaner but I don't have a lot time to work on this right now.

[stal888]

Why are you using grunt to build a static site?

Sent from my iPhone

On Sep 21, 2014, at 10:23, Guillaume B. [email protected] wrote:

@lance0 https://github.com/the0neyouseek/Tox.im If you want to have a look.
Very early wip, code could be a lot cleaner but I don't have a lot time to work on this right now.

�
Reply to this email directly or view it on GitHub.

[the0neyouseek]

@stal888 I use it to compile (and minify) scss files with bourbon, concat (and minify) js files, compress images and svg files. Also, the grunt-contrib-watch task allows me to do that each time an html/css/js file is modified (which is pretty cool 😄 ).

[aviau]

I really like @stal888's design (https://f.cloud.github.com/assets/774591/1135616/ae91694a-1c1a-11e3-9eab-3b4d423197f8.png)

[urras]

Oh yeah, the site also needs to work with IE9=<. This means finding an alternative icon set (fortawesome?) instead of Lungo, which does not work in Internet Explorer at all.

[urras]

Work on the new site is being done in https://github.com/pwnsdx/Tox-Website, and can be viewed at https://beta.tox.im