initial commit

2022-04-11 16:10:59 -07:00
commit 7992bd7264
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>GoFiber BootStrap Message Box Demo</title>
+
+    <!-- Take note of these imports, they are required for bootstrap -->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://bootswatch.com/4/journal/bootstrap.min.css"/>
+
+  </head>
+  <body>
+    <div class="row mt-5">
+      <div class="col-md-6 m-auto">
+        <div class="card card-body">
+          <h1 class="text-center mb-3">
+            Example
+          </h1>
+
+          <!-- Take note of unescape, this allows us to insert html -->
+          {{ unescape .msgBox }}
+          
+          <form action="/" method="POST">
+            <div class="form-group">
+              <label for="username">Message</label>
+              <input
+                type="text"
+                id="message"
+                name="message"
+                placeholder="Enter Message"
+                class="form-control"
+              />
+            </div>
+            <div class="form-group">
+              <label for="username">Message Box Type</label>
+              <input
+                type="text"
+                id="messageboxtype"
+                name="messageboxtype"
+                placeholder="Enter Message Box Type"
+                class="form-control"
+              />
+            </div>
+            <button type="submit" class="btn btn-primary btn-block">
+              Render Message Box
+            </button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </body>
+
+  <!-- These scripts are required to close the message box -->
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
+</html>