new page: Cookie banner (#1468)

src/pages/_data/menu.yml

@@ -174,6 +174,9 @@ extra:
   icon: star
   columns: 2
   children:
+    cookie-banner:
+      title: Cookie banner
+      url: cookie-banner.html
     activity:
       title: Activity
       url: activity.html

src/pages/cookie-banner.html

@@ -0,0 +1,27 @@
+---
+page-header: Cookie banner
+title: Cookie banner
+menu: extra.cookie-banner
+---
+
+<div class="offcanvas offcanvas-bottom h-auto show" tabindex="-1" id="offcanvasBottom" aria-modal="true" role="dialog">
+	<div class="offcanvas-body">
+		<div class="container">
+			<div class="row align-items-center">
+				<div class="col">
+					<strong>Do you like cookies?</strong> 🍪 We use cookies to ensure you get the best experience on our website. <a href="{{ site.base }}/terms-of-service.html" target="_blank">Learn more</a>
+				</div>
+				<div class="col-auto">
+					<button type="button" class="btn" data-bs-dismiss="offcanvas">
+						Essential Cookies Only
+					</button>
+				</div>
+				<div class="col-auto">
+					<button type="button" class="btn" data-bs-dismiss="offcanvas">
+						Allow All Cookies
+					</button>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>