Merge pull request #138 from roidelapluie/landigsemantic

Landing page: Use HTML5 and Semantic HTML tags
prometheus · Mar 8, 2023 · 9055603 · 9055603
2 parents a8a91cc + b48d77b
commit 9055603
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 13 deletions.
diff --git a/web/landing_page.css b/web/landing_page.css
@@ -2,12 +2,12 @@ body {
   font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
   margin: 0;
 }
-nav {
+header {
   background-color: {{.HeaderColor}};
   color: #fff;
   font-size: 2rem;
   padding: 1rem;
 }
-.main {
+main {
   padding: 1rem;
 }
diff --git a/web/landing_page.html b/web/landing_page.html
@@ -1,21 +1,24 @@
-<!doctype html>
-<html>
+<html lang="en">
   <head>
-    <meta charset="utf-8">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{.Name}}</title>
     <style>{{.CSS}}</style>
   </head>
   <body>
-    <nav>{{.Name}}</nav>
-    <div class="main">
-      {{if .Description}}<h3>{{.Description}}</h3>{{end}}
+    <header>
+      <h1>{{.Name}}</h1>
+    </header>
+    <main>
+      {{if .Description}}<h2>{{.Description}}</h2>{{end}}
       {{if .Version}}<div>Version: {{.Version}}</div>{{end}}
-      <div><ul>
-        {{ range .Links }}
-        <li><a href="{{ .Address }}">{{.Text}}</a>{{if .Description}}: {{.Description}}{{end}}</li>
-        {{ end }}
+      <div>
+        <ul>
+          {{ range .Links }}
+          <li><a href="{{ .Address }}">{{.Text}}</a>{{if .Description}}: {{.Description}}{{end}}</li>
+          {{ end }}
         </ul>
       </div>
-    </div>
+    </main>
   </body>
 </html>