1 files changed, 52 insertions, 0 deletions
diff --git a/web/templates/links/created.tmpl b/web/templates/links/created.tmpl
new file mode 100644
index 0000000..e3f93a5
--- /dev/null
+++ b/web/templates/links/created.tmpl
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+{{template "head" .}}
+<body>
+{{template "header" .}}
+
+<div class="container mb-5 h-100">
+    <div class="row align-items-center h-100">
+        <div class="col-12 pb-5 mb-5">
+
+            <div class="jumbotron my-auto" style="background: none!important;">
+                <h2 style="font-size: 3.25em;text-align: center;margin-bottom: 0.75em;margin-top: 0;font-weight: 500;" class="site-welcome stick-top">Congratulations <span style="color: #54487A !important;">{{.User.UserName}}</span>!<br>
+                    Your link has been shortened</h2>
+
+                    <div class="typeahead-container px-5" style="font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;position: relative;">
+                        <div class="row">
+                            <div class="col-12">
+                                <div class="typeahead-field" style="display: table;border-collapse: separate;box-sizing: border-box;position: relative;width: 100%;">
+                                    <span class="typeahead-query" style="font-size: 1.1em; height: 2.3em;display: table-cell;vertical-align: top;width: 100%;">
+                                      <input class="rounded" style="border: 1px solid #ccc;padding-left:10px;font-size: 1.3em; height: 2.5em;" id="shortlink" name="shortlink" type="search" autocomplete="off" aria-label="Shortened Link" autofocus="" value="{{.ShortLink}}" readonly>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="row">
+                            <div id="copied" class="col-12 text-right text-primary" style="display: none;">
+                                Successfully copied to the Clipboard.
+                            </div>
+                        </div>
+
+                        <div class="row mt-4">
+                            <div class="col-12">
+                                <button data-clipboard-target="#shortlink" onclick="document.getElementById('copied').style.display = 'block';" class="float-right btn btn-primary">Copy to Clipbaord</button>
+                            </div>
+                        </div>
+                    </div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+{{template "footer" .}}
+
+<script src="/assets/clipboard.min.js"></script>
+<script>
+    new ClipboardJS('.btn');
+</script>
+
+</body>
+</html>