code review 5783088: godoc: change link styles, add 'pop out' button

godoc: change link styles, add 'pop out' button

Remove underlines from all links, show underline on link hover.
Change all non-link headings to h4, a slight visual cue.

[adg, 2012-03-12 23:48:51]

Hello golang-dev@googlegroups.com,

I'd like you to review this change to
https://code.google.com/p/go

[gri, 2012-03-12 23:54:57]

LGTM

The blog post titles on the front page don't have the underbar when
hovering. Not sure if that's intended or  not.
- gri

On Mon, Mar 12, 2012 at 4:48 PM,  <adg@golang.org> wrote:
> Reviewers: golang-dev_googlegroups.com,
>
> Message:
> Hello golang-dev@googlegroups.com,
>
> I'd like you to review this change to
> https://code.google.com/p/go
>
>
> Description:
> godoc: change link styles, add 'pop out' button
>
> Remove underlines from all links, show underline on link hover.
> Change all non-link headings to h4, a slight visual cue.
>
> Please review this at http://codereview.appspot.com/5783088/
>
> Affected files:
>  M doc/docs.html
>  M doc/reference.html
>  M doc/root.html
>  A doc/share.png
>  M doc/style.css
>
>
> Index: doc/docs.html
> ===================================================================
> --- a/doc/docs.html
> +++ b/doc/docs.html
> @@ -89,7 +89,7 @@
>  <p>The official blog of the Go project, featuring news and in-depth
> articles by
>  the Go team and guests.</p>
>
> -<h3>Codewalks</h3>
> +<h4>Codewalks</h4>
>  <p>
>  Guided tours of Go programs.
>  </p>
> @@ -100,8 +100,7 @@
>  <li><a href="/doc/articles/wiki/">Writing Web Applications</a> - building a
> simple web application.</li>
>  </ul>
>
> -<h3>Language</h3>
> -
> +<h4>Language</h4>
>  <ul>
>  <li><a
>
href="http://blog.golang.org/2010/04/json-rpc-tale-of-interfaces.html">JSON-RPC:
> a tale of interfaces</a></li>
>  <li><a
> href="http://blog.golang.org/2010/07/gos-declaration-syntax.html">Go's
> Declaration Syntax</a></li>
> @@ -112,8 +111,7 @@
>  <li><a href="/doc/articles/error_handling.html">Error Handling and
> Go</a></li>
>  </ul>
>
> -<h3>Packages</h3>
> -
> +<h4>Packages</h4>
>  <ul>
>  <li><a href="http://blog.golang.org/2011/01/json-and-go.html">JSON and
> Go</a> - using the <a href="/pkg/encoding/json/">json</a> package.</li>
>  <li><a href="http://blog.golang.org/2011/03/gobs-of-data.html">Gobs of
> data</a> - the design and use of the <a href="/pkg/encoding/gob/">gob</a>
> package.</li>
> @@ -122,8 +120,7 @@
>  <li><a href="http://blog.golang.org/2011/09/go-imagedraw-package.html">The
> Go image/draw package</a> - the fundamentals of the <a
> href="/pkg/image/draw/">image/draw</a> package.</li>
>  </ul>
>
> -<h3>Tools</h3>
> -
> +<h4>Tools</h4>
>  <ul>
>  <li><a href="/doc/articles/go_command.html">About the Go command</a> - why
> we wrote it, what it is, what it's not, and how to use it.</li>
>  <li><a href="/doc/articles/c_go_cgo.html">C? Go? Cgo!</a> - linking against
> C code with <a href="/cmd/cgo/">cgo</a>.</li>
> @@ -180,7 +177,7 @@
>  See the <a href="http://wh3rd.net/practical-go/">presentation slides</a>.
>  </p>
>
> -<h3 id="talks_more">More</h3>
> +<h4 id="talks_more">More</h4>
>  <p>
>  See the <a href="http://code.google.com/p/go-wiki/wiki/GoTalks">GoTalks
>  page</a> at the <a href="http://code.google.com/p/go-wiki/wiki">Go Wiki</a>
> for
> Index: doc/reference.html
> ===================================================================
> --- a/doc/reference.html
> +++ b/doc/reference.html
> @@ -58,7 +58,7 @@
>  Using GDB to debug Go programs.
>  </p>
>
> -<h3 id="articles">Articles</h2>
> +<h4 id="articles">Articles</h4>
>
>  <ul>
>  <li><a href="/doc/articles/c_go_cgo.html">C? Go? Cgo!</a> - linking against
> C code with <a href="/cmd/cgo/">cgo</a>.</li>
> Index: doc/root.html
> ===================================================================
> --- a/doc/root.html
> +++ b/doc/root.html
> @@ -5,9 +5,10 @@
>  <div class="left">
>
>  <div id="learn">
> +<img class="icon share" src="/doc/share.png">
>  <div class="rootHeading">Try Go</div>
>  <div class="input">
> -<textarea spellcheck="false" id="code">// You can edit this code!
> +<textarea spellcheck="false" class="code">// You can edit this code!
>  // Click here and start typing.
>  package main
>
> @@ -17,14 +18,14 @@
>        fmt.Println("Hello, 世界")
>  }</textarea>
>  </div>
> -<div class="output" id="output">
> +<div class="output">
>  <pre>
>  Hello, 世界
>  </pre>
>  </div>
>  <div class="buttons">
> -<a id="run" href="#">Run</a>
> -<a id="share" href="#">Share</a>
> +<a class="run" href="#">Run</a>
> +<a class="share" href="#">Share</a>
>  </div>
>  </div>
>
> @@ -112,10 +113,10 @@
>        // Set up playground.
>        playground({
>                "simple":        true,
> -               "codeEl":        "#code",
> -               "outputEl":      "#output",
> -               "runEl":         "#run",
> -               "shareEl":       "#share",
> +               "codeEl":        "#learn .code",
> +               "outputEl":      "#learn .output",
> +               "runEl":         "#learn .run",
> +               "shareEl":       "#learn .share",
>                "shareRedirect": "http://play.golang.org/p/"
>        });
>  }
> Index: doc/share.png
> ===================================================================
> new file mode 100644
> index
>
0000000000000000000000000000000000000000..c04f0c71aa3de279e176974ca5dfc43d297791e7
> GIT binary patch
> literal 2993
> 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
>
> Index: doc/style.css
> ===================================================================
> --- a/doc/style.css
> +++ b/doc/style.css
> @@ -18,11 +18,11 @@
>  pre .highlight-comment,
>  pre .selection-highlight,
>  pre .selection-highlight-comment {
> -    background: #FFFF00;
> +       background: #FFFF00;
>  }
>  pre .selection,
>  pre .selection-comment {
> -    background: #FF9632;
> +       background: #FF9632;
>  }
>  pre .ln {
>        color: #999;
> @@ -34,6 +34,9 @@
>        color: #375EAB;
>        text-decoration: none;
>  }
> +a:hover {
> +       text-decoration: underline;
> +}
>  p,
>  pre,
>  ul,
> @@ -82,13 +85,6 @@
>        margin: 0;
>  }
>
> -h1 a,
> -h2 a,
> -h3 a,
> -h4 a {
> -       text-decoration: underline;
> -}
> -
>  dl {
>        margin: 20px;
>  }
> @@ -262,6 +258,10 @@
>        margin-top: 5px;
>  }
>
> +div#learn .icon {
> +       float: right;
> +       cursor: pointer;
> +}
>  div#learn pre,
>  div#learn textarea {
>        padding: 0;
>
>

[adg, 2012-03-12 23:59:43]

On 13 March 2012 10:54, Robert Griesemer <gri@golang.org> wrote:
> LGTM
>
> The blog post titles on the front page don't have the underbar when
> hovering. Not sure if that's intended or  not.

I just updated this CL to make them blue and behave the same as the
other links. I think they're bette rnow.

> On Mon, Mar 12, 2012 at 4:48 PM,  <adg@golang.org> wrote:
>> Reviewers: golang-dev_googlegroups.com,
>>
>> Message:
>> Hello golang-dev@googlegroups.com,
>>
>> I'd like you to review this change to
>> https://code.google.com/p/go
>>
>>
>> Description:
>> godoc: change link styles, add 'pop out' button
>>
>> Remove underlines from all links, show underline on link hover.
>> Change all non-link headings to h4, a slight visual cue.
>>
>> Please review this at http://codereview.appspot.com/5783088/
>>
>> Affected files:
>>  M doc/docs.html
>>  M doc/reference.html
>>  M doc/root.html
>>  A doc/share.png
>>  M doc/style.css
>>
>>
>> Index: doc/docs.html
>> ===================================================================
>> --- a/doc/docs.html
>> +++ b/doc/docs.html
>> @@ -89,7 +89,7 @@
>>  <p>The official blog of the Go project, featuring news and in-depth
>> articles by
>>  the Go team and guests.</p>
>>
>> -<h3>Codewalks</h3>
>> +<h4>Codewalks</h4>
>>  <p>
>>  Guided tours of Go programs.
>>  </p>
>> @@ -100,8 +100,7 @@
>>  <li><a href="/doc/articles/wiki/">Writing Web Applications</a> - building a
>> simple web application.</li>
>>  </ul>
>>
>> -<h3>Language</h3>
>> -
>> +<h4>Language</h4>
>>  <ul>
>>  <li><a
>>
href="http://blog.golang.org/2010/04/json-rpc-tale-of-interfaces.html">JSON-RPC:
>> a tale of interfaces</a></li>
>>  <li><a
>> href="http://blog.golang.org/2010/07/gos-declaration-syntax.html">Go's
>> Declaration Syntax</a></li>
>> @@ -112,8 +111,7 @@
>>  <li><a href="/doc/articles/error_handling.html">Error Handling and
>> Go</a></li>
>>  </ul>
>>
>> -<h3>Packages</h3>
>> -
>> +<h4>Packages</h4>
>>  <ul>
>>  <li><a href="http://blog.golang.org/2011/01/json-and-go.html">JSON and
>> Go</a> - using the <a href="/pkg/encoding/json/">json</a> package.</li>
>>  <li><a href="http://blog.golang.org/2011/03/gobs-of-data.html">Gobs of
>> data</a> - the design and use of the <a href="/pkg/encoding/gob/">gob</a>
>> package.</li>
>> @@ -122,8 +120,7 @@
>>  <li><a href="http://blog.golang.org/2011/09/go-imagedraw-package.html">The
>> Go image/draw package</a> - the fundamentals of the <a
>> href="/pkg/image/draw/">image/draw</a> package.</li>
>>  </ul>
>>
>> -<h3>Tools</h3>
>> -
>> +<h4>Tools</h4>
>>  <ul>
>>  <li><a href="/doc/articles/go_command.html">About the Go command</a> - why
>> we wrote it, what it is, what it's not, and how to use it.</li>
>>  <li><a href="/doc/articles/c_go_cgo.html">C? Go? Cgo!</a> - linking against
>> C code with <a href="/cmd/cgo/">cgo</a>.</li>
>> @@ -180,7 +177,7 @@
>>  See the <a href="http://wh3rd.net/practical-go/">presentation slides</a>.
>>  </p>
>>
>> -<h3 id="talks_more">More</h3>
>> +<h4 id="talks_more">More</h4>
>>  <p>
>>  See the <a href="http://code.google.com/p/go-wiki/wiki/GoTalks">GoTalks
>>  page</a> at the <a href="http://code.google.com/p/go-wiki/wiki">Go Wiki</a>
>> for
>> Index: doc/reference.html
>> ===================================================================
>> --- a/doc/reference.html
>> +++ b/doc/reference.html
>> @@ -58,7 +58,7 @@
>>  Using GDB to debug Go programs.
>>  </p>
>>
>> -<h3 id="articles">Articles</h2>
>> +<h4 id="articles">Articles</h4>
>>
>>  <ul>
>>  <li><a href="/doc/articles/c_go_cgo.html">C? Go? Cgo!</a> - linking against
>> C code with <a href="/cmd/cgo/">cgo</a>.</li>
>> Index: doc/root.html
>> ===================================================================
>> --- a/doc/root.html
>> +++ b/doc/root.html
>> @@ -5,9 +5,10 @@
>>  <div class="left">
>>
>>  <div id="learn">
>> +<img class="icon share" src="/doc/share.png">
>>  <div class="rootHeading">Try Go</div>
>>  <div class="input">
>> -<textarea spellcheck="false" id="code">// You can edit this code!
>> +<textarea spellcheck="false" class="code">// You can edit this code!
>>  // Click here and start typing.
>>  package main
>>
>> @@ -17,14 +18,14 @@
>>        fmt.Println("Hello, 世界")
>>  }</textarea>
>>  </div>
>> -<div class="output" id="output">
>> +<div class="output">
>>  <pre>
>>  Hello, 世界
>>  </pre>
>>  </div>
>>  <div class="buttons">
>> -<a id="run" href="#">Run</a>
>> -<a id="share" href="#">Share</a>
>> +<a class="run" href="#">Run</a>
>> +<a class="share" href="#">Share</a>
>>  </div>
>>  </div>
>>
>> @@ -112,10 +113,10 @@
>>        // Set up playground.
>>        playground({
>>                "simple":        true,
>> -               "codeEl":        "#code",
>> -               "outputEl":      "#output",
>> -               "runEl":         "#run",
>> -               "shareEl":       "#share",
>> +               "codeEl":        "#learn .code",
>> +               "outputEl":      "#learn .output",
>> +               "runEl":         "#learn .run",
>> +               "shareEl":       "#learn .share",
>>                "shareRedirect": "http://play.golang.org/p/"
>>        });
>>  }
>> Index: doc/share.png
>> ===================================================================
>> new file mode 100644
>> index
>>
0000000000000000000000000000000000000000..c04f0c71aa3de279e176974ca5dfc43d297791e7
>> GIT binary patch
>> literal 2993
>> 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
>>
>> Index: doc/style.css
>> ===================================================================
>> --- a/doc/style.css
>> +++ b/doc/style.css
>> @@ -18,11 +18,11 @@
>>  pre .highlight-comment,
>>  pre .selection-highlight,
>>  pre .selection-highlight-comment {
>> -    background: #FFFF00;
>> +       background: #FFFF00;
>>  }
>>  pre .selection,
>>  pre .selection-comment {
>> -    background: #FF9632;
>> +       background: #FF9632;
>>  }
>>  pre .ln {
>>        color: #999;
>> @@ -34,6 +34,9 @@
>>        color: #375EAB;
>>        text-decoration: none;
>>  }
>> +a:hover {
>> +       text-decoration: underline;
>> +}
>>  p,
>>  pre,
>>  ul,
>> @@ -82,13 +85,6 @@
>>        margin: 0;
>>  }
>>
>> -h1 a,
>> -h2 a,
>> -h3 a,
>> -h4 a {
>> -       text-decoration: underline;
>> -}
>> -
>>  dl {
>>        margin: 20px;
>>  }
>> @@ -262,6 +258,10 @@
>>        margin-top: 5px;
>>  }
>>
>> +div#learn .icon {
>> +       float: right;
>> +       cursor: pointer;
>> +}
>>  div#learn pre,
>>  div#learn textarea {
>>        padding: 0;
>>
>>

[adg, 2012-03-13 00:00:12]

*** Submitted as http://code.google.com/p/go/source/detail?r=97d498d864a3 ***

godoc: change link styles, add 'pop out' button

Remove underlines from all links, show underline on link hover.
Change all non-link headings to h4, a slight visual cue.

R=golang-dev, gri
CC=golang-dev
http://codereview.appspot.com/5783088