Merge pull request sujaykundu777#100 from sujaykundu777/feature-relea…

…se-may

Feature release may

README.md

@@ -18,7 +18,7 @@ devlopr uses Markdown Files to generate data like Blog Posts, Gallery, Shop Prod
 
 ### Launch your Static Site using Devlopr in minutes :rocket:
 
-To get started follow this [Tutorial](https://devlopr.netlify.app/get-started) or [Watch Video Walkthrough](https://youtu.be/cXBEfpn0qrg).
+To get started follow this [Tutorial](https://devlopr.netlify.app/get-started)
 
 ```sh
 $ git clone https://github.com/your_github_username/your_github_username.github.io.git
@@ -55,7 +55,7 @@ This Project uses this custom built action for deploying jekyll to github, avail
 #### Features :
 
 - Local CMS Admin Support using [Jekyll Admin](https://jekyll.github.io/jekyll-admin/)
-- Onine CMS Admin Support using [Netlify CMS](https://sujaykundu.com/blog/how-to-setup-netlify-cms-with-github-pages-hosted-jekyll-blog/), Forestry, Siteleaf, CloudCannon, Cosmic, Contentful
+- Onine CMS Admin Support using [Netlify CMS](https://sujaykundu.com/blog/how-to-setup-netlify-cms-with-github-pages-hosted-jekyll-blog/),Forestry, Siteleaf, CloudCannon, Cosmic, Contentful
 - Supports Latest [Jekyll 4.x](https://jekyllrb.com) and [Bundler](https://bundler.io)
 - Stylesheet built using Sass
 - Comments using [Hyvor](https://talk.hyvor.com/) and [Disqus](https://disqus.com/)

_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&id=3a2dd721d0
 
-# formspree (contact form)
+# contact form - (choose formspress or getform)
+getform_endpoint: 83b703c3-9e47-4df4-ac55-e24d7eb02abc
 formspree_email: [email protected]
 
 # syntax highlighter

_includes/blog_sidebar.html

@@ -1,5 +1,5 @@
 
-<div class="col-lg-3">
+<div class="col-lg-4">
     <div class="card">
         <div class="card-header">Categories </div>
         <div class="card-body text-dark">

_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>

_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>

_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]-->

_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>

_layouts/about-me.html

@@ -1,7 +1,7 @@
 ---
 layout: default
 ---
-<div class="col-lg-12 offset-md-2">
+<div class="col-lg-12">
 <div class="row">
   <div class="col-lg-4 ">
     <div class="card" id="profile-card">
@@ -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>

_layouts/blog.html

@@ -3,7 +3,7 @@
 ---
 <div class="col-lg-12">
  <div class="row justify-content-center">
-      <div class="col-lg-6">
+      <div class="col-lg-8">
               <ul>
                   <div class="row">
                       {% for post in paginator.posts %}

_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>

_layouts/default.html

@@ -7,7 +7,7 @@
 {%- include head.html -%}
 <body>
         {%- include header.html -%}
-        <div class="container-fluid">
+        <div class="container">
             {{ content }}
         </div>
          <div class="col-lg-12" id="newsletter_footer">

_layouts/full-width.html

@@ -0,0 +1,43 @@
+---
+layout: compress
+---
+
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: " en " }}">
+{%- include head.html -%}
+<body>
+        {%- include header.html -%}
+        <div class="container-fluid">
+            {{ content }}
+        </div>
+         <div class="col-lg-12" id="newsletter_footer">
+               {%- include blog_newsletter.html -%}
+         </div>
+        {%- include footer.html -%}
+     <script>
+            var options = {
+                classname: 'my-class',
+                id: 'my-id'
+            };
+            var nanobar = new Nanobar( options );
+            nanobar.go( 30 );
+            nanobar.go( 76 );
+            nanobar.go(100);
+        </script>
+
+   <div hidden id="snipcart" data-api-key="Y2I1NTAyNWYtMTNkMy00ODg0LWE4NDItNTZhYzUxNzJkZTI5NjM3MDI4NTUzNzYyMjQ4NzU0"></div>
+   <script src="https://cdn.snipcart.com/themes/v3.0.0-beta.3/default/snipcart.js" defer></script>
+   <script src="{{site.url}}{{site.baseurl}}/assets/js/mode-switcher.js"></script>
+   <script>
+    if (window.netlifyIdentity) {
+      window.netlifyIdentity.on("init", user => {
+        if (!user) {
+          window.netlifyIdentity.on("login", () => {
+            document.location.href = "/admin/";
+          });
+        }
+      });
+    }
+  </script>
+</body>
+</html>

_layouts/home.html

@@ -1,5 +1,5 @@
 ---
-layout: default
+layout: full-width
 ---
 
 <script>

_layouts/page.html

@@ -1,9 +1,12 @@
---- 
-layout: default 
 ---
-
-    <div class="card">
-        <div class="col-md-8 offset-md-2 offset-md-right">
-        {{ content }}
-         </div>
-    </div>
+layout: default
+---
+<div class="row justify-content-center">
+    <div class="col-lg-12">
+            <div class="card">
+                    <div class="col-md-8 offset-md-2">
+                      {{ content }}
+                     </div>
+               </div>
+    </div>
+</div>

_layouts/post.html

@@ -2,8 +2,8 @@
 layout: default
 ---
 
-<div class="row" id="blog-post-container">
-  <div class="col-lg-8 offset-md-2">
+<div class="row justify-content-center" id="blog-post-container">
+  <div class="col-lg-10">
     {%- include blog_post_article.html -%}
      {%- include blog_post_comments.html-%}
   </div>

_sass/devlopr.scss

@@ -152,7 +152,7 @@ pre {
 }
 
 .m10{
-    margin:10px;
+    margin:35px;
 }
 
 blockquote {
@@ -415,7 +415,7 @@ header {
 }
 
 #blog-post-container{
-    margin-top: -20px;
+    margin-top: 20px;
     margin-left: -35px;
 }
 
@@ -493,7 +493,7 @@ header {
     text-transform: none;
 }
 .snipcart-payment-methods__title {
-    background-color: black !important;
+    background-color:  var(--main-background-color) !important;
 }
 
 /* jumbotron */

install.md

@@ -11,6 +11,10 @@ permalink: /get-started/
 
 If you aren’t familiar with Jekyll yet, you should know that it is a static site generator. It will transform your plain text into static websites and blogs. No more databases, slow loading websites, risk of being hacked…just your content. And not only that, with Jekyll you get free hosting with GitHub Pages! If you are a beginner we recommend you start with [Jekyll’s Docs](https://jekyllrb.com/docs/installation/). Now, if you know how to use Jekyll, let’s move on to using this theme in Jekyll:
 
+## Watch Tutorial
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/cXBEfpn0qrg&amp;controls=0&amp;showinfo=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
 ### Steps to create your blog using devlopr-jekyll and Host using Github Pages :
 
 >  **Step 1.**  Fork the repo - [click here](https://github.com/sujaykundu777/devlopr-jekyll/fork)