gddo-server/assets: add Black Lives Matter banner
Change-Id: I14308b23539760cd54577daabc7617eb40c75e6e
Reviewed-on: https://go-review.googlesource.com/c/gddo/+/237601
Run-TryBot: Andrew Bonventre <andybons@golang.org>
Reviewed-by: Julie Qiu <julie@golang.org>
diff --git a/gddo-server/assets/site.css b/gddo-server/assets/site.css
index f05feb4..2c63f38 100644
--- a/gddo-server/assets/site.css
+++ b/gddo-server/assets/site.css
@@ -93,7 +93,7 @@
.navbar-default, #x-footer {
background-color: hsl(209, 51%, 92%);
- border-color: hsl(209, 51%, 88%);
+ border: none;
}
.navbar-default .navbar-nav > .active > a,
@@ -107,6 +107,18 @@
color: #000;
}
+.navbar-blm {
+ background-color: #000;
+ color: #fff;
+ padding: 1rem 0;
+ text-align: center;
+}
+.navbar-blm a:link,
+.navbar-blm a:visited {
+ color: #fff;
+ text-decoration: underline;
+}
+
.banner {
align-items: center;
background-color: #fffbe0;
diff --git a/gddo-server/assets/templates/layout.html b/gddo-server/assets/templates/layout.html
index 4bd077a..d35f4a8 100644
--- a/gddo-server/assets/templates/layout.html
+++ b/gddo-server/assets/templates/layout.html
@@ -8,24 +8,30 @@
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
+ <div class="navbar-blm">
+ Black Lives Matter.
+ <a href="https://support.eji.org/give/153413/#!/donation/checkout"
+ target="_blank"
+ rel="noopener">Support the Equal Justice Initiative.</a>
+ </div>
<div class="container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="/"><strong>GoDoc</strong></a>
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="/"><strong>GoDoc</strong></a>
+ </div>
+ <div class="collapse navbar-collapse">
+ <ul class="nav navbar-nav">
+ <li{{if equal "home.html" templateName}} class="active"{{end}}><a href="/">Home</a></li>
+ <li{{if equal "about.html" templateName}} class="active"{{end}}><a href="/-/about">About</a></li>
+ </ul>
+ <form class="navbar-nav navbar-form navbar-right" id="x-search" action="/" role="search"><input class="form-control" id="x-search-query" type="text" name="q" placeholder="Search"></form>
+ </div>
</div>
- <div class="collapse navbar-collapse">
- <ul class="nav navbar-nav">
- <li{{if equal "home.html" templateName}} class="active"{{end}}><a href="/">Home</a></li>
- <li{{if equal "about.html" templateName}} class="active"{{end}}><a href="/-/about">About</a></li>
- </ul>
- <form class="navbar-nav navbar-form navbar-right" id="x-search" action="/" role="search"><input class="form-control" id="x-search-query" type="text" name="q" placeholder="Search"></form>
- </div>
-</div>
</nav>
<div class="banner">
<div class="banner-message">
