fix: Avoid putting <body> inside <head> (#738)

gadenbuie · web-flow · commit c38da0546e8b · 2025-06-18T15:35:50.000-05:00
diff --git a/themes/hugo-graphite/layouts/_default/baseof.html b/themes/hugo-graphite/layouts/_default/baseof.html
@@ -1,14 +1,39 @@
 <!DOCTYPE html>
 <html>
+
 <head>
 {{ partial "header.html" . }}
 </head>
-<body>
-
 
- {{ block "main" . }}
+<body>
+  <div id="appTidyverseSite" {{ if not .IsHome }}class="shrinkHeader alwaysShrinkHeader" {{ end }}>
+    <div id="main">
+      <!-- rstudio header -->
+      <div id="rStudioHeader">
+        <nav class="band">
+          <div class="innards bandContent">
+            <div>
+              {{ if .Site.Params.logo.image }}
+              <a href="{{ " /" | relURL }}" class="nav-logo">
+                <img src="{{ print " images/" .Site.Params.logo.image | relURL }}" width="{{ .Site.Params.logo.width }}"
+                  height="{{ .Site.Params.logo.height }}" alt="{{ .Site.Params.logo.alt }}">
+              </a>
+              {{- else -}}
+              <a class="productName" href="{{ " /" | relLangURL }}">{{- .Site.Title -}}</a>
+              {{ end }}
+            </div>
+            {{ partial "nav.html" . }}
+          </div>
+        </nav>
+      </div>
+      <main>
+        {{ block "main" . }}
+      </main>
       <!-- The part of the page that begins to differ between templates -->
- {{ end }}
-{{ partial "footer.html" . }}
+      {{ end }}
+      {{ partial "footer.html" . }}
+    </div>
+  </div>
 </body>
+
 </html>
diff --git a/themes/hugo-graphite/layouts/partials/header.html b/themes/hugo-graphite/layouts/partials/header.html
@@ -3,24 +3,3 @@
 
 <!--this loads all stylesheets, metadata tags, favicons, and jquery -->
 {{ partial "head_includes.html" . }}
-
-  <body>
-    <div id="appTidyverseSite" {{ if not .IsHome }}class="shrinkHeader alwaysShrinkHeader"{{ end }}>
-      <div id="main">
-        <!-- rstudio header -->
-        <div id="rStudioHeader">
-          <div class="band">
-            <div class="innards bandContent">
-              <div>
-                {{ if .Site.Params.logo.image }}
-                    <a href="{{ "/" | relURL }}" class="nav-logo">
-                      <img src="{{ print "images/" .Site.Params.logo.image | relURL }}" width="{{ .Site.Params.logo.width }}" height="{{ .Site.Params.logo.height }}" alt="{{ .Site.Params.logo.alt }}">
-                    </a>
-                {{- else -}}
-                <a class="productName" href="{{ "/" | relLangURL }}">{{- .Site.Title -}}</a>
-                {{ end }}
-              </div>
-              {{ partial "nav.html" . }}
-            </div>
-          </div>
-        </div>
diff --git a/themes/hugo-graphite/static/css/main-site.css b/themes/hugo-graphite/static/css/main-site.css
@@ -95,7 +95,7 @@ html, body {
   /* to help push the footer down */
   height: 100%; }
 
-#root, #appShinySite, #main {
+#root, #appTidyverseSite, #main {
   position: absolute;
   top: 0px;
   left: 0px;
