feat: split results into insertable component

still not fully sure how this all operates, but allright.
2023-10-04 09:13:12 +00:00
parent f4ab1ac7ec
commit 2cb3cc7c35
4 changed files with 59 additions and 5 deletions
--- a/17-results-summary-component-go/templates/index.gohtml
+++ b/17-results-summary-component-go/templates/index.gohtml
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- displays site properly based on user's device -->
+
+    <link
+      rel="stylesheet"
+      href="static/public/out.css"
+      type="text/css"
+      media="screen"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="static/public/images/favicon-32x32.png"
+    />
+
+    <title>Frontend Mentor | Results summary component</title>
+
+    <!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
+    <style>
+      .attribution {
+        font-size: 11px;
+        text-align: center;
+      }
+      .attribution a {
+        color: hsl(228, 45%, 44%);
+      }
+    </style>
+  </head>
+  <body>
+    <main class="grid place-items-center w-screen h-screen">
+      {{ template "results-summary-component" . }}
+    </main>
+    <footer class="fixed inset-x-0 bottom-1 attribution">
+      Challenge by
+      <a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
+        >Frontend Mentor</a
+      >. Coded by <a href="#">Your Name Here</a>.
+    </footer>
+  </body>
+</html>