Client-Side-Development/script.js at master · blockchain-at-india/Client-Side-Development · 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
let topChapters, ourTeam, blogs

document.addEventListener('DOMContentLoaded', () => {
  // [0] == Top chapters, [1] == Our Team
  const leftArrows = document.querySelectorAll('.arrow-left')
  const rightArrows = document.querySelectorAll('.arrow-right')
  // Responosive Navbar
  const toggleButton = document.querySelector('.toggle-button')
  const navLinks = document.querySelector('.navlinks')
  toggleButton.addEventListener('click', () => {
    navLinks.classList.toggle('show')
  })

  navLinks.addEventListener('click', () => {
    navLinks.classList.remove('show')
  })

  let logo = document.querySelector('.n-logo')
  console.log(logo)
  logo.addEventListener('click', () => {
    document.body.scrollTop = 0
    document.documentElement.scrollTop = 0
  })

  // Top chapters
  topChapters = new Siema({
    selector: '.cards',
    duration: 400,
    easing: 'ease-out',
    perPage: {
      0: 1,
      948: 3,
      1500: 5
    },
    startIndex: 0,
    draggable: true,
    multipleDrag: true,
    threshold: 20,
    loop: true,
    rtl: false,
    onInit: () => {},
    onChange: () => {}
  })

  // Our Team
  ourTeam = new Siema({
    selector: '.all-team',
    duration: 400,
    easing: 'ease-out',
    perPage: {
      0: 1,
      948: 3,
      1500: 5
    },
    startIndex: 0,
    draggable: true,
    multipleDrag: true,
    threshold: 20,
    loop: true,
    rtl: false,
    onInit: () => {},
    onChange: () => {}
  })

  // blogs = new Siema({
  //   selector: '.blog-cards',
  //   duration: 400,
  //   easing: 'ease-out',
  //   perPage: {
  //     1: 1,
  //     1190: 3
  //   },
  //   startIndex: 0,
  //   draggable: true,
  //   multipleDrag: true,
  //   threshold: 20,
  //   loop: true,
  //   rtl: false,
  //   onInit: () => {},
  //   onChange: () => {}
  // })

  function left(section) {
    section.prev()
  }

  function right(section) {
    section.next()
  }

  // leftArrows[0].addEventListener('click', () => left(topChapters), false)
  // leftArrows[1].addEventListener('click', () => left(blogs), false)
  // leftArrows[2].addEventListener('click', () => left(ourTeam), false)

  leftArrows[0].addEventListener('click', () => left(topChapters), false)
  leftArrows[1].addEventListener('click', () => left(ourTeam), false)

  // rightArrows[0].addEventListener('click', () => right(topChapters), false)
  // rightArrows[1].addEventListener('click', () => right(blogs), false)
  // rightArrows[2].addEventListener('click', () => right(ourTeam), false)

  rightArrows[0].addEventListener('click', () => right(topChapters), false)
  rightArrows[1].addEventListener('click', () => right(ourTeam), false)
})