_content: Go project page redesign
Converting project page to use the "flat card"
- divides up page into sections to match the design preserving ID's
- removes test in web.txt that looks for release schedule because it was removed.
Video: https://drive.google.com/file/d/1MYcZTeuoDAoEFTWRRVZ93hyLsJSwKi2I/view?usp=sharing
Change-Id: If3df2f050592c5c1ac3a92763404e8eaba3972be
Reviewed-on: https://go-review.googlesource.com/c/website/+/445578
Run-TryBot: Jamal Carvalho <jamal@golang.org>
Reviewed-by: Hyang-Ah Hana Kim <hyangah@gmail.com>
Reviewed-by: Jamal Carvalho <jamal@golang.org>
TryBot-Result: Gopher Robot <gobot@golang.org>
diff --git a/_content/css/styles.css b/_content/css/styles.css
index a438d15..c376e18 100644
--- a/_content/css/styles.css
+++ b/_content/css/styles.css
@@ -3878,6 +3878,40 @@
img.PullQuote-image {
width: 2.625rem;
}
+.FlatCard {
+ border: var(--border);
+ border-radius: 0.25rem;
+ padding: 0 1.5rem;
+ padding-bottom: 0.75rem;
+ width: 100%;
+ min-height: 11.25rem;
+}
+.FlatCard-wrapper {
+ display: grid;
+ grid-gap: 2rem;
+ grid-auto-flow: row;
+ grid-template-columns: 1fr 1fr 1fr;
+ margin-top: 1rem;
+}
+.FlatCard-column {
+ display: flex;
+ flex-direction: column;
+ gap: 2rem;
+ width: 100%;
+ margin-top: 1rem;
+}
+.FlatCard-bottom-spacer {
+ margin-bottom: 4rem;
+}
+.FlatCard-column .FlatCard {
+ width: 100%;
+}
+.FlatCard h3 {
+ font-style: normal;
+ font-weight: 500;
+ font-size: 1rem;
+ line-height: 1.5rem;
+}
.Masonry {
column-count: 1;
column-gap: 3.5rem;
diff --git a/_content/images/icons/union.svg b/_content/images/icons/union.svg
new file mode 100644
index 0000000..82efd9f
--- /dev/null
+++ b/_content/images/icons/union.svg
@@ -0,0 +1 @@
+<svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.429 0h3.857v.857H.857v10.286h10.286V7.714H12v3.857l-.429.429H.43L0 11.571V.43L.429 0Z" fill="#007F9F"/><path d="M12 .429V6h-.857V1.463L5.35 7.255l-.606-.606L10.537.857H6V0h5.571L12 .43Z" fill="#007F9F"/></svg>
\ No newline at end of file
diff --git a/_content/project.html b/_content/project.html
index 44daeab..daca015 100644
--- a/_content/project.html
+++ b/_content/project.html
@@ -1,7 +1,7 @@
<!--{
"Title": "The Go Project",
"layout": "article",
- "template": true
+ "template": true
}-->
<div id="manual-nav"></div>
@@ -10,47 +10,33 @@
Go is an open source project developed by a team at
<a href="https://google.com/">Google</a> and many
contributors from the open source community.
-</p>
-
-<p>
Go is distributed under a <a href="/LICENSE">BSD-style license</a>.
</p>
-<h3 id="announce"><a href="https://groups.google.com/group/golang-announce">Announcements Mailing List</a></h3>
-<p>
-A low traffic mailing list for important announcements, such as new releases.
-</p>
-<p>
-We encourage all Go users to subscribe to
-<a href="https://groups.google.com/group/golang-announce">golang-announce</a>.
-</p>
-
-
<h2 id="go1">Version history</h2>
-<h3 id="release"><a href="/doc/devel/release.html">Release History</a></h3>
-
-<p>A <a href="/doc/devel/release.html">summary</a> of the changes between Go releases. Notes for the major releases:</p>
-
-<ul>
- {{range releases -}}
- <li><a href="/doc/go{{.Version}}">Go {{.Version}}</a> <small>({{.Date.Format "January 2006"}})</small></li>
- {{end -}}
-</ul>
-
-<h3 id="go1compat"><a href="/doc/go1compat">Go 1 and the Future of Go Programs</a></h3>
-<p>
-What Go 1 defines and the backwards-compatibility guarantees one can expect as
-Go 1 matures.
-</p>
-
+<div class="FlatCard-wrapper">
+<div class="FlatCard">
+ <h3 id="release"><a href="/doc/devel/release.html">Release History</a></h3>
+ <p>A <a href="/doc/devel/release.html">summary</a> of the changes between Go releases.</p>
+</div>
+<div class="FlatCard">
+ <h3 id="go1compat"><a href="/doc/go1compat">Go 1 and the Future of Go Programs</a></h3>
+ <p>What Go 1 defines and the backwards-compatibility guarantees one can expect as Go 1 matures.</p>
+</div>
+</div>
<h2 id="resources">Developer Resources</h2>
-<h3 id="source"><a href="/change">Source Code</a></h3>
-<p>Check out the Go source code.</p>
+<div class="FlatCard-wrapper">
-<h3 id="discuss"><a href="https://groups.google.com/group/golang-nuts">Discussion Mailing List</a></h3>
+<div class="FlatCard">
+<h3 id="source"><a href="/change">Source Code <img src="/images/icons/union.svg" width="12" height="12" aria-hidden="true" /></a></h3>
+<p>Check out the Go source code.</p>
+</div>
+
+<div class="FlatCard">
+<h3 id="discuss"><a href="https://groups.google.com/group/golang-nuts">Discussion Mailing List <img src="/images/icons/union.svg" width="12" height="12" aria-hidden="true" /></a></h3>
<p>
A mailing list for general discussion of Go programming.
</p>
@@ -58,25 +44,46 @@
Questions about using Go or announcements relevant to other Go users should be sent to
<a href="https://groups.google.com/group/golang-nuts">golang-nuts</a>.
</p>
+</div>
-<h3 id="golang-dev"><a href="https://groups.google.com/group/golang-dev">Developer</a> and
-<a href="https://groups.google.com/group/golang-codereviews">Code Review Mailing List</a></h3>
+<div class="FlatCard">
+<h3 id="discuss"><a href="https://groups.google.com/group/golang-dev">Developer Mailing List <img src="/images/icons/union.svg" width="12" height="12" aria-hidden="true" /></a></h3>
<p>The <a href="https://groups.google.com/group/golang-dev">golang-dev</a>
mailing list is for discussing code changes to the Go project.
-The <a href="https://groups.google.com/group/golang-codereviews">golang-codereviews</a>
+</p>
+</div>
+
+<div class="FlatCard">
+<h3 id="golang-dev">
+<a href="https://groups.google.com/group/golang-codereviews">Code Review Mailing List <img src="/images/icons/union.svg" width="12" height="12" aria-hidden="true" /></a></h3>
+<p>The <a href="https://groups.google.com/group/golang-codereviews">golang-codereviews</a>
mailing list is for actual reviewing of the code changes (CLs).</p>
+</div>
-<h3 id="golang-checkins"><a href="https://groups.google.com/group/golang-checkins">Checkins Mailing List</a></h3>
+<div class="FlatCard">
+<h3 id="golang-checkins"><a href="https://groups.google.com/group/golang-checkins">Checkins Mailing List <img src="/images/icons/union.svg" width="12" height="12" aria-hidden="true" /></a></h3>
<p>A mailing list that receives a message summarizing each checkin to the Go repository.</p>
+</div>
-<h3 id="build_status"><a href="https://build.golang.org/">Build Status</a></h3>
+<div class="FlatCard">
+<h3 id="build_status"><a href="https://build.golang.org/">Build Status <img src="/images/icons/union.svg" width="12" height="12" aria-hidden="true" /></a></h3>
<p>View the status of Go builds across the supported operating
systems and architectures.</p>
+</div>
+<div class="FlatCard">
+<h3 id="faq"><a href="/doc/faq">FAQ</a></h3>
+<p>Answers to common questions about Go.</p>
+</div>
+
+</div>
<h2 id="howto">How you can help</h2>
-<h3><a href="/issue">Reporting issues</a></h3>
+<div class="FlatCard-column FlatCard-bottom-spacer">
+
+<div class="FlatCard">
+<h3><a href="/issue">Reporting issues <img src="/images/icons/union.svg" width="12" height="12" aria-hidden="true" /></a></h3>
<p>
If you spot bugs, mistakes, or inconsistencies in the Go project's code or
@@ -99,10 +106,12 @@
<p>
Community-related issues should be reported to
-<a href="mailto:conduct@golang.org">conduct@golang.org</a>.<br>
+<a href="mailto:conduct@golang.org">conduct@golang.org</a>.
See the <a href="/conduct">Code of Conduct</a> for more details.
</p>
+</div>
+<div class="FlatCard">
<h3><a href="/doc/contribute.html">Contributing code & documentation</a></h3>
<p>
@@ -118,3 +127,6 @@
<a href="https://github.com/golang/go/issues?q=is%3Aopen+is%3Aissue+label%3A%22help+wanted%22">help wanted</a>
are particularly in need of outside help.
</p>
+</div>
+
+</div>
\ No newline at end of file
diff --git a/cmd/golangorg/testdata/web.txt b/cmd/golangorg/testdata/web.txt
index 836cf43..68bcfba 100644
--- a/cmd/golangorg/testdata/web.txt
+++ b/cmd/golangorg/testdata/web.txt
@@ -311,10 +311,6 @@
GET https://golang.org/project
redirect == https://go.dev/project
-GET https://go.dev/project
-body contains <li><a href="/doc/go1.14">Go 1.14</a> <small>(February 2020)</small></li>
-body contains <li><a href="/doc/go1.1">Go 1.1</a> <small>(May 2013)</small></li>
-
GET https://golang.org/project/
redirect == https://go.dev/project/