+ oceanic theme

src/public/css/index.css

@@ -136,3 +136,19 @@
   text-align: end;
   margin-top: 10px;
 }
+
+.btn-primary {
+  background-color: #ff4092;
+  border-color: #ff4092;
+}
+
+.btn-primary:hover {
+  background-color: #f0267e;
+  border-color: #f0267e;
+}
+
+.btn-primary:active {
+  background-color: #7b1173;
+  box-shadow: 0 5px #666;
+  transform: translateY(2px);
+}

src/public/index.ejs

@@ -51,7 +51,7 @@
                       <% if(message && success) { %>
                         <div class="notify text-center">
                         <h5 class="success"><%= message %></h5>
-                        <a><%= link %></a>
+                        <a target="_blank" href="https://rinkeby.etherscan.io/tx/<%= txHash %>"><%= txHash%></a>
                       </div>
                       <% } else { %>
                         <div class="notify text-center">

src/server.js

@@ -70,8 +70,8 @@ app.get("/send", async (req, res) => {
                 console.log("txHash - ", txHash);
                 let balance = await getBalance();
                 res.render("index.ejs", {
-                  message: `Great!! test OCEANs are on the way - ${txHash}`,
-                  link: `https://rinkeby.etherscan.io/tx/${txHash}`,
+                  message: `Great!! test OCEANs are on the way !!`,
+                  txHash,
                   success: true,
                   balance
                 });