sws_landing-page/script.js at main · kingieX/sws_landing-page · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
// side bars
var menu = document.querySelector('.menu');
var menuBtn = document.querySelector('.menu button');
menuBtn.addEventListener('click', () => {
    menu.classList.toggle('opened')
});

// Readmore on Overview
const moreContent = document.getElementById('more');
const readMoreLink = document.getElementById('read-more')

readMoreLink.addEventListener("click", (e) => {
  e.preventDefault();

  if (moreContent.style.display === "none") {
    moreContent.style.display = "block";
    readMoreLink.textContent = "Read less";
  } else {
    moreContent.style.display = "none";
    readMoreLink.textContent = "Read more"
  }
});

// Readmore on Features
const moreContent0 = document.getElementById('more-0');
const readMoreLink0 = document.getElementById('read-more-0')

readMoreLink0.addEventListener("click", (e) => {
  e.preventDefault();

  if (moreContent0.style.display === "none") {
    moreContent0.style.display = "block";
    readMoreLink0.textContent = "Read less";
  } else {
    moreContent0.style.display = "none";
    readMoreLink0.textContent = "Read more"
  }
});

// Readmore on About
const moreContent1 = document.getElementById('more-1');
const readMoreLink1 = document.getElementById('read-more-1')

readMoreLink1.addEventListener("click", (e) => {
  e.preventDefault();

  if (moreContent1.style.display === "none") {
    moreContent1.style.display = "block";
    readMoreLink1.textContent = "Read less";
  } else {
    moreContent1.style.display = "none";
    readMoreLink1.textContent = "Read more"
  }
});

// show more message for contributors 1
const moreContents = document.querySelector('.more-2');
const readMoreLinks = document.querySelector('.read-more-2')

readMoreLinks.addEventListener("click", (e) => {
  e.preventDefault();

  if (moreContents.style.display === "none") {
    moreContents.style.display = "block";
    readMoreLinks.textContent = "Read less";
  } else {
    moreContents.style.display = "none";
    readMoreLinks.textContent = "Read more"
  }
});

// show more message for contributors 2
const moreContent2 = document.querySelector('.more-3');
const readMoreLink2 = document.querySelector('.read-more-3')

readMoreLink2.addEventListener("click", (e) => {
  e.preventDefault();

  if (moreContent2.style.display === "none") {
    moreContent2.style.display = "block";
    readMoreLink2.textContent = "Read less";
  } else {
    moreContent2.style.display = "none";
    readMoreLink2.textContent = "Read more"
  }
});

// show more message for contributors 3
const moreContent3 = document.querySelector('.more-4');
const readMoreLink3 = document.querySelector('.read-more-4')

readMoreLink3.addEventListener("click", (e) => {
  e.preventDefault();

  if (moreContent3.style.display === "none") {
    moreContent3.style.display = "block";
    readMoreLink3.textContent = "Read less";
  } else {
    moreContent3.style.display = "none";
    readMoreLink3.textContent = "Read more"
  }
});

// slides edits
var swiper = new Swiper(".slide-content", {
    slidesPerView: 1,
    spaceBetween: 30,
    loop: true,
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  });