_content: Help page update
- Adds new card style for help page
Screenshot: https://drive.google.com/file/d/11nT6QYZkgoCvvfwRkZVfV1Rrw74VEj9N/view?usp=sharing
Change-Id: Ie104b424ae2d837c9457b666a382f246122ef89e
Reviewed-on: https://go-review.googlesource.com/c/website/+/443695
Reviewed-by: Hyang-Ah Hana Kim <hyangah@gmail.com>
Reviewed-by: Jamal Carvalho <jamal@golang.org>
TryBot-Result: Gopher Robot <gobot@golang.org>
Run-TryBot: Jamal Carvalho <jamal@golang.org>
diff --git a/_content/css/styles.css b/_content/css/styles.css
index b532ec8..e22d36c 100644
--- a/_content/css/styles.css
+++ b/_content/css/styles.css
@@ -3878,7 +3878,21 @@
img.PullQuote-image {
width: 2.625rem;
}
-
+.BigCard {
+ border: var(--border);
+ border-radius: 0.25rem;
+ padding: 0 1.75rem;
+ margin-bottom: 1.5rem;
+}
+.BigCard h2 {
+ margin-top: 1.5rem;
+ font-style: normal;
+ font-weight: 400;
+ font-size: 1.125rem;
+ line-height: 2rem;
+ border-bottom: var(--border);
+ padding-bottom: 0.5rem;
+}
.Card {
background-color: var(--white);
border: var(--border);
diff --git a/_content/help.md b/_content/help.md
index 59a6475..03fb52f 100644
--- a/_content/help.md
+++ b/_content/help.md
@@ -7,8 +7,8 @@
<div id="manual-nav"></div>
-<h2 id="help">Get help</h2>
-
+<section id="help" class="BigCard">
+<h2>Get help</h2>
<h3 id="mailinglist"><a href="https://groups.google.com/group/golang-nuts">Go Nuts Mailing List</a></h3>
<p>
Get help from Go users, and share your work on the official mailing list.
@@ -39,8 +39,10 @@
<h3 id="faq"><a href="/doc/faq">Frequently Asked Questions (FAQ)</a></h3>
<p>Answers to common questions about Go.</p>
+</section>
-<h2 id="inform">Stay informed</h2>
+<section id="inform" class="BigCard">
+<h2>Stay informed</h2>
<h3 id="announce"><a href="https://groups.google.com/group/golang-announce">Go Announcements Mailing List</a></h3>
<p>
@@ -66,8 +68,11 @@
The <a href="https://changelog.com/gotime">Go Time podcast</a> is a panel of Go experts and special guests
discussing the Go programming language, the community, and everything in between.
</p>
+</section>
-<h2 id="community">Community resources</h2>
+
+<section id="community" class="BigCard">
+<h2>Community resources</h2>
<h3 id="go_user_groups"><a href="/wiki/GoUserGroups">Go User Groups</a></h3>
<p>
@@ -86,4 +91,4 @@
Guidelines for participating in Go community spaces
and a reporting process for handling issues.
</p>
-
+</section>