summaryrefslogtreecommitdiff
path: root/app/views
diff options
context:
space:
mode:
authormo khan <mo@mokhan.ca>2025-04-28 14:49:02 -0600
committermo khan <mo@mokhan.ca>2025-04-28 14:49:02 -0600
commitbae54a9df4a50fec9576895624f0f474d7816764 (patch)
tree85fe04bb14e145709040eac0a0085367db18c336 /app/views
parentea886371e485885d88bac685aab276e36ffedb4f (diff)
feat: add a header and a footer
Diffstat (limited to 'app/views')
-rw-r--r--app/views/dashboard/show.html.tmpl39
1 files changed, 39 insertions, 0 deletions
diff --git a/app/views/dashboard/show.html.tmpl b/app/views/dashboard/show.html.tmpl
index 3a29dd3..527db77 100644
--- a/app/views/dashboard/show.html.tmpl
+++ b/app/views/dashboard/show.html.tmpl
@@ -16,6 +16,17 @@
</header>
<main id="app" class="container">
+ <div class="grid">
+ <div>&nbsp;</div>
+ <div>
+ <hgroup>
+ <h2>Share your gratitude</h2>
+ <p>Sparkle someone with praise</p>
+ </hgroup>
+ </div>
+ <div>&nbsp;</div>
+ </div>
+
<form v-on:submit.prevent="submitSparkle">
<label>/sparkle <input type="text" placeholder="@tanuki for helping me with my homework!" v-model="sparkle" pattern="\s*(?<sparklee>@\w+)\s+(?<reason>.+)" required /> </label>
<button type="submit" v-bind:disabled="isDisabled">✨ Sparkle</button>
@@ -34,4 +45,32 @@
</article>
</main>
</body>
+
+ <footer>
+ <div class="container">
+ <div class="grid">
+ <div>
+ <p> <strong>Why?</strong> </p>
+ <small> SparkleLab is a lightweight service designed to explore modern access control models within GitLab, while doing something fun: helping GitLab team members show appreciation for each other. </small>
+ </div>
+ <aside>
+ <nav>
+ <ul>
+ <li> <strong>About</strong> </li>
+ <li><a href="https://gitlab.com/gitlab-org/software-supply-chain-security/authorization/sparkled#-sparklelab" class="secondary">README</a></li>
+ </ul>
+ </nav>
+ </aside>
+ <aside>
+ <nav>
+ <ul>
+ <li><strong>Contribute</strong></li>
+ <li><a href="https://gitlab.com/gitlab-org/software-supply-chain-security/authorization/sparkled" class="secondary">Code</a></li>
+ <li><a href="https://gitlab.com/gitlab-org/software-supply-chain-security/authorization/sparkled/-/issues " class="secondary">Issues</a></li>
+ </ul>
+ </nav>
+ </aside>
+ </div>
+ </div>
+ </footer>
</html>