go.dev/_templates/layouts/site.tmpl - website - Git at Google

 <!DOCTYPE html>
 <html lang="en">
 <head>
 <!-- Google Tag Manager -->
 <link rel="preconnect" href="https://www.googletagmanager.com">
 <script >(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
   new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
   j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
   'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
   })(window,document,'script','dataLayer','GTM-W8MVQXG');</script>
   <!-- End Google Tag Manager -->
 <meta charset="utf-8">
 <meta name="description" content="Go is an open source programming language that makes it easy to build simple, reliable, and efficient software.">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="theme-color" content="#00add8">
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Google+Sans:400,500,600|Work+Sans:400,500,600|Roboto:400,500,700|Open+Sans:Source+Code+Pro|Material+Icons">
 <link rel="stylesheet" href="/css/styles.css">
   <!-- Google Tag Manager -->
   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
   new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
   j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
   'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
   })(window,document,'script','dataLayer','GTM-W8MVQXG');</script>
   <!-- End Google Tag Manager -->
 <script src="/js/site.js"></script>
 <title>{{.title}}{{if .Parent}} - go.dev{{end}}</title>
 {{if .link -}}
 <meta http-equiv="refresh" content="0; url={{.link}}">
 {{end -}}
 </head>
 <body class="Site">
   <!-- Google Tag Manager (noscript) -->
 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8MVQXG"
   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
   <!-- End Google Tag Manager (noscript) -->

 {{$menus := data "menus"}}
 <header class="Site-header js-siteHeader">
   <div class="Banner">
     <div class="Banner-inner">
       <div class="Banner-message">Black Lives Matter</div>
       <a class="Banner-action"
          href="https://support.eji.org/give/153413/#!/donation/checkout"
          target="_blank"
          rel="noopener">
          Support the Equal Justice Initiative
       </a>
     </div>
   </div>
   <div class="Header Header--dark">
     <nav class="Header-nav">
       <a href="https://go.dev/">
         <img
           class="js-headerLogo Header-logo"
           src="/images/go-logo-white.svg"
           alt="Go">
       </a>
       <div class="Header-rightContent">
         {{template "search-form" .}}
         <ul class="Header-menu">
           {{- $currentPage := .}}
           {{- range $menus.main}}
           <li class="Header-menuItem {{if eq $currentPage.title .name}} Header-menuItem--active{{end}}">
             <a href="{{.url}}">{{.name}}</a>
           </li>
           {{- end}}
         </ul>
         <button class="Header-navOpen js-headerMenuButton Header-navOpen--white" aria-label="Open navigation.">
         </button>
       </div>
     </nav>
     {{ if (eq .series "Use Cases") }}
     <div class="UseCaseSubNav js-useCaseSubnav">
       <button class="UseCaseSubNav-menuHeader js-useCaseSubnavHeader">
         Jump to
         <img
           class="UseCaseSubNav-menuIcon js-useCaseSubnavMenuIcon"
           alt="Open menu icon" src="/images/icons/chevron-down.svg">
       </button>
       <div class="UseCaseSubNav-menu js-useCaseSubnavMenu">
         <div class="UseCaseSubNav-anchorLinks js-useCaseSubnavLinks">
         </div>
       </div>
     </div>
     {{end}}
   </div>
 </header>
 <aside class="NavigationDrawer js-header">
   <nav class="NavigationDrawer-nav">
     <div class="NavigationDrawer-header">
       <a href="https://go.dev/">
         <img class="NavigationDrawer-logo" src="/images/go-logo-blue.svg" alt="Go.">
       </a>
     </div>
     <ul class="NavigationDrawer-list">
       {{- range $menus.main}}
         <li class="NavigationDrawer-listItem {{if eq .url $currentPage.Section}} NavigationDrawer-listItem--active{{end}}">
           <a href="{{.url}}">{{.name}}</a>
         </li>
       {{- end}}
     </ul>
   </nav>
 </aside>
 <div class="NavigationDrawer-scrim js-scrim" role="presentation"></div>
 <main class="SiteContent SiteContent--default">
   {{- block "layout" . -}}{{- end -}}
 </main>
 <footer class="Site-footer">
   <div class="Footer">
     <div class="Container">
       <div class="Footer-links">
         {{- range $menus.footer}}
           <div class="Footer-linkColumn">
             <a href="{{.url}}" class="Footer-link Footer-link--primary">
               {{.name}}
             </a>
             {{- range .children}}
               <a href="{{.url}}" class="Footer-link">
                 {{.name}}
               </a>
             {{- end}}
           </div>
         {{- end}}
       </div>
     </div>
   </div>
   <div class="Footer">
     <div class="Container Container--fullBleed">
       <div class="Footer-bottom">
         <img class="Footer-gopher" src="/images/gophers/pilot-bust.svg" alt="The Go Gopher">
         <ul class="Footer-listRow">
           <li class="Footer-listItem">
             <a href="/copyright">Copyright</a>
           </li>
           <li class="Footer-listItem">
             <a href="/tos">Terms of Service</a>
           </li>
           <li class="Footer-listItem">
             <a href="http://www.google.com/intl/en/policies/privacy/"
               target="_blank"
               rel="noopener">
               Privacy Policy
             </a>
             </li>
           <li class="Footer-listItem">
             <a
               href="https://golang.org/s/discovery-feedback"
               target="_blank"
               rel="noopener"
               >
               Report an Issue
             </a>
           </li>
           <li class="Footer-listItem">
             <a
               href="https://golang.org"
               target="_blank"
               rel="noopener"
               >golang.org
             </a>
           </li>
         </ul>
         <a class="Footer-googleLogo" target="_blank" href="https://google.com" rel="noopener">
           <img class="Footer-googleLogoImg" src="/images/google-white.png" alt="Google logo">
         </a>
       </div>
     </div>
   </div>
   <script src="/js/carousels.js"></script>
   <script src="/js/searchBox.js"></script>
   <script src="/js/misc.js"></script>
   <script src="/js/hats.js"></script>
 </footer>
 </body>
 </html>

 {{define "search-form"}}
 <form
   class="js-searchForm SearchForm" action="https://pkg.go.dev/search" role="search">
   <button
     class="js-searchFormSubmit SearchForm-submit"
     aria-label="Search for a package">
     <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M11.76 10.27L17.49 16L16 17.49L10.27 11.76C9.2 12.53 7.91 13 6.5 13C2.91 13 0 10.09 0 6.5C0 2.91 2.91 0 6.5 0C10.09 0 13 2.91 13 6.5C13 7.91 12.53 9.2 11.76 10.27ZM6.5 2C4.01 2 2 4.01 2 6.5C2 8.99 4.01 11 6.5 11C8.99 11 11 8.99 11 6.5C11 4.01 8.99 2 6.5 2Z">
       </svg>
   </button>
   <input class="SearchForm-input" aria-label="Search for a package" type="text" name="q" size="1"
          placeholder="Search for a package" autocapitalize="off" autocomplete="off" autocorrect="off"
          spellcheck="false" title="Search for a package">
         </input>
 </form>
 {{end}}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<!-- Google Tag Manager -->
	<link rel="preconnect" href="https://www.googletagmanager.com">
	<script >(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-W8MVQXG');</script>
	<!-- End Google Tag Manager -->
	<meta charset="utf-8">
	<meta name="description" content="Go is an open source programming language that makes it easy to build simple, reliable, and efficient software.">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="theme-color" content="#00add8">
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Google+Sans:400,500,600\|Work+Sans:400,500,600\|Roboto:400,500,700\|Open+Sans:Source+Code+Pro\|Material+Icons">
	<link rel="stylesheet" href="/css/styles.css">
	<!-- Google Tag Manager -->
	<script>(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start':
	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
	})(window,document,'script','dataLayer','GTM-W8MVQXG');</script>
	<!-- End Google Tag Manager -->
	<script src="/js/site.js"></script>
	<title>{{.title}}{{if .Parent}} - go.dev{{end}}</title>
	{{if .link -}}
	<meta http-equiv="refresh" content="0; url={{.link}}">
	{{end -}}
	</head>
	<body class="Site">
	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8MVQXG"
	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->

	{{$menus := data "menus"}}
	<header class="Site-header js-siteHeader">
	<div class="Banner">
	<div class="Banner-inner">
	<div class="Banner-message">Black Lives Matter</div>
	<a class="Banner-action"
	href="https://support.eji.org/give/153413/#!/donation/checkout"
	target="_blank"
	rel="noopener">
	Support the Equal Justice Initiative
	</a>
	</div>
	</div>
	<div class="Header Header--dark">
	<nav class="Header-nav">
	<a href="https://go.dev/">
	<img
	class="js-headerLogo Header-logo"
	src="/images/go-logo-white.svg"
	alt="Go">
	</a>
	<div class="Header-rightContent">
	{{template "search-form" .}}
	<ul class="Header-menu">
	{{- $currentPage := .}}
	{{- range $menus.main}}
	<li class="Header-menuItem {{if eq $currentPage.title .name}} Header-menuItem--active{{end}}">
	<a href="{{.url}}">{{.name}}</a>
	</li>
	{{- end}}
	</ul>
	<button class="Header-navOpen js-headerMenuButton Header-navOpen--white" aria-label="Open navigation.">
	</button>
	</div>
	</nav>
	{{ if (eq .series "Use Cases") }}
	<div class="UseCaseSubNav js-useCaseSubnav">
	<button class="UseCaseSubNav-menuHeader js-useCaseSubnavHeader">
	Jump to
	<img
	class="UseCaseSubNav-menuIcon js-useCaseSubnavMenuIcon"
	alt="Open menu icon" src="/images/icons/chevron-down.svg">
	</button>
	<div class="UseCaseSubNav-menu js-useCaseSubnavMenu">
	<div class="UseCaseSubNav-anchorLinks js-useCaseSubnavLinks">
	</div>
	</div>
	</div>
	{{end}}
	</div>
	</header>
	<aside class="NavigationDrawer js-header">
	<nav class="NavigationDrawer-nav">
	<div class="NavigationDrawer-header">
	<a href="https://go.dev/">
	<img class="NavigationDrawer-logo" src="/images/go-logo-blue.svg" alt="Go.">
	</a>
	</div>
	<ul class="NavigationDrawer-list">
	{{- range $menus.main}}
	<li class="NavigationDrawer-listItem {{if eq .url $currentPage.Section}} NavigationDrawer-listItem--active{{end}}">
	<a href="{{.url}}">{{.name}}</a>
	</li>
	{{- end}}
	</ul>
	</nav>
	</aside>
	<div class="NavigationDrawer-scrim js-scrim" role="presentation"></div>
	<main class="SiteContent SiteContent--default">
	{{- block "layout" . -}}{{- end -}}
	</main>
	<footer class="Site-footer">
	<div class="Footer">
	<div class="Container">
	<div class="Footer-links">
	{{- range $menus.footer}}
	<div class="Footer-linkColumn">
	<a href="{{.url}}" class="Footer-link Footer-link--primary">
	{{.name}}
	</a>
	{{- range .children}}
	<a href="{{.url}}" class="Footer-link">
	{{.name}}
	</a>
	{{- end}}
	</div>
	{{- end}}
	</div>
	</div>
	</div>
	<div class="Footer">
	<div class="Container Container--fullBleed">
	<div class="Footer-bottom">
	<img class="Footer-gopher" src="/images/gophers/pilot-bust.svg" alt="The Go Gopher">
	<ul class="Footer-listRow">
	<li class="Footer-listItem">
	<a href="/copyright">Copyright</a>
	</li>
	<li class="Footer-listItem">
	<a href="/tos">Terms of Service</a>
	</li>
	<li class="Footer-listItem">
	<a href="http://www.google.com/intl/en/policies/privacy/"
	target="_blank"
	rel="noopener">
	Privacy Policy
	</a>
	</li>
	<li class="Footer-listItem">
	<a
	href="https://golang.org/s/discovery-feedback"
	target="_blank"
	rel="noopener"
	>
	Report an Issue
	</a>
	</li>
	<li class="Footer-listItem">
	<a
	href="https://golang.org"
	target="_blank"
	rel="noopener"
	>golang.org
	</a>
	</li>
	</ul>
	<a class="Footer-googleLogo" target="_blank" href="https://google.com" rel="noopener">
	<img class="Footer-googleLogoImg" src="/images/google-white.png" alt="Google logo">
	</a>
	</div>
	</div>
	</div>
	<script src="/js/carousels.js"></script>
	<script src="/js/searchBox.js"></script>
	<script src="/js/misc.js"></script>
	<script src="/js/hats.js"></script>
	</footer>
	</body>
	</html>

	{{define "search-form"}}
	<form
	class="js-searchForm SearchForm" action="https://pkg.go.dev/search" role="search">
	<button
	class="js-searchFormSubmit SearchForm-submit"
	aria-label="Search for a package">
	<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path fill-rule="evenodd" clip-rule="evenodd" d="M11.76 10.27L17.49 16L16 17.49L10.27 11.76C9.2 12.53 7.91 13 6.5 13C2.91 13 0 10.09 0 6.5C0 2.91 2.91 0 6.5 0C10.09 0 13 2.91 13 6.5C13 7.91 12.53 9.2 11.76 10.27ZM6.5 2C4.01 2 2 4.01 2 6.5C2 8.99 4.01 11 6.5 11C8.99 11 11 8.99 11 6.5C11 4.01 8.99 2 6.5 2Z">
	</svg>
	</button>
	<input class="SearchForm-input" aria-label="Search for a package" type="text" name="q" size="1"
	placeholder="Search for a package" autocapitalize="off" autocomplete="off" autocorrect="off"
	spellcheck="false" title="Search for a package">
	</input>
	</form>
	{{end}}