google analytics and disqus

config.yaml

@@ -6,6 +6,9 @@ title: "Hugo-profile"
 params:
   favicon: "/images/hugo.png"
   description: "Portfolio and personal blog of gurusabarish"
+  googleanalytics: ""
+  disqus: ""
+  contact: "false"
 
   # Navbar Menus
   customMenus:

examplesite/config.yaml

@@ -1,11 +1,16 @@
 baseURL: "https://example.com"
 languageCode: "en-us"
 title: "Hugo-profile"
+theme: "hugo-profile"
 
 params:
   favicon: "/images/hugo.png"
   description: "Portfolio and personal blog of gurusabarish"
+  googleanalytics: ""
+  disqus: ""
+  contact: "false"
 
+  
   # Navbar Menus
   customMenus:
   - name: "Blog"

layouts/_default/single.html

@@ -71,7 +71,27 @@
           {{ end }}
         </div>
         <br>
-
+        <div id="disqus_thread"></div>
+        <script>
+          /**
+           *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
+           *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
+          /*
+          var disqus_config = function () {
+          this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
+          this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+          };
+          */
+          (function () { // DON'T EDIT BELOW THIS LINE
+            var d = document,
+              s = d.createElement('script');
+            s.src = '{{ .Site.Params.disqus }}';
+            s.setAttribute('data-timestamp', +new Date());
+            (d.head || d.body).appendChild(s);
+          })();
+        </script>
+        <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by
+            Disqus.</a></noscript>
       </div>
     </div>
   </div>

layouts/partials/head.html

@@ -9,4 +9,17 @@
 <link rel="stylesheet" href="/css/head_foot.css">
 
 <!-- Fonts -->
-<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
+
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-167646412-7"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+        dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', '{{ .Site.Params.googleanalytics }}');
+</script>

layouts/partials/sections/contact.html

@@ -1,3 +1,29 @@
+{{ if eq .Site.Params.contact "true"}}
 <section>
+    <div class="contact bg-danger text-white">
+        <div class="text-center p-3 font-weight-bold contact-head">Get In Tough</div>
+        <div class="p-3 container">
+            <div class="row justify-content-center">
+                <div class="col-lg-7">
+                    <form action="https://formspree.io/xzbkbvgg" method="POST">
+                        <div class="form-group">
+                            <label for="exampleFormControlInput1">Email</label>
+                            <input type="email" class="form-control" id="exampleFormControlInput1"
+                                placeholder="[email protected]" name="Gmail">
+                        </div>
 
-</section>
+                        <div class="form-group">
+                            <label for="exampleFormControlTextarea1">Message</label>
+                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" name="message"
+                                placeholder="Type something"></textarea>
+                        </div>
+                        <div class="text-center">
+                            <button type="submit" class="btn btn-primary">Submit</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+{{ end }}

static/css/index.css

@@ -17,7 +17,7 @@
 .name-intro {
     font-size: 20PX;
     padding-top: 10%;
-    padding-left: 20%;
+    padding-left: 17%;
 }
 
 .profile {
@@ -184,4 +184,10 @@
 
 .post-hover :hover {
     background-color: #17a2b8;
+}
+
+/* contact */
+.contact-head {
+    font-family: 'Alata', sans-serif;
+    font-size: 25px;
 }