diff --git a/static/css/home.css b/static/css/home.css index 017dd9a..2545500 100644 --- a/static/css/home.css +++ b/static/css/home.css @@ -606,4 +606,53 @@ section .description p { font-size: 18px; } +.toast { + position: fixed; + bottom: 0; + right: 0; + background-color: #403e41; + z-index: 10; + width: 300px; + height: 200px; + padding: 10px; + transition: transform 500ms ease; +} +.toast.hide { + transform: translateY(145px); +} +.toast.hide .close-toast { + transform: rotate(180deg); +} +.toast header { + font-size: 16px; + letter-spacing: 1px; + font-weight: bold; + padding: 10px 0; + text-align: center; + color: white; +} +.toast .close-toast { + position: absolute; + top: 20px; + left: 10px; + color: white; + font-size: 30px; + cursor: pointer; + display: flex; + transition: tranform 500ms ease; +} +.toast .close-toast img { + width: 20px; + height: 20px; +} +.toast ul { + width: 80%; + margin: 0 auto; +} +.toast ul li { + color: white; + text-decoration: underline; + font-size: 14px; +} + /*# sourceMappingURL=home.css.map */ diff --git a/static/files/gbm-notice-17-18.pdf b/static/files/gbm-notice-17-18.pdf new file mode 100644 index 0000000..869a080 Binary files /dev/null and b/static/files/gbm-notice-17-18.pdf differ diff --git a/static/images/down-chevron.svg b/static/images/down-chevron.svg new file mode 100644 index 0000000..2de9f57 --- /dev/null +++ b/static/images/down-chevron.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/js/common.js b/static/js/common.js index 82326f1..362a780 100644 --- a/static/js/common.js +++ b/static/js/common.js @@ -22,4 +22,5 @@ function show_menu() { hamburger_menu.classList.toggle('active'); document.body.classList.toggle('non-scrollable'); mobile_menu.classList.toggle('show'); -} \ No newline at end of file +} + diff --git a/static/js/home.js b/static/js/home.js index e8bd1cc..82719f3 100644 --- a/static/js/home.js +++ b/static/js/home.js @@ -105,11 +105,9 @@ owl.owlCarousel({ responsive: { 0: { items: 1, - stagePadding: 100, }, 600: { items: 1, - stagePadding: 100, }, 1000: { items: 3 @@ -161,3 +159,13 @@ $('#branches-carousel-right-btn').click(function () { "use strict"; branches_carousel_Btn.trigger('prev.owl.carousel', [300]); }); + + +var toast = document.querySelector('.toast'); +var close_toast = document.querySelector('.close-toast'); + +close_toast.addEventListener('click', hide_toast); + +function hide_toast() { + toast.classList.toggle('hide'); +} \ No newline at end of file diff --git a/static/scss/common.scss b/static/scss/common.scss index ae5b7d6..90ae85b 100644 --- a/static/scss/common.scss +++ b/static/scss/common.scss @@ -389,4 +389,4 @@ mark { } } } -} \ No newline at end of file +} diff --git a/static/scss/home.scss b/static/scss/home.scss index f180aa6..89a16a6 100644 --- a/static/scss/home.scss +++ b/static/scss/home.scss @@ -652,3 +652,61 @@ section { } +.toast { + position: fixed; + bottom: 0; + right: 0; + background-color: #403e41; + z-index: 10; + width: 300px; + height: 200px; + padding: 10px; + transition: transform 500ms ease; + + &.hide { + transform: translateY(145px); + + .close-toast { + transform: rotate(180deg); + } + } + + header { + font-size: 16px; + letter-spacing: 1px; + font-weight: bold; + padding: 10px 0; + text-align: center; + color: white; + } + + .close-toast { + position: absolute;; + top: 20px; + left: 10px; + color: white; + font-size: 30px; + cursor: pointer; + display: flex; + transition: tranform 500ms ease; + + + img { + width: 20px; + height: 20px; + } + } + + ul { + width: 80%; + margin: 0 auto; + + li { + color: white; + text-decoration: underline; + font-size: 14px; + } + } +} + + diff --git a/templates/home.html b/templates/home.html index 1126abf..4125ba5 100644 --- a/templates/home.html +++ b/templates/home.html @@ -6,6 +6,13 @@ {% endblock stylesheets %} {% block content %} +
+
ANNOUNCEMENTS
+
+ +
Welcome to BCB
+

+ Weekly Holidays: Sunday, 2nd and 4th Saturdays. +

@@ -272,7 +278,7 @@ 2.00 pm - 5.00 p.m
16th Main, 4th Block, Bangalore - 011
-
PH :
+
PH : 2574 0777