upload

Contact/index.md

@@ -1,8 +1,36 @@
 ---
 layout: page
 title: Contact
+permalink: /Contact/
+redirect_from:
+  - /contact/
 ---
 
-<meta http-equiv="refresh" content="0; url=https://posetmage.com/Contact/" />
+<style>
+  .contact-form {
+      max-width: 100%;
+  }
 
-## Waiting for loading......
+  .contact-form input[type="text"],
+  .contact-form input[type="email"],
+  .contact-form textarea {
+      width: 100%;
+  }
+
+  .contact-form textarea {
+      height: 200px;
+  }
+
+</style>
+
+{% include social.html %}
+
+<form action="https://formspree.io/f/xayrqarp" method="POST" class="contact-form">
+    <label for="name">What's your name/id?:</label><br>
+    <input type="text" id="name" name="name" required><br>
+    <label for="email">Your email address?:</label><br>
+    <input type="email" id="email" name="_replyto" required><br>
+    <label for="message">Anything want to say?:</label><br>
+    <textarea id="message" name="message" required></textarea><br>
+    <input type="submit" value="Submit"> <p align="right"><i>powered by formspree service</i></p><br>
+</form>

_config.yml

@@ -25,6 +25,18 @@ description: >- # this means to ignore newlines until "baseurl:"
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://alchemy.posetmage.com" # the base hostname & protocol for your site, e.g. http://example.com
 
+social:
+  - platform: envelope
+    url: mailto:alchemy@posetmage.com
+  - platform: youtube
+    url: https://youtube.com/@alchemy
+  - platform: facebook
+    url: https://facebook.com/alchemy
+  - platform: twitter
+    url: https://twitter.com/alchemy
+  - platform: threads
+    url: https://threads.net/alchemy
+
 site_favicon: favicon.ico
 includes_dir: _shared/_includes
 layouts_dir: _shared/_layouts