[Buildroot] [PATCH v2] docs/website: cosmetic changes

[Peter Korsgaard <peter@korsgaard.com>]

>>>>> "Angelo" == Angelo Compagnucci <angelo.compagnucci@gmail.com> writes:

 > * Resized too big icons in download and documentation
 >   pages

 > Signed-off-by: Angelo Compagnucci <angelo.compagnucci@gmail.com>
 > ---
 > Cheangelog:

 > v1 -> v2:
 > Rebase to the latest git version

 >  docs/website/css/main.css  |  15 ++-
 >  docs/website/docs.html     |  30 ++---
 >  docs/website/download.html | 330 ++++++++++++++++++++++-----------------------
 >  3 files changed, 189 insertions(+), 186 deletions(-)

 > diff --git a/docs/website/css/main.css b/docs/website/css/main.css
 > index db9c4c9..57009cf 100644
 > --- a/docs/website/css/main.css
 > +++ b/docs/website/css/main.css
 > @@ -207,16 +207,21 @@ i {
 >  .flip-container {
 >  	perspective: 1000;
 >  }
 > -	/* flip the pane when hovered */
 > -	.flip-container:hover .flipper, .flip-container.hover .flipper {
 > -		transform: rotateY(180deg);
 > -	}
 > +/* flip the pane when hovered */
 > +.flip-container:hover .flipper, .flip-container.hover .flipper {
 > +	transform: rotateY(180deg);
 > +}
 
 > -.flip-container, .front, .back {
 > +.flip-container, .flip-container .front, .flip-container .back {
 >  	width: 180px;
 >  	height: 180px;
 >  }
 
 > +.flip-container-small, .flip-container-small .front, .flip-container-small .back {
 > +	width: 120px;
 > +	height: 120px;
 > +}
 > +
 >  /* flip speed goes here */
 >  .flipper {
 >  	transition: 0.6s;
 > diff --git a/docs/website/docs.html b/docs/website/docs.html
 > index 9cee36d..23cc13f 100644
 > --- a/docs/website/docs.html
 > +++ b/docs/website/docs.html
 > @@ -13,59 +13,59 @@
 
 >        <div class="row mt centered">
 >  	<div class="col-sm-4">
 > -	  <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
 > +	  <div class="flip-container flip-container-small center-block" ontouchstart="this.classList.toggle('hover');">
 >  	    <div class="flipper">
 >  	      <div class="front">
 > -		<a href="/manual.html"><img src="images/browser.png" width="180" alt=""></a>
 > +		<a href="/manual.html"><img src="images/browser.png" width="120" alt=""></a>

I'm far from a web expert, but why are we telling the browser to
downscale these images?

file docs/website/images/browser.png
docs/website/images/browser.png: PNG image data, 256 x 256, 8-bit/color RGBA, non-interlaced

E.G. why don't we send a 180x180 (or 120x120) image in the first place?

Same for the other images.

> +++ b/docs/website/download.html
 > @@ -4,176 +4,174 @@
 >  <div class="row nh">
 >  <div class="col-lg-10 col-lg-offset-1 col-md-12 col-sm-12 col-xs-12">
 
 > -  <div class="panel panel-primary">

This diff is not very readable to me. Notice that I'm right now changing
download.html (to release 2015.11), so it would be good if you could
rebase (again!).

-- 
Bye, Peter Korsgaard