added profile page

googleanalytics · Jul 12, 2023 · 0ace107 · 0ace107
1 parent f9042ec
commit 0ace107
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 3 deletions.
diff --git a/src/public/partials/nav.eta b/src/public/partials/nav.eta
@@ -1,9 +1,7 @@
 <nav class="navbar navbar-expand-lg bg-primary navbar-dark">
     <div class="container-lg">
         <a class="navbar-brand" href="/">Google Analytics Tutorials</a>
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
-            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
-            aria-label="Toggle navigation">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
@@ -14,6 +12,9 @@
                 <li class="nav-item">
                     <a class="nav-link" href="/about">About</a>
                 </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/profile">Profile</a>
+                </li>
             </ul>
         </div>
     </div>

diff --git a/src/public/profile.eta b/src/public/profile.eta
@@ -0,0 +1,23 @@
+<% layout("layout", { title: "Profile - GA Tutorials" }) %>
+
+<%~ includeFile("nav") %>
+
+<main class="container-lg pt-3">
+    <h1>Choose your role:</h1>
+    <form id="profile-form" action="/">
+        <div class="form-group">
+            <label for="exampleInputEmail1">Job Function</label>
+            <select class="form-control" id="job-function" name="job-function">
+                <option selected disabled>Choose One</option>
+                <option value="business_owner">Business Owner</option>
+                <option value="developer">Developer</option>
+                <option value="marketer">Marketer</option>
+                <option value="other">Other</option>
+            </select>
+            <small>This example shows how to set user properties in Google Analytics.</small>
+        </div>
+        <button type="submit" class="btn btn-primary">Submit</button>
+    </form>
+</main>
+
+<%~ includeFile("footer.eta") %>