From a0c549aad4563b15aa397bf5f8c797cd304ae6b9 Mon Sep 17 00:00:00 2001
From: Michael Richardson <mrichar@google.com>
Date: Fri, 1 Oct 2021 15:47:08 -0500
Subject: [PATCH] Render step attribute and step title.

* This is currently done in JavaScript.
---
 claat/render/template-devsite.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/claat/render/template-devsite.html b/claat/render/template-devsite.html
index 270ebfe0e..1138ced78 100644
--- a/claat/render/template-devsite.html
+++ b/claat/render/template-devsite.html
@@ -61,13 +61,16 @@
                     feedback-link="{{.Meta.Feedback}}"
                     {{if $.Meta.BadgePath}}badge-path="{{$.Meta.BadgePath}}"{{end}}>
       {{range $i, $e := .Steps}}{{if matchEnv .Tags $.Env}}
-        <google-codelab-step label="{{.Title}}" duration="{{.Duration.Minutes}}">
+        <google-codelab-step label="{{.Title}}" duration="{{.Duration.Minutes}}" step="{{$i}}">
           {{if eq $i 0}}
             <google-codelab-about codelab-title="{{$.Meta.Title}}"
                                   {{if $.Meta.Authors}}authors="{{$.Meta.Authors}}"{{end}}
                                   {{if $.Meta.BadgePath}}badge-path="{{$.Meta.BadgePath}}"{{end}}>
             </google-codelab-about>
           {{end}}
+          <h2 class="step-title" id="{{$i}}" data-text="{{.Title}}">
+              {{inc $i}}. {{.Title}}
+          </h2>
           {{.Content | renderHTML $.Context}}
         </google-codelab-step>
       {{end}}{{end}}