From e8636a64a2dd0f7c2821d97d5331d7a34e959ad5 Mon Sep 17 00:00:00 2001
From: Andrew Gerrand <adg@golang.org>
Date: Tue, 13 Mar 2012 11:00:11 +1100
Subject: [PATCH] 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
https://golang.org/cl/5783088
---
 doc/docs.html      |  13 +++++--------
 doc/reference.html |   2 +-
 doc/root.html      |  17 +++++++++--------
 doc/share.png      | Bin 0 -> 2993 bytes
 doc/style.css      |  20 +++++++++-----------
 5 files changed, 24 insertions(+), 28 deletions(-)
 create mode 100644 doc/share.png

diff --git a/doc/docs.html b/doc/docs.html
index af30dacfe0b..7bdaef94843 100644
--- a/doc/docs.html
+++ b/doc/docs.html
@@ -89,7 +89,7 @@ Go 1 matures.
 <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 @@ Guided tours of Go programs.
 <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 @@ Guided tours of Go programs.
 <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 @@ Guided tours of Go programs.
 <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 @@ the simple example of an URL shortening service.
 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
diff --git a/doc/reference.html b/doc/reference.html
index 6a8f9dbc669..37c3418f547 100644
--- a/doc/reference.html
+++ b/doc/reference.html
@@ -58,7 +58,7 @@ same variable in a different goroutine.
 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>
diff --git a/doc/root.html b/doc/root.html
index b2ce06ffb38..cf6d0ff86da 100644
--- 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 @@ func main() {
 	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 @@ function init() {
 	// 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/"
 	});
 }
diff --git a/doc/share.png b/doc/share.png
new file mode 100644
index 0000000000000000000000000000000000000000..c04f0c71aa3de279e176974ca5dfc43d297791e7
GIT binary patch
literal 2993
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

literal 0
HcmV?d00001

diff --git a/doc/style.css b/doc/style.css
index d5b305984a5..a46b8f8a99a 100644
--- a/doc/style.css
+++ b/doc/style.css
@@ -18,11 +18,11 @@ pre .highlight,
 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 @@ a {
 	color: #375EAB;
 	text-decoration: none;
 }
+a:hover {
+	text-decoration: underline;
+}
 p,
 pre,
 ul,
@@ -82,13 +85,6 @@ h4 {
 	margin: 0;
 }
 
-h1 a,
-h2 a,
-h3 a,
-h4 a {
-	text-decoration: underline;
-}
-
 dl {
 	margin: 20px;
 }
@@ -262,6 +258,10 @@ a#start .desc {
 	margin-top: 5px;
 }
 
+div#learn .icon {
+	float: right;
+	cursor: pointer;
+}
 div#learn pre,
 div#learn textarea {
 	padding: 0;
@@ -351,8 +351,6 @@ div#video > h2 {
 }
 div#blog .title,
 div#video .title {
-	color: #222;
-	text-decoration: none;
 	display: block;
 	font-size: 20px;
 }