added js-cookies

exampleSite/config.toml

@@ -106,7 +106,6 @@ weight = 2
 languageCode = "en-us"
 title = "Example site multi-language"
 dateFormat = "January 2, 2006"
-
 home = "EN Home"
 logo = "images/logo.png"
 menufixed = false
@@ -117,6 +116,12 @@ footerQuicklinkTitle = "Quicklinks"
 footerAboutTitle = "About"
 footerSubscribeTitle = "Subscribe"
 
+
+# cookies
+[params.cookies]
+enable = true
+expire_days = 2
+
 # Hero Area Section
 [Languages.en.params.hero]
 enable = true

layouts/partials/footer.html

@@ -71,3 +71,46 @@ <h6>Design and Developed by themefisher.com
 {{ "<!-- Main Script -->" | safeHTML }}
 {{ $script := resources.Get "js/script.js" | minify}}
 <script src="{{ $script.Permalink }}"></script>
+
+<!-- cookie -->
+{{ if site.Params.cookies.enable }}
+<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"></script>
+<div id="js-cookie-box" class="cookie-box cookie-box-hide">
+ This site uses cookies. By continuing to use this website, you agree to their use. <span id="js-cookie-button" class="btn btn-sm btn-outline-primary ml-2">I Accept</span>
+</div>
+<script>
+ (function ($) {
+ const cookieBox = document.getElementById('js-cookie-box');
+ const cookieButton = document.getElementById('js-cookie-button');
+ if (!Cookies.get('cookie-box')) {
+ cookieBox.classList.remove('cookie-box-hide');
+ cookieButton.onclick = function () {
+ Cookies.set('cookie-box', true, {
+ expires: {{ site.Params.cookies.expire_days }}
+ });
+ cookieBox.classList.add('cookie-box-hide');
+ };
+ }
+ })(jQuery);
+</script>
+
+<!-- cookie style -->
+<style>
+.cookie-box {
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ text-align: center;
+ z-index: 9999;
+ padding: 1rem 2rem;
+ background: rgb(71, 71, 71);
+ transition: all .75s cubic-bezier(.19, 1, .22, 1);
+ color: #fdfdfd;
+}
+
+.cookie-box-hide {
+ display: none;
+}
+</style>
+{{ end }}