Added favicon and better contact

content/contact/index.md

@@ -5,7 +5,49 @@ draft = false
 +++
 
 {{< raw >}}
-<form action="https://api.staticforms.xyz/submit" target="raw" method="POST">
+<style>
+body {font-family: Arial, Helvetica, sans-serif;}
+* {box-sizing: border-box;}
+
+input[type=text], select, textarea {
+  width: 100%;
+  padding: 12px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+  margin-top: 6px;
+  margin-bottom: 16px;
+  resize: vertical;
+}
+input[type=email], select, textarea {
+  width: 100%;
+  padding: 12px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  box-sizing: border-box;
+  margin-top: 6px;
+  margin-bottom: 16px;
+  resize: vertical;
+}
+
+button[type=submit] {
+  background-color: #7e7e7e;
+  color: white;
+  padding: 12px 20px;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+button[type=submit]:hover {
+  background-color: #282828;
+}
+
+
+</style>
+<iframe name="dummyframe" id="dummyframe" style="display: none;"></iframe>
+
+<form id="contact-form" action="https://api.staticforms.xyz/submit" target="dummyframe" method="POST" onsubmit="alert('you submitted the form');">
   <input type="hidden" name="accessKey" value="037273a1-68ac-4e2c-9d59-aae8119d36c9">
   <br>
   <div class="mb-3 pt-0">
@@ -24,6 +66,8 @@ draft = false
   <!-- If we receive data in this field submission will be ignored -->
   <input type="text" name="honeypot" style="display: none;">
 </form>
+
+
 {{< /raw >}}
 
 #

docs/contact/index.html

@@ -80,5 +80,5 @@ <h1 id="heading"></h1>
             </a><a href="#" id="view-comments" class="fixed-button" title="View Comments">
                 <i class="fas fa-comment fa-fw" aria-hidden="true"></i>
             </a>
-        </div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/lazysizes.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/sharer.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"Copy to clipboard","maxShownLines":50},"comment":{},"data":{"id-1":"\n\u003cform action=\"https://api.staticforms.xyz/submit\" target=\"raw\" method=\"POST\"\u003e\n  \u003cinput type=\"hidden\" name=\"accessKey\" value=\"037273a1-68ac-4e2c-9d59-aae8119d36c9\"\u003e\n  \u003cbr\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cinput type=\"text\" placeholder=\"Your name\" name=\"name\" required /\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cinput type=\"email\" placeholder=\"Email\" name=\"email\" required /\u003e\n  \u003c/div\u003e\n  \u003cbr\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003ctextarea placeholder=\"Your message\" name=\"message\" style=\"width:100%;height:120px;\" required\u003e\u003c/textarea\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cbutton type=\"submit\"\u003eSend message\u003c/button\u003e\n  \u003c/div\u003e\n  \u003c!-- If we receive data in this field submission will be ignored --\u003e\n  \u003cinput type=\"text\" name=\"honeypot\" style=\"display: none;\"\u003e\n\u003c/form\u003e\n"}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
+        </div><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/lazysizes.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/clipboard.min.js"></script><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/sharer.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"Copy to clipboard","maxShownLines":50},"comment":{},"data":{"id-1":"\n\u003cstyle\u003e\nbody {font-family: Arial, Helvetica, sans-serif;}\n* {box-sizing: border-box;}\n\ninput[type=text], select, textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  margin-top: 6px;\n  margin-bottom: 16px;\n  resize: vertical;\n}\ninput[type=email], select, textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-sizing: border-box;\n  margin-top: 6px;\n  margin-bottom: 16px;\n  resize: vertical;\n}\n\nbutton[type=submit] {\n  background-color: #7e7e7e;\n  color: white;\n  padding: 12px 20px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\nbutton[type=submit]:hover {\n  background-color: #282828;\n}\n\n\n\u003c/style\u003e\n\u003ciframe name=\"dummyframe\" id=\"dummyframe\" style=\"display: none;\"\u003e\u003c/iframe\u003e\n\n\u003cform id=\"contact-form\" action=\"https://api.staticforms.xyz/submit\" target=\"dummyframe\" method=\"POST\" onsubmit=\"alert('you submitted the form');\"\u003e\n  \u003cinput type=\"hidden\" name=\"accessKey\" value=\"037273a1-68ac-4e2c-9d59-aae8119d36c9\"\u003e\n  \u003cbr\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cinput type=\"text\" placeholder=\"Your name\" name=\"name\" required /\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cinput type=\"email\" placeholder=\"Email\" name=\"email\" required /\u003e\n  \u003c/div\u003e\n  \u003cbr\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003ctextarea placeholder=\"Your message\" name=\"message\" style=\"width:100%;height:120px;\" required\u003e\u003c/textarea\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"mb-3 pt-0\"\u003e\n    \u003cbutton type=\"submit\"\u003eSend message\u003c/button\u003e\n  \u003c/div\u003e\n  \u003c!-- If we receive data in this field submission will be ignored --\u003e\n  \u003cinput type=\"text\" name=\"honeypot\" style=\"display: none;\"\u003e\n\u003c/form\u003e\n\n\n"}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
 </html>

hugo.toml

@@ -175,4 +175,3 @@ publishDir = "docs"
     GitHub = "rogarmu8"
     Linkedin = "romulo-garcia"
     Email = "[email protected]"
-