updated forms

optimizerv7 · May 16, 2021 · a1ffa1a · a1ffa1a
1 parent 946d8ff
commit a1ffa1a
Show file tree

Hide file tree

Showing 8 changed files with 72 additions and 12 deletions.
diff --git a/_config.yml b/_config.yml
@@ -20,10 +20,7 @@ urls:
       url : /shop
     - text: Contact
       url : /contact
-    - text: Styleguide
-      url: /styleguide
-    - text: Get Started
-      url: /get-started
+
 
 # Edit Author details (For multi authors check _data/authors.yml)
 
@@ -95,7 +92,8 @@ wakatime_username: sujaykundu777
 # mailchimp embedded form url (newsletter):
 mailchimp_form_url: https://sujaykundu.us10.list-manage.com/subscribe/post?u=50bab1c85eae24ecfb0f68361&amp;id=3a2dd721d0
 
-# formspree (contact form)
+# contact form - (choose formspress or getform)
+getform_endpoint: 83b703c3-9e47-4df4-ac55-e24d7eb02abc
 formspree_email: [email protected]
 
 # syntax highlighter

diff --git a/_includes/contact_me_form.html → _includes/contact-formspree.html b/_includes/contact_me_form.html → _includes/contact-formspree.html
@@ -1,4 +1,6 @@
-<!-- Replace the email with your own formspree email -->
+<!-- Formspree https://formspree.io -->
+
+<!--Add the formspree email in config.yml -->
 <form action="https://formspree.io/{{ site.formspree_email }}" method="POST" >
     <div class="form-group">
       <label for="contact_form_name">Your Name :</label>

diff --git a/_includes/contact-getform.html b/_includes/contact-getform.html
@@ -0,0 +1,27 @@
+<!-- Getform form https://getform.io -->
+
+<!-- Add the getform-endpoint in config.yml -->
+<form action="https://getform.io/f/{{site.getform_endpoint}}" enctype="multipart/form-data" method="POST"  target="_blank">
+    <div class="form-group">
+            <label for="contact_form_name">Your Name :</label>
+            <input type="text" class="form-control" name="name" id="contact_form_name" placeholder="Enter Your Name">
+           </div>
+           <div class="form-group">
+             <label for="contact_form_email">Your Email :</label>
+            <input type="email" class="form-control" name="email" id="contact_form_email" placeholder="Enter Your Email">
+           </div>
+           <div class="form-group">
+             <label for="contact_form_message"> Your Message :</label>
+            <textarea name="message" class="form-control" id="contact_form_message" placeholder="Enter Your Message"></textarea>
+           </div>
+           <div class="form-group">
+               <label for="contact-form-file"> Attachments :</label>
+            <input type="file" name="file" class="form-control" id="contact-form-file" placeholder="Attach files"/>
+           </div>
+            <button type="submit" value="Send" class="btn btn-lg btn-dark">Submit</button>
+    <!-- <input type="text" name="name" placeholder="Enter Name">
+    <input type="email" name="email" placeholder="Enter Email">
+    <input type="text" name="message" placeholder="Enter Message">
+    <input type="file" name="file">
+    <button type="submit">Send</button> -->
+</form>
diff --git a/_includes/head.html b/_includes/head.html
@@ -182,7 +182,23 @@
     data-x_margin="10"
     data-y_margin="10"
   ></script>
-
+ <!-- olvy releases -->
+ <script>
+    var OlvyConfig = {
+      organisation: "devlopr",
+      target: "#olvy-target",
+      type: "modal",
+      view: {
+        showSearch: false,
+        compact: false,
+        showHeader: true, // only applies when widget type is embed. you cannot hide header for modal and sidebar widgets
+        showUnreadIndicator: true,
+        unreadIndicatorColor: "#EE6E19FF",
+        unreadIndicatorPosition: "top-right"
+      }
+    };
+  </script>
+  <script type="text/javascript" src="https://app.olvy.co/script.js" defer="defer"></script>
   <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
   <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
   <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->

diff --git a/_includes/header.html b/_includes/header.html
@@ -23,9 +23,25 @@
                 >
               </li>
               {% endfor %}
+
             </ul>
           </div>
           <ul class="nav justify-content-end">
+              <li class="nav-item">
+                <a class="nav-link" href="{{site.url}}{{site.baseurl}}/get-started">
+                   Get Started
+                </a>
+              </li>
+              <li class="nav-item">
+                  <a class="nav-link" id="olvy-target">
+                      What's New
+                  </a>
+              </li>
+              <li class="nav-item">
+                  <a class="nav-link" href="{{site.url}}{{site.baseurl}}/styleguide">
+                     Styleguide
+                  </a>
+                </li>
             <li class="nav-item">
               <a class="nav-link toggle-search-button" href="#search">
                 <i class="fa fa-search search-icon" aria-hidden="true"></i>

diff --git a/_layouts/about-me.html b/_layouts/about-me.html
@@ -107,7 +107,7 @@ <h1>Coding Activity</h1>
     </div>
     {% endif %}
   </div>
-  <div class="col-lg-7">
+  <div class="col-lg-8">
     {% if site.author_bio %}
     <div class="card">
       <h1 class="card-title">About</h1>

diff --git a/_layouts/contact.html b/_layouts/contact.html
@@ -6,8 +6,9 @@
     <div class="row d-flex justify-content-center">
         <div class="col-10 m10">
             <div class="card">
-                <h1 class="card-title"> Contact Me </h1>
-                {%- include contact_me_form.html -%}
+                <h1 class="card-title"> Contact us </h1>
+                <!-- Replace with contact-getform or contact-formspree -->
+                    {%- include contact-getform.html -%}
             </div>
         </div>
     </div>

diff --git a/_sass/devlopr.scss b/_sass/devlopr.scss
@@ -152,7 +152,7 @@ pre {
 }
 
 .m10{
-    margin:10px;
+    margin:35px;
 }
 
 blockquote {
@@ -493,7 +493,7 @@ header {
     text-transform: none;
 }
 .snipcart-payment-methods__title {
-    background-color: black !important;
+    background-color:  var(--main-background-color) !important;
 }
 
 /* jumbotron */