Add support to build archive.istio.io's landing page. (#4036)

data/args.yml

@@ -12,8 +12,10 @@ copyright_year: 2019
 # when preliminary=false and archive=false, we're building for istio.io
 # When preliminary=true, we're building for preliminary.istio.io
 # when archive=true, we're building for archive.istio.io
+# when archive_landing=true, we're building the landing page for archive.istio.io
 preliminary: true
 archive: false
+archive_landing: false
 
 # When archive=true above, these values must be filled in
 archive_date: YYYY-MM-DD

layouts/_default/baseof.html

@@ -48,7 +48,9 @@
         {{ end }}
 
         {{ $analytics_id := .Site.Data.args.main_analytics_id }}
-        {{ if .Site.Data.args.archive }}
+        {{ if .Site.Data.args.archive_landing }}
+            <title>istio.io Archives</title>
+        {{ else if .Site.Data.args.archive }}
             {{ if eq .Title "Istio" }}
                 <title>Istioldie {{ .Site.Data.args.version }}</title>
             {{ else }}
@@ -106,7 +108,7 @@
     </head>
 
     {{ $site_mode := ""}}
-    {{ if .Site.Data.args.archive }}
+    {{ if or .Site.Data.args.archive .Site.Data.args.archive_landing }}
         {{ $site_mode = "archive-site" }}
     {{ else if .Site.Data.args.preliminary }}
         {{ $site_mode = "preliminary-site" }}

layouts/home.html

@@ -1,5 +1,21 @@
 {{ define "main" }}
-<script>
+{{ if .Site.Data.args.archive_landing }}
+    <main class="primary notoc">
+        <div id="sidebar-container" class="sidebar-container sidebar-offcanvas"></div>
+        <div class="article-container">
+
+    <h1>istio.io Archives</h1>
+    <p>Snapshots of the <a href="https://istio.io">istio.io</a> website for each release.</p>
+
+    <ul>
+        {{ range $archive := .Site.Data.archives }}
+            <li><a href="./{{ $archive.name }}">{{ $archive.name }}</a></li>
+        {{ end }}
+    </ul>
+            </div>
+    </main>
+{{ else }}
+    <script>
         document.addEventListener("DOMContentLoaded", function() {
             document.getElementById('panel1').style.opacity = "1";
 
@@ -19,7 +35,8 @@
                 document.getElementById('buttons').style.opacity = "1";
             }, 1500);
         });
-</script>
+    </script>
 
-{{ .Content }}
+    {{ .Content }}
+{{ end }}
 {{ end }}

layouts/partials/footer.html

@@ -39,6 +39,9 @@
                 {{ printf "%s" $advisory }}<br>
             {{ end }}
 
+            {{ if .Site.Data.args.archive_landing }}
+                istio.io Archives
+            {{ else }}
                 {{ if .Site.Data.args.archive }}
                     {{ i18n "footer_istio_archive" }}
                 {{ else if .Site.Data.args.preliminary }}
@@ -47,7 +50,10 @@
                     {{ i18n "footer_istio" }}
                 {{ end }}
 
-            {{ strings.TrimSuffix ".0" .Site.Data.args.full_version }}<br>&copy; {{ .Site.Data.args.copyright_year }} Istio Authors, <a href="https://policies.google.com/privacy">{{ i18n "footer_privacy_policy" }}</a><br>
+                {{ strings.TrimSuffix ".0" .Site.Data.args.full_version }}
+            {{ end -}}
+            <br>&copy; {{ .Site.Data.args.copyright_year }} Istio Authors, <a href="https://policies.google.com/privacy">{{ i18n "footer_privacy_policy" }}</a><br>
+
             {{ if .Site.Data.args.archive }}
                 {{ printf (i18n "footer_archived_on") (dateFormat (i18n "footer_date_format") .Site.Data.args.archive_date) }}
             {{ else }}

layouts/partials/header.html

@@ -9,7 +9,9 @@
         <a id="brand" href="{{ $home.Permalink }}">
             <span class="logo">{{ with resources.Get "inline_images/istio-whitelogo-bluebackground-rounded.svg" }}{{ ( . | minify).Content | safeHTML }}{{ end }}</span>
 
-            {{ if .Site.Data.args.archive }}
+            {{ if .Site.Data.args.archive_landing }}
+                <span class="name">Istioldies</span>
+            {{ else if .Site.Data.args.archive }}
                 <span class="name">Istioldie {{ .Site.Data.args.version }}</span>
             {{ else if .Site.Data.args.preliminary }}
                 <span class="name">Istio Prelim {{ .Site.Data.args.version }}</span>
@@ -52,6 +54,7 @@
                 {{ end }}
             {{ end }}
 
+            {{ if not .Site.Data.args.archive_landing }}
                 <div class="menu">
                     <button id="gearDropdownButton" class="menu-trigger" title='{{ i18n "options_menu" }}'
                             aria-label="Options and Settings" aria-controls="gearDropdownContent">
@@ -109,6 +112,7 @@
                         {{ end }}
                     </div>
                 </div>
+            {{ end }}
 
             <button id="search-show" title='{{ i18n "search" }}' aria-label='{{ i18n "search_label" }}'>{{ partial "icon.html" "magnifier" }}</button>
         </div>
@@ -116,7 +120,7 @@
         <form id="search-form" name="cse" role="search">
             {{ if .Site.Data.args.preliminary }}
                 <input type="hidden" name="cx" value="{{ .Site.Data.args.preliminary_search_engine_id }}" />
-            {{ else if .Site.Data.args.archive }}
+            {{ else if or .Site.Data.args.archive .Site.Data.args.archive_landing }}
                 <input type="hidden" name="cx" value="{{ .Site.Data.args.archive_search_engine_id }}" />
             {{ else }}
                 <input type="hidden" name="cx" value="{{ .Site.Data.args.main_search_engine_id }}" />