diff --git a/css/style.css b/css/style.css index ce0c795..be277d4 100644 --- a/css/style.css +++ b/css/style.css @@ -195,7 +195,7 @@ body { .events-card-content { position: relative; padding: 1.5em 2em; - height: 320px; + height: 380px; } .events-card-desc { diff --git a/img/event3_logo.png b/img/event3_logo.png new file mode 100644 index 0000000..008d700 Binary files /dev/null and b/img/event3_logo.png differ diff --git a/index.html b/index.html index ea4e00e..4e8864d 100644 --- a/index.html +++ b/index.html @@ -140,103 +140,108 @@

-
+ +

Events

-
-
+
+
+
+
+
+
+
+
+ +
+
+

VISENDUS 2022

+

+ What is the universe like? The universe, per se, is magical as we hurtle through + space and time, traversing across while we comprehend what we grasp by the + naked eye, the telescopes, astrophotography, spectroscopy, digital technology, + and so on. VISENDUS 2022: A Visit to Sri Lanka Planetarium aims at educating + the enthusiasts and acknowledging the service done by the Sri Lanka + Planetarium throughout the years. Join and anticipate a spellbinding event + across the universe as horizons will be expanded beyond Earth where far-off + galaxies are being born and stars collide. + +

+ + -
-
-
-
-
-
-
-
-
-

Into The Stars

-

- Are you ready to expand your knowledge about space exploration including night - sky mapping, rockets, rovers, satellites, space suits, and build friendships - along the way? Well... Here is your opportunity! SEDS University of Colombo, - representing SEDS Sri Lanka proudly presents Into the Stars! Register today and - reserve your seat for the exploration of the unknown!! -

- -
+
- -
-
-
-
-
-
-
-
-

World Space Week 2021

-

- World Space Week 2021 is an event that is held throughout the globe and joins in - participants of all ages and nations together, opening up a whole plethora of - opportunities to boost awareness and knowledge... - - With this thought, World Space Week in Sri Lanka, 2021 a series of events - organized by the SEDS UOC Chapter, in collaboration with the SEDS Sri Lanka body - is - held in this week. -

- -
+
+
+ +
+
+
+
+
+
+
+
+

CubeHack 2021

+

+ Bringing together ingenuity and creativity, "CubeHack" is a joint venture by + SEDS UOC, SEDS OUSL, SEDS SLIIT and the Satellite Division of SEDS SL that + showcases + putting ideas, into a scientific construct. Teams will gather and construct a + model of a Cube Satellite using designing tools and resources available at their + fingertips, and a report shall be submitted for evaluation. +

+
-
+
+
@@ -472,7 +477,7 @@

About

- (C) 2021 SEDS UOC - Maintained by the + (C) 2022 SEDS UOC - Maintained by the Web Team.

@@ -481,6 +486,7 @@

About

+ \ No newline at end of file diff --git a/js/carousel2.js b/js/carousel2.js new file mode 100644 index 0000000..a7fa632 --- /dev/null +++ b/js/carousel2.js @@ -0,0 +1,120 @@ +function ready(handler) { + if (/complete|loaded|interactive/.test(document.readyState) && document.body) { + handler(); + } else { + document.addEventListener('DOMContentLoaded', handler, false); + } +} + +var _clickEvents = ['click', 'touch']; + +ready(function () { + const burgers = document.querySelectorAll('.burger'); + [].forEach.call(burgers, burger => { + _clickEvents.forEach(clickEvent => { + burger.addEventListener(clickEvent, e => { + e.preventDefault(); + + const node = e.currentTarget; + if (node) { + node.classList.toggle('is-active'); + // Get the target from the "data-target" attribute + let target = node.dataset.target; + if (target) { + const targetNode = document.querySelector(node.dataset.target); + if (targetNode) { + targetNode.classList.toggle('is-active'); + } + } + } + }); + }); + }); + + const menus = document.querySelectorAll('.menu'); + [].forEach.call(menus, menu => { + // Open menu which contains the current active item + let activeMenus = menu.querySelectorAll('.menu-item:not(.has-dropdown).is-active'); + [].forEach.call(activeMenus, (activeMenu) => { + activeMenu = activeMenu.closest('.menu-item.has-dropdown'); + if (activeMenu) { + activeMenu.classList.add('is-active'); + } + }); + + let dropdownMenus = menu.querySelectorAll('.menu-item.has-dropdown > .menu-title'); + [].forEach.call(dropdownMenus, (dropdownMenu) => { + dropdownMenu.addEventListener('click', e => { + e.preventDefault(); + let currentMenu = e.currentTarget; + + // Toggle current menu + currentMenu.closest('.menu-item.has-dropdown').classList.toggle('is-active'); + + // Close all other active menus + let otherActiveMenus = menu.querySelectorAll('.menu-item.has-dropdown.is-active'); + [].forEach.call(otherActiveMenus, otherActiveMenu => { + if (!currentMenu.isEqualNode(otherActiveMenu.querySelector('.menu-title'))) { + otherActiveMenu.classList.remove('is-active'); + } + }); + }); + }); + }); + + let tabs = document.querySelectorAll('.tabs li a'); + [].forEach.call(tabs, tab => { + if (window.location.hash) { + let tabToShow = tab.closest('.tabs').querySelector('[href="' + window.location.hash + '"]'); + let tabContentToShow = document.querySelector(window.location.hash); + if (tabToShow && tabContentToShow) { + let tabToHide = tab.closest('.tabs').querySelector('li.is-active'); + if (tabToHide) { + let tabToHideLink = tabToHide.querySelector('a'); + let tabContentToHide = document.querySelector(tabToHideLink.getAttribute('href')); + if (tabContentToHide) { + tabContentToHide.classList.remove('is-active'); + } + tabToHideLink.classList.remove('is-active'); + tabToHide.classList.remove('is-active'); + } + tabToShow.closest('li').classList.add('is-active'); + tabContentToShow.classList.add('is-active'); + } + } + + _clickEvents.forEach(clickEvent => { + tab.addEventListener(clickEvent, event => { + event.preventDefault(); + const tab = event.currentTarget; + + let tabToHide = tab.closest('.tabs').querySelector('li.is-active'); + if (tabToHide) { + let tabToHideLink = tabToHide.querySelector('a'); + let tabContentToHide = document.querySelector(tabToHideLink.getAttribute('href')); + if (tabContentToHide) { + tabContentToHide.classList.remove('is-active'); + } + tabToHideLink.classList.remove('is-active'); + + tabToHide.classList.remove('is-active'); + } + tab.closest('li').classList.add('is-active'); + + let tabContentToShow = document.querySelector(tab.getAttribute('href')); + if (tabContentToShow) { + tabContentToShow.classList.add('is-active'); + } + }); + }); + }); +}); + +ready(function () { + bulmaCarousel.attach('#slider', { + slidesToScroll: 1, + slidesToShow: 2, + autoplay: true, + autoplaySpeed: 7000, + }); +}); \ No newline at end of file