switch to absolute img urls

12 files changed, 30 insertions, 26 deletions

diff --git a/README.md b/README.md
index bf7995f..211ffd8 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-![Screenshot](exampleSite/screenshot.png "Resto Hugo Theme!")
+![Screenshot](/images/screenshot.png "Resto Hugo Theme!")
 
 
 **The images are only for demonstration purpose, Please don't use those images.**
@@ -33,4 +33,4 @@ If your problem or idea is not addressed yet, [open a new issue](https://gitlab.
 
 ## Licensing
 
-This Theme is released under [Creative Commons Attribution 3.0 (CC-BY-3.0) License](https://creativecommons.org/licenses/by/3.0/)
\ No newline at end of file
+This Theme is released under [Creative Commons Attribution 3.0 (CC-BY-3.0) License](https://creativecommons.org/licenses/by/3.0/)
diff --git a/exampleSite/screenshot.png b/images/screenshot.png
index d61498e..d61498e 100644
--- a/exampleSite/screenshot.png
+++ b/images/screenshot.png
diff --git a/images/tn.png b/images/tn.png
new file mode 100644
index 0000000..c4816a2
--- /dev/null
+++ b/images/tn.png
diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index 5d564a9..e9d9de3 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -3,8 +3,7 @@
     <div class="container">
         <div class="section-content">
             <div class="row">
-                <div class="col-sm-5 img-bg d-flex shadow align-items-center justify-content-center justify-content-md-end img-2" style="background-image: url(img/hero-2.jpg);">
-                    
+                <div class="col-sm-5 img-bg d-flex shadow align-items-center justify-content-center justify-content-md-end img-2" style='background-image: url({{ "img/hero-2.jpg" | absURL }});'>
                 </div>
                 <div class="col-sm-7 py-5 pl-md-0 pl-4">
                     <div class="heading-section pl-lg-5 ml-md-5">
@@ -21,19 +20,19 @@
                         <div class="row">
                             <div class="col-4">
                                 <a href="#" class="thumb-menu">
-                                    <img class="img-fluid img-cover" src="img/hero-1.jpg" />
+                                    <img class="img-fluid img-cover" src='{{"img/hero-1.jpg" | absURL }}' />
                                     <h6>Australian Organic Beef</h6>
                                 </a>
                             </div>
                             <div class="col-4">
                                 <a href="#" class="thumb-menu">
-                                    <img class="img-fluid img-cover" src="img/hero-1.jpg" />
+                                    <img class="img-fluid img-cover" src='{{"img/hero-1.jpg" | absURL }}' />
                                     <h6>Australian Organic Beef</h6>
                                 </a>
                             </div>
                             <div class="col-4">
                                 <a href="#" class="thumb-menu">
-                                    <img class="img-fluid img-cover" src="img/hero-1.jpg"/>
+                                    <img class="img-fluid img-cover" src='{{"img/hero-1.jpg" | absURL }}'/>
                                     <h6>Australian Organic Beef</h6>
                                 </a>
                             </div>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 79d769e..35a019a 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -67,8 +67,10 @@
 	<script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js"></script>
 	<script src="{{ .Site.BaseURL }}vendor/stellar/jquery.stellar.js" type="text/javascript" charset="utf-8"></script>
 	<script src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/js/tempusdominus-bootstrap-4.min.js"></script>
+	{{if .IsHome }}
 	<!--Main JS --> 
 	<script src="{{ .Site.BaseURL }}js/app.min.js "></script>
+	{{end}}
 	<!--Google Analytics-->
 	{{ if .Site.Params.enableGA }}
 		{{ template "_internal/google_analytics.html" . }}
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8e56f0f..60ccb20 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -8,7 +8,10 @@
     <!-- External CSS -->
     <link rel="stylesheet" href="{{.Site.BaseURL}}vendor/bootstrap/bootstrap.min.css">
     <link rel="stylesheet" href="{{.Site.BaseURL}}vendor/select2/select2.min.css">
+    <!--Don't load owl carousel in non home pages-->
+    {{if .IsHome}} 
     <link rel="stylesheet" href="{{.Site.BaseURL}}vendor/owlcarousel/owl.carousel.min.css">
+    {{end}}
     <link rel="stylesheet" href="https://cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.1/css/tempusdominus-bootstrap-4.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/brands.css">
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index 2473c0f..474bac6 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -21,7 +21,7 @@
                     </div>
                     <div class="menus d-flex align-items-center">
                         <div class="menu-img rounded-circle">
-                            <img class="img-fluid" src="/img/breakfast-1.jpg" alt="">
+                            <img class="img-fluid" src='{{"img/breakfast-1.jpg" | absURL }}' alt="">
                         </div>
                         <div class="text-wrap">
                             <div class="row align-items-start">
@@ -37,7 +37,7 @@
                     </div>
                     <div class="menus d-flex align-items-center">
                         <div class="menu-img rounded-circle">
-                            <img class="img-fluid" src="/img/breakfast-1.jpg" alt="">
+                            <img class="img-fluid" src='{{"img/breakfast-1.jpg" | absURL }}' alt="">
                         </div>
                         <div class="text-wrap">
                             <div class="row align-items-start">
@@ -53,7 +53,7 @@
                     </div>
                     <div class="menus d-flex align-items-center">
                         <div class="menu-img rounded-circle">
-                            <img class="img-fluid" src="/img/breakfast-1.jpg" alt="">
+                            <img class="img-fluid" src='{{"img/breakfast-1.jpg" | absURL }}' alt="">
                         </div>
                         <div class="text-wrap">
                             <div class="row align-items-start">
@@ -74,7 +74,7 @@
                     </div>
                     <div class="menus d-flex align-items-center">
                         <div class="menu-img rounded-circle">
-                            <img class="img-fluid" src="/img/breakfast-1.jpg" alt="">
+                            <img class="img-fluid" src='{{"img/breakfast-1.jpg" | absURL }}' alt="">
                         </div>
                         <div class="text-wrap">
                             <div class="row align-items-start">
@@ -90,7 +90,7 @@
                     </div>
                     <div class="menus d-flex align-items-center">
                         <div class="menu-img rounded-circle">
-                            <img class="img-fluid" src="/img/breakfast-1.jpg" alt="">
+                            <img class="img-fluid" src='{{"img/breakfast-1.jpg" | absURL }}' alt="">
                         </div>
                         <div class="text-wrap">
                             <div class="row align-items-start">
@@ -106,7 +106,7 @@
                     </div>
                     <div class="menus d-flex align-items-center">
                         <div class="menu-img rounded-circle">
-                            <img class="img-fluid" src="/img/breakfast-1.jpg" alt="">
+                            <img class="img-fluid" src='{{"img/breakfast-1.jpg" | absURL }}' alt="">
                         </div>
                         <div class="text-wrap">
                             <div class="row align-items-start">
@@ -127,7 +127,7 @@
                     </div>
                     <div class="menus d-flex align-items-center">
                         <div class="menu-img rounded-circle">
-                            <img class="img-fluid" src="/img/breakfast-1.jpg" alt="">
+                            <img class="img-fluid" src='{{"img/breakfast-1.jpg" | absURL }}' alt="">
                         </div>
                         <div class="text-wrap">
                             <div class="row align-items-start">
@@ -143,7 +143,7 @@
                     </div>
                     <div class="menus d-flex align-items-center">
                         <div class="menu-img rounded-circle">
-                            <img class="img-fluid" src="/img/breakfast-1.jpg" alt="">
+                            <img class="img-fluid" src='{{"img/breakfast-1.jpg" | absURL }}' alt="">
                         </div>
                         <div class="text-wrap">
                             <div class="row align-items-start">
@@ -159,7 +159,7 @@
                     </div>
                     <div class="menus d-flex align-items-center">
                         <div class="menu-img rounded-circle">
-                            <img class="img-fluid" src="/img/breakfast-1.jpg" alt="">
+                            <img class="img-fluid" src='{{"img/breakfast-1.jpg" | absURL }}' alt="">
                         </div>
                         <div class="text-wrap">
                             <div class="row align-items-start">
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index e0c52ea..be1fdc5 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -32,7 +32,7 @@
         <div class="boxed-page">
             <nav id="navbar-header" class="navbar navbar-expand-lg">
         <div class="container">
-            <a class="navbar-brand navbar-brand-center d-flex align-items-center p-0 only-mobile" href="#">
+            <a class="navbar-brand navbar-brand-center d-flex align-items-center p-0 only-mobile" href='{{.Site.BaseURL}}'>
                 <img src="{{.Site.Params.logo | absURL }}" alt="logo">
             </a>
             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/layouts/partials/reserve.html b/layouts/partials/reserve.html
index fd12bd2..9ac8aec 100644
--- a/layouts/partials/reserve.html
+++ b/layouts/partials/reserve.html
@@ -1,5 +1,5 @@
 <!-- Reservation Section -->
-<section id="gtco-reservation" class="bg-fixed bg-white section-padding overlay" style="background-image: url(img/reservation-bg.jpg);">
+<section id="gtco-reservation" class="bg-fixed bg-white section-padding overlay" style='background-image: url({{ "img/reservation-bg.jpg" | absURL }});'>
     <div class="container">
         <div class="row">
             <div class="col-lg-5">
diff --git a/layouts/partials/special.html b/layouts/partials/special.html
index ffd2314..dc07788 100644
--- a/layouts/partials/special.html
+++ b/layouts/partials/special.html
@@ -17,16 +17,16 @@
                         <h3><span>Beef</span><br> Steak Sauce</h3>
                         <p class="pt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, ea vero alias perferendis quas animi doloribus voluptates. Atque explicabo ea nesciunt provident libero qui eum, corporis esse quos excepturi soluta?</p>
                         <h3 class="special-dishes-price">$15.00</h3>
-                        <a href="#" class="btn-primary mt-3">book a table</a>
+                        <a href="#gtco-reservation" class="btn-primary mt-3">book a table</a>
                     </div>
                 </div>
                 <div class="col-lg-5 offset-lg-2 col-md-6 align-self-center mt-4 mt-md-0">
-                    <img src="img/steak.jpg" alt="" class="img-fluid shadow w-100">
+                    <img src='{{ "img/steak.jpg" | absURL }}' alt="" class="img-fluid shadow w-100">
                 </div>
             </div>
             <div class="row mt-5">
                 <div class="col-lg-5 col-md-6 align-self-center order-2 order-md-1 mt-4 mt-md-0">
-                    <img src="img/salmon-zucchini.jpg" alt="" class="img-fluid shadow w-100">
+                    <img src='{{ "img/salmon-zucchini.jpg" | absURL }}' alt="" class="img-fluid shadow w-100">
                 </div>
                 <div class="col-lg-5 offset-lg-2 col-md-6 align-self-center order-1 order-md-2 py-5">
                     <h2 class="special-number">02.</h2>
@@ -34,7 +34,7 @@
                         <h3><span>Salmon</span><br> Zucchini</h3>
                         <p class="pt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, accusamus culpa quam amet ipsam odit ea doloremque accusantium quo, itaque possimus eius. In a quis quibusdam omnis atque vero dolores!</p>
                         <h3 class="special-dishes-price">$12.00</h3>
-                        <a href="#" class="btn-primary mt-3">book a table <span><i class="fa fa-long-arrow-right"></i></span></a>
+                        <a href="#gtco-reservation" class="btn-primary mt-3">book a table <span><i class="fa fa-long-arrow-right"></i></span></a>
                     </div>
                 </div>
             </div>
diff --git a/layouts/partials/team.html b/layouts/partials/team.html
index 753730b..83db37a 100644
--- a/layouts/partials/team.html
+++ b/layouts/partials/team.html
@@ -13,7 +13,7 @@
             <div class="row">
                 <div class="col-md-4">
                     <div class="team-card mb-5">
-                        <img class="img-fluid" src="img/chef-1.jpg" alt="">
+                        <img class="img-fluid" src='{{"img/chef-1.jpg" | absURL }}' alt="">
                         <div class="team-desc">
                             <h4 class="mb-0">Aaron Patel</h4>
                             <p class="mb-1">CEO</p>
@@ -44,7 +44,7 @@
                 </div>
                 <div class="col-md-4">
                     <div class="team-card mb-5">
-                        <img class="img-fluid" src="img/chef-2.jpg" alt="">
+                        <img class="img-fluid" src='{{"img/chef-2.jpg" | absURL }}' alt="">
                         <div class="team-desc">
                             <h4 class="mb-0">Daniel Tebas</h4>
                             <p class="mb-1">Chef</p>
@@ -75,7 +75,7 @@
                 </div>
                 <div class="col-md-4">
                     <div class="team-card mb-5">
-                        <img class="img-fluid" src="img/chef-3.jpg" alt="">
+                        <img class="img-fluid" src='{{"img/chef-3.jpg" | absURL }}' alt="">
                         <div class="team-desc">
                             <h4 class="mb-0">Jon Snow</h4>
                             <p class="mb-1">Chef</p>
diff --git a/layouts/partials/testimonial.html b/layouts/partials/testimonial.html
index 5d3a570..3bbf54b 100644
--- a/layouts/partials/testimonial.html
+++ b/layouts/partials/testimonial.html
@@ -1,5 +1,5 @@
 <!-- Testimonial Section-->
-<section id="gtco-testimonial" class="overlay bg-fixed section-padding" style="background-image: url(img/testi-bg.jpg);">
+<section id="gtco-testimonial" class="overlay bg-fixed section-padding" style='background-image: url({{ "img/testi-bg.jpg" | absURL }});'>
     <div class="container">
         <div class="section-content">
             <div class="heading-section text-center">