<!DOCTYPE html>
<html>
  <body>
    {{range .}}
    <div>
      <h2>{{.Title}} <span class="subtitle">{{.Subtitle}}</span></h2>
      <ul>
	{{if .Attributes}}
	<li>Tags: {{range .Attributes}}{{.}}{{end}}</li>
	{{end}}

	<li>Time: {{.Time}}</li>
	<li>Servings: {{.Servings}}</li>
	<li>Calories: {{.Calories}}</li>
      </ul>

      <h3>Ingredients</h3>
      <ul>
	{{range .Ingredients}}
	<li>{{.Quantity}} {{.Unit}}(s) of {{.Name}}</li>
	{{end}}
      </ul>

      <h3>Preparation</h3>
      <ul>
	{{range .Steps}}
	<li>{{.}}</li>
	{{end}}
      </ul>
    </div>
    {{end}}

    <form action="/groceries">
      <button name="getgrocerylist" type="Submit">
	Show Grocery List
      </button>
    </form>
  </body>
</html>

<!DOCTYPE html>
<html>
  <body>
    {{range .}}
    <div>
      <h2>{{.Title}} <span class="subtitle">{{.Subtitle}}</span></h2>
      <ul>
	{{if .Attributes}}
	<li>Tags: {{range .Attributes}}{{.}}{{end}}</li>
	{{end}}

	<li>Time: {{.Time}}</li>
	<li>Servings: {{.Servings}}</li>
	<li>Calories: {{.Calories}}</li>
      </ul>

      <h3>Ingredients</h3>
      <ul>
	{{range .Ingredients}}
	<li>{{.Quantity}} {{.Unit}}(s) of {{.Name}}</li>
	{{end}}
      </ul>

      <h3>Preparation</h3>
      <ul>
	{{range .Steps}}
	<li>{{.}}</li>
	{{end}}
      </ul>
    </div>
    {{end}}

    <form action="/groceries">
      <button type="Submit">
	Show Grocery List
      </button>
    </form>
  </body>
</html>

Clean up the get request
Clean up the get request

No additional information is passed. Leaving the name on the button
would yield a URL with "getgrocerlist=" tacked on the end.
