DEV21SPRINT/script.js at main · sharma-anushka/DEV21SPRINT · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
function showSection(sectionId) {
    document.getElementById('academic').style.display = 'none';
    document.getElementById('non-academic').style.display = 'none';
    document.getElementById(sectionId).style.display = 'block';
    document.getElementById('card-container').classList.add('hidden');
    document.getElementById('features-container').classList.remove('hidden');

  }

function navigateTo(url){
  window.location.href = url;
}

document.addEventListener('DOMContentLoaded', function () {
    const cardContainer = document.getElementById('card-container');
    const featuresContainer = document.getElementById('features-container');

    featuresContainer.addEventListener('click', function () {
      featuresContainer.classList.add('hidden');
      cardContainer.classList.remove('hidden');
    });

    cardContainer.addEventListener('click', function () {
      cardContainer.classList.add('hidden');
      featuresContainer.classList.remove('hidden');
    });
  });


//   const events = [
//       { title: 'Art Workshop', date: '24 May 2024', description: 'A workshop on painting techniques.' },
//       { title: 'Tech Talk', date: '30 May 2024', description: 'A talk on emerging technologies.' },
//       // Add more events here
//   ];

//   const eventList = document.getElementById('event-list');
//   events.forEach(event => {
//       const eventItem = document.createElement('div');
//       eventItem.className = 'event-item';
//       eventItem.innerHTML = `
//           <h3>${event.title}</h3>
//           <p>Date: ${event.date}</p>
//           <p>${event.description}</p>
//       `;
//       eventList.appendChild(eventItem);
//   });