* [Buildroot] [PATCH v2] docs/website: cosmetic changes
@ 2015-11-30 21:54 Angelo Compagnucci
2015-11-30 22:01 ` Peter Korsgaard
0 siblings, 1 reply; 6+ messages in thread
From: Angelo Compagnucci @ 2015-11-30 21:54 UTC (permalink / raw)
To: buildroot
* 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>
</div>
<div class="back">
- <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>
</div>
</div>
</div>
- <h3>HTML <br>
+ <h4>HTML <br>
<a href="/manual.html">Stable</a> |
<a href="http://nightly.buildroot.org/manual.html">Nightly</a>
- </h3>
+ </h4>
</div>
<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">
- <img src="images/pdf-icon.png" width="180" alt="">
+ <img src="images/pdf-icon.png" width="120" alt="">
</div>
<div class="back">
- <img src="images/pdf-icon.png" width="180" alt="">
+ <img src="images/pdf-icon.png" width="120" alt="">
</div>
</div>
</div>
- <h3>PDF <br>
+ <h4>PDF <br>
<a href="/downloads/manual/manual.pdf">Stable</a> |
<a href="http://nightly.buildroot.org/manual.pdf">Nightly</a>
- </h3>
+ </h4>
</div>
<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">
- <img src="images/text.png" width="180" alt="">
+ <img src="images/text.png" width="120" alt="">
</div>
<div class="back">
- <img src="images/text.png" width="180" alt="">
+ <img src="images/text.png" width="120" alt="">
</div>
</div>
</div>
- <h3>ASCII <br>
+ <h4>ASCII <br>
<a href="/downloads/manual/manual.text">Stable</a> |
<a href="http://nightly.buildroot.org/manual.text">Nightly</a>
- </h3>
+ </h4>
</div>
</div>
diff --git a/docs/website/download.html b/docs/website/download.html
index 76279d6..ea47c48 100644
--- a/docs/website/download.html
+++ 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">
- <div class="panel-heading">Download</div>
- <div class="panel-body">
-
- <h3 style="text-align: center;">Latest stable release: <b>2015.08.1</b></h3>
-
- <div class="row mt centered">
- <div class="col-sm-6">
- <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
- <div class="flipper">
- <div class="front">
- <a href="/downloads/buildroot-2015.08.1.tar.gz"><img src="images/zip.png" width="180" alt=""></a>
- </div>
- <div class="back">
- <a href="/downloads/buildroot-2015.08.1.tar.gz"><img src="images/zip.png" width="180" alt=""></a>
- </div>
- </div>
- </div>
- <h3><a href="/downloads/buildroot-2015.08.1.tar.gz">buildroot-2015.08.1.tar.gz</a></h3>
- <p><a href="/downloads/buildroot-2015.08.1.tar.gz.sign">PGP signature</a></p>
- </div>
- <div class="col-sm-6">
- <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
- <div class="flipper">
- <div class="front">
- <a href="/downloads/buildroot-2015.08.1.tar.bz2"><img src="images/package.png" width="180" alt=""></a>
- </div>
- <div class="back">
- <a href="/downloads/buildroot-2015.08.1.tar.bz2"><img src="images/package.png" width="180" alt=""></a>
- </div>
- </div>
- </div>
-
- <h3><a href="/downloads/buildroot-2015.08.1.tar.bz2">buildroot-2015.08.1.tar.bz2</a></h3>
- <p><a href="/downloads/buildroot-2015.08.1.tar.bz2.sign">PGP signature</a></p>
- </div>
- </div>
-
- <h3 style="text-align: center;">Latest release candidate: <b>2015.11-rc3</b></h3>
- <div class="row mt centered">
- <div class="col-sm-6">
- <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
- <div class="flipper">
- <div class="front">
- <a href="/downloads/buildroot-2015.11-rc3.tar.gz"><img src="images/zip.png" width="180" alt=""></a>
- </div>
- <div class="back">
- <a href="/downloads/buildroot-2015.11-rc3.tar.gz"><img src="images/zip.png" width="180" alt=""></a>
- </div>
- </div>
- </div>
-
- <h3><a href="/downloads/buildroot-2015.11-rc3.tar.gz">buildroot-2015.11-rc3.tar.gz</a></h3>
- <p><a href="/downloads/buildroot-2015.11-rc3.tar.gz.sign">PGP signature</a></p>
- </div>
- <div class="col-sm-6">
- <div class="flip-container center-block" ontouchstart="this.classList.toggle('hover');">
- <div class="flipper">
- <div class="front">
- <a href="/downloads/buildroot-2015.11-rc3.tar.bz2"><img src="images/package.png" width="180" alt=""></a>
- </div>
- <div class="back">
- <a href="/downloads/buildroot-2015.11-rc3.tar.bz2"><img src="images/package.png" width="180" alt=""></a>
- </div>
- </div>
- </div>
-
- <h3><a href="/downloads/buildroot-2015.11-rc3.tar.bz2">buildroot-2015.11-rc3.tar.bz2</a></h3>
- <p><a href="/downloads/buildroot-2015.11-rc3.tar.bz2.sign">PGP signature</a></p>
- </div>
- </div>
- This and earlier releases (and their PGP signatures) can always be downloaded from
- <a href="/downloads/">http://buildroot.net/downloads/</a>.
- </div>
- </div>
-
- <div class="panel panel-primary">
- <div class="panel-heading">Source code</div>
- <div class="panel-body">
-
- <div class="row">
- <div class="col-sm-7">
- <div class="panel panel-success">
- <div class="panel-heading">Repository</div>
- <div class="panel-body">
- <P>The buildroot repository can be browsed online through cgit at
- <a href="http://git.buildroot.net/buildroot/">http://git.buildroot.net/buildroot</a>.
- To grab a copy of the repository use</p>
-
-
- <div class="input-group" style="width: 100%;">
- <input class="form-control" style="width: 85%;" id="giturl"
- value="git clone git://git.buildroot.net/buildroot" type="text" readonly></input>
- <span class="input-group-button">
- <button class="btn pull-right" type="button" data-clipboard-target="#giturl"
- data-toggle="tooltip" data-placement="bottom" data-trigger="manual" title="Copied!">
- <img class="clippy" src="images/clippy.svg" alt="Copy to clipboard" width="13">
- </button>
- </span>
- </div><br>
-
- <p>
- Or if you're behind a firewall blocking git:
- </p>
-
- <div class="input-group" style="width: 100%;">
- <input class="form-control" style="width: 85%;" id="giturlhttps"
- value="git clone https://git.buildroot.net/buildroot" type="text" readonly></input>
- <span class="input-group-button">
- <button class="btn pull-right" type="button" data-clipboard-target="#giturlhttps"
- data-toggle="tooltip" data-placement="bottom" data-trigger="click" title="Copied!">
- <img class="clippy" src="images/clippy.svg" alt="Copy to clipboard" width="13">
- </button>
- </span>
- </div><br>
-
- <p>
-
- Please use the native git protocol if at all possible, as it's a lot
- more efficient than HTTP.
-
- <p>
-
- If you are not already familiar with using Git, we recommend you visit <a
- href="http://git-scm.org">the Git website</a>.
-
- <p>
-
- Once you've checked out a copy of the source tree, you can update your source
- tree at any time so it is in sync with the latest and greatest by entering your
- buildroot directory and running the command:
+<div class="panel panel-primary">
+<div class="panel-heading">Download</div>
+<div class="panel-body">
+
+ <div class="panel panel-primary">
+ <div class="panel-body">
+ <h3 style="text-align: center;">Latest stable release: <b>2015.08.1</b></h3>
+ <div class="row mt centered">
+ <div class="col-sm-6">
+ <div class="flip-container flip-container-small center-block" ontouchstart="this.classList.toggle('hover');">
+ <div class="flipper">
+ <div class="front">
+ <a href="/downloads/buildroot-2015.08.1.tar.gz"><img src="images/zip.png" width="120" alt=""></a>
+ </div>
+ <div class="back">
+ <a href="/downloads/buildroot-2015.08.1.tar.gz"><img src="images/zip.png" width="120" alt=""></a>
+ </div>
+ </div>
+ </div>
+ <h3><a href="/downloads/buildroot-2015.08.1.tar.gz">buildroot-2015.08.1.tar.gz</a></h3>
+ <p><a href="/downloads/buildroot-2015.08.1.tar.gz.sign">PGP signature</a></p>
+ </div>
+ <div class="col-sm-6">
+ <div class="flip-container flip-container-small center-block" ontouchstart="this.classList.toggle('hover');">
+ <div class="flipper">
+ <div class="front">
+ <a href="/downloads/buildroot-2015.08.1.tar.bz2"><img src="images/package.png" width="120" alt=""></a>
+ </div>
+ <div class="back">
+ <a href="/downloads/buildroot-2015.08.1.tar.bz2"><img src="images/package.png" width="120" alt=""></a>
+ </div>
+ </div>
+ </div>
+ <h3><a href="/downloads/buildroot-2015.08.1.tar.bz2">buildroot-2015.08.1.tar.bz2</a></h3>
+ <p><a href="/downloads/buildroot-2015.08.1.tar.bz2.sign">PGP signature</a></p>
+ </div>
+ </div>
+ </div></div>
+
+ <div class="panel panel-primary">
+ <div class="panel-body">
+ <h3 style="text-align: center;">Latest release candidate: <b>2015.11-rc3</b></h3>
+ <div class="row mt centered">
+ <div class="col-sm-6">
+ <div class="flip-container flip-container-small center-block" ontouchstart="this.classList.toggle('hover');">
+ <div class="flipper">
+ <div class="front">
+ <a href="/downloads/buildroot-2015.11-rc3.tar.gz"><img src="images/zip.png" width="120" alt=""></a>
+ </div>
+ <div class="back">
+ <a href="/downloads/buildroot-2015.11-rc3.tar.gz"><img src="images/zip.png" width="120" alt=""></a>
+ </div>
+ </div>
+ </div>
+ <h3><a href="/downloads/buildroot-2015.11-rc3.tar.gz">buildroot-2015.11-rc3.tar.gz</a></h3>
+ <p><a href="/downloads/buildroot-2015.11-rc3.tar.gz.sign">PGP signature</a></p>
+ </div>
+ <div class="col-sm-6">
+ <div class="flip-container flip-container-small center-block" ontouchstart="this.classList.toggle('hover');">
+ <div class="flipper">
+ <div class="front">
+ <a href="/downloads/buildroot-2015.11-rc3.tar.bz2"><img src="images/package.png" width="120" alt=""></a>
+ </div>
+ <div class="back">
+ <a href="/downloads/buildroot-2015.11-rc3.tar.bz2"><img src="images/package.png" width="120" alt=""></a>
+ </div>
+ </div>
+ </div>
+ <h3><a href="/downloads/buildroot-2015.11-rc3.tar.bz2">buildroot-2015.11-rc3.tar.bz2</a></h3>
+ <p><a href="/downloads/buildroot-2015.11-rc3.tar.bz2.sign">PGP signature</a></p>
+ </div>
+ </div>
+ <p>This and earlier releases (and their PGP signatures) can always be downloaded from
+ <a href="/downloads/">http://buildroot.net/downloads/</a>.</p>
+ </div></div>
+</div>
- <pre>
- git pull
- </pre>
+<div class="panel panel-primary">
+ <div class="panel-heading">Source code</div>
+ <div class="panel-body">
+ <div class="row">
+ <div class="col-sm-7">
+ <div class="panel panel-success">
+ <div class="panel-heading">Repository</div>
+ <div class="panel-body">
+ <P>The buildroot repository can be browsed online through cgit at
+ <a href="http://git.buildroot.net/buildroot/">http://git.buildroot.net/buildroot</a>.
+ To grab a copy of the repository use</p>
+ <div class="input-group" style="width: 100%;">
+ <input class="form-control" style="width: 85%;" id="giturl"
+ value="git clone git://git.buildroot.net/buildroot" type="text" readonly></input>
+ <span class="input-group-button">
+ <button class="btn pull-right" type="button" data-clipboard-target="#giturl"
+ data-toggle="tooltip" data-placement="bottom" data-trigger="manual" title="Copied!">
+ <img class="clippy" src="images/clippy.svg" alt="Copy to clipboard" width="13">
+ </button>
+ </span>
+ </div><br>
+
+ <p>
+ Or if you're behind a firewall blocking git:
+ </p>
+
+ <div class="input-group" style="width: 100%;">
+ <input class="form-control" style="width: 85%;" id="giturlhttps"
+ value="git clone https://git.buildroot.net/buildroot" type="text" readonly></input>
+ <span class="input-group-button">
+ <button class="btn pull-right" type="button" data-clipboard-target="#giturlhttps"
+ data-toggle="tooltip" data-placement="bottom" data-trigger="click" title="Copied!">
+ <img class="clippy" src="images/clippy.svg" alt="Copy to clipboard" width="13">
+ </button>
+ </span>
+ </div><br>
+
+ <p>
+
+ Please use the native git protocol if at all possible, as it's a lot
+ more efficient than HTTP.
+
+ <p>
+
+ If you are not already familiar with using Git, we recommend you visit <a
+ href="http://git-scm.org">the Git website</a>.
- Because you've only been granted anonymous access to the tree, you won't be
- able to push your changes to the repo. Changes can instead be submitted for
- inclusion by posting them to the buildroot mailing list.
- </div>
- </div>
+ <p>
+
+ Once you've checked out a copy of the source tree, you can update your source
+ tree at any time so it is in sync with the latest and greatest by entering your
+ buildroot directory and running the command:
+
+<pre>
+git pull
+</pre>
+
+ Because you've only been granted anonymous access to the tree, you won't be
+ able to push your changes to the repo. Changes can instead be submitted for
+ inclusion by posting them to the buildroot mailing list.
+ </div>
+ </div>
+ </div>
+
+ <div class="col-sm-5">
+ <div class="panel panel-default ">
+ <div class="panel-heading">Tarballs</div>
+ <div class="panel-body">
+ You can also obtain daily snapshots of the latest Buildroot source tree if you
+ want to follow development, but cannot or do not wish to use Git.
+
+ <ul>
+ <li>You can download the
+ <a href="downloads/snapshots/buildroot-snapshot.tar.bz2">latest snapshot
+ </a> or view recent <a href="downloads/snapshots/">daily snapshots</a>.
+ </li>
+
+ <li>You can also <a href="http://git.buildroot.net/buildroot">browse the
+ source tree online</a>.
+ </li>
+ </ul>
+
+ <p>
+ Older versions can be downloaded from <a href="/downloads/">the release archive</a>.
+ </p>
+ </div>
+ </div>
+ </div>
</div>
-
- <div class="col-sm-5">
- <div class="panel panel-default ">
- <div class="panel-heading">Tarballs</div>
- <div class="panel-body">
- You can also obtain daily snapshots of the latest Buildroot source tree if you
- want to follow development, but cannot or do not wish to use Git.
-
- <ul>
- <li>You can download the
- <a href="downloads/snapshots/buildroot-snapshot.tar.bz2">latest snapshot
- </a> or view recent <a href="downloads/snapshots/">daily snapshots</a>.
- </li>
-
- <li>You can also <a href="http://git.buildroot.net/buildroot">browse the
- source tree online</a>.
- </li>
- </ul>
-
- <p>
- Older versions can be downloaded from <a href="/downloads/">the release archive</a>.
- </p>
- </div>
- </div>
</div>
- </div>
- </div>
- </div>
+</div>
</div><!--/.col-sm-10 -->
</div><!--/.row -->
--
1.9.1
^ permalink raw reply related [flat|nested] 6+ messages in thread* [Buildroot] [PATCH v2] docs/website: cosmetic changes
2015-11-30 21:54 [Buildroot] [PATCH v2] docs/website: cosmetic changes Angelo Compagnucci
@ 2015-11-30 22:01 ` Peter Korsgaard
2015-11-30 22:06 ` Angelo Compagnucci
0 siblings, 1 reply; 6+ messages in thread
From: Peter Korsgaard @ 2015-11-30 22:01 UTC (permalink / raw)
To: buildroot
>>>>> "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
^ permalink raw reply [flat|nested] 6+ messages in thread* [Buildroot] [PATCH v2] docs/website: cosmetic changes
2015-11-30 22:01 ` Peter Korsgaard
@ 2015-11-30 22:06 ` Angelo Compagnucci
2015-11-30 22:20 ` Arnout Vandecappelle
0 siblings, 1 reply; 6+ messages in thread
From: Angelo Compagnucci @ 2015-11-30 22:06 UTC (permalink / raw)
To: buildroot
Hi Peter,
2015-11-30 23:01 GMT+01:00 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?
They were from a smashing magazine free theme at that resolution, so i
left the original image size. They can be rescaled, I'll glad to do it
if you think it's important (to me not so much!)
>
> 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!).
No problem, I'll wait for a few more minutes (I'm tired!) and if the
git tree will be updated, I'll send a patch in no time!
Sincerely, Angelo
>
> --
> Bye, Peter Korsgaard
--
Profile: http://it.linkedin.com/in/compagnucciangelo
^ permalink raw reply [flat|nested] 6+ messages in thread* [Buildroot] [PATCH v2] docs/website: cosmetic changes
2015-11-30 22:06 ` Angelo Compagnucci
@ 2015-11-30 22:20 ` Arnout Vandecappelle
2015-11-30 22:43 ` Angelo Compagnucci
0 siblings, 1 reply; 6+ messages in thread
From: Arnout Vandecappelle @ 2015-11-30 22:20 UTC (permalink / raw)
To: buildroot
On 30-11-15 23:06, Angelo Compagnucci wrote:
> Hi Peter,
>
> 2015-11-30 23:01 GMT+01:00 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?
>
> They were from a smashing magazine free theme at that resolution, so i
> left the original image size. They can be rescaled, I'll glad to do it
> if you think it's important (to me not so much!)
There are various reasons why it's better to scale at the server side:
- smaller image => less bandwidth;
- often better scaling algorithm with a real tool than with the browser;
- less visual discrepancy between different browsers.
>
>>
>> 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!).
>
> No problem, I'll wait for a few more minutes (I'm tired!) and if the
> git tree will be updated, I'll send a patch in no time!
And then please also avoid the whitespace change :-)
Regards,
Arnout
--
Arnout Vandecappelle arnout at mind be
Senior Embedded Software Architect +32-16-286500
Essensium/Mind http://www.mind.be
G.Geenslaan 9, 3001 Leuven, Belgium BE 872 984 063 RPR Leuven
LinkedIn profile: http://www.linkedin.com/in/arnoutvandecappelle
GPG fingerprint: 7493 020B C7E3 8618 8DEC 222C 82EB F404 F9AC 0DDF
^ permalink raw reply [flat|nested] 6+ messages in thread* [Buildroot] [PATCH v2] docs/website: cosmetic changes
2015-11-30 22:20 ` Arnout Vandecappelle
@ 2015-11-30 22:43 ` Angelo Compagnucci
2015-11-30 23:06 ` Arnout Vandecappelle
0 siblings, 1 reply; 6+ messages in thread
From: Angelo Compagnucci @ 2015-11-30 22:43 UTC (permalink / raw)
To: buildroot
Dear Arnout Vandecappelle,
2015-11-30 23:20 GMT+01:00 Arnout Vandecappelle <arnout@mind.be>:
> On 30-11-15 23:06, Angelo Compagnucci wrote:
>> Hi Peter,
>>
>> 2015-11-30 23:01 GMT+01:00 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?
>>
>> They were from a smashing magazine free theme at that resolution, so i
>> left the original image size. They can be rescaled, I'll glad to do it
>> if you think it's important (to me not so much!)
>
> There are various reasons why it's better to scale at the server side:
>
> - smaller image => less bandwidth;
> - often better scaling algorithm with a real tool than with the browser;
> - less visual discrepancy between different browsers.
>
>>
>>>
>>> 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!).
>>
>> No problem, I'll wait for a few more minutes (I'm tired!) and if the
>> git tree will be updated, I'll send a patch in no time!
>
> And then please also avoid the whitespace change :-)
Ok, it's very difficult to maintain that page without reformatting, will try.
>
> Regards,
> Arnout
>
>
> --
> Arnout Vandecappelle arnout at mind be
> Senior Embedded Software Architect +32-16-286500
> Essensium/Mind http://www.mind.be
> G.Geenslaan 9, 3001 Leuven, Belgium BE 872 984 063 RPR Leuven
> LinkedIn profile: http://www.linkedin.com/in/arnoutvandecappelle
> GPG fingerprint: 7493 020B C7E3 8618 8DEC 222C 82EB F404 F9AC 0DDF
--
Profile: http://it.linkedin.com/in/compagnucciangelo
^ permalink raw reply [flat|nested] 6+ messages in thread* [Buildroot] [PATCH v2] docs/website: cosmetic changes
2015-11-30 22:43 ` Angelo Compagnucci
@ 2015-11-30 23:06 ` Arnout Vandecappelle
0 siblings, 0 replies; 6+ messages in thread
From: Arnout Vandecappelle @ 2015-11-30 23:06 UTC (permalink / raw)
To: buildroot
On 30-11-15 23:43, Angelo Compagnucci wrote:
> Dear Arnout Vandecappelle,
>
> 2015-11-30 23:20 GMT+01:00 Arnout Vandecappelle <arnout@mind.be>:
[snip]
>> And then please also avoid the whitespace change :-)
>
> Ok, it's very difficult to maintain that page without reformatting, will try.
In that case, do the whitespace change as a separate patch so we can see what
changed.
Regards,
Arnout
--
Arnout Vandecappelle arnout dot vandecappelle at essensium dot com
Senior Embedded Software Architect . . . . . . +32-478-010353 (mobile)
Essensium, Mind division . . . . . . . . . . . . . . http://www.mind.be
G.Geenslaan 9, 3001 Leuven, Belgium . . . . . BE 872 984 063 RPR Leuven
LinkedIn profile: http://www.linkedin.com/in/arnoutvandecappelle
GPG fingerprint: 7493 020B C7E3 8618 8DEC 222C 82EB F404 F9AC 0DDF
^ permalink raw reply [flat|nested] 6+ messages in thread
end of thread, other threads:[~2015-11-30 23:06 UTC | newest]
Thread overview: 6+ messages (download: mbox.gz follow: Atom feed
-- links below jump to the message on this page --
2015-11-30 21:54 [Buildroot] [PATCH v2] docs/website: cosmetic changes Angelo Compagnucci
2015-11-30 22:01 ` Peter Korsgaard
2015-11-30 22:06 ` Angelo Compagnucci
2015-11-30 22:20 ` Arnout Vandecappelle
2015-11-30 22:43 ` Angelo Compagnucci
2015-11-30 23:06 ` Arnout Vandecappelle
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox