<file_sep>
const footer = `<p>Copyright © 2020 <NAME></p>
				<p>All rights reserved.</p>`

exports.homeGuest = (req, res) => {
	res.render('index', {
		root: '/test',
		title: 'Home Guest',
		footer: footer,
		photoID: 'https://i.picsum.photos/id/184/'
	})
}

exports.testGuest = (req,res) => {
	res.render('./test/test', {
		root: '/',
		title: 'Test Guest',
		footer: footer,
		photoID: 'https://i.picsum.photos/id/499/'
	})
}<file_sep>
class OnScroll {
	constructor(el) {
		this.events(el)
	}

	events(el) {
		window.addEventListener('scroll', () => {
			if (el.offsetTop - (.7 * window.innerHeight) < window.scrollY) {
				el.classList.add('on--scroll')
			} else {
				el.classList.remove('on--scroll')
			}
		})
	}
}

export default OnScroll<file_sep>
import header from './_variables'

class MobileMenu {
	constructor() {
		this.events()
	}

	events() {
		header.primary.menuIcon.addEventListener('click', () => {
			this.classExists = document.getElementsByClassName('primary__nav--is-visible').length
			if (this.classExists) {
				header.primary.nav.classList.remove('primary__nav--is-visible')
				header.primary.menuIconWrapper.classList.remove('primary__menu-icon__wrapper--is-visible')
			} else {
				header.primary.nav.classList.add('primary__nav--is-visible')
				header.primary.menuIconWrapper.classList.add('primary__menu-icon__wrapper--is-visible')
			}
		})
	}
}

export default new MobileMenu()<file_sep>require('../views/test/test.html')
require('../views/test/test.ejs')
require('../views/index.ejs')

require('../views/includes/header.ejs')
require('../views/includes/hero-image.ejs')
require('../views/includes/cards.ejs')
require('../views/includes/lorem.ejs')
require('../views/includes/footer.ejs')

require('../styles/main.css')

import vars from './modules/_variables'
import OnLoad from './modules/_OnLoad'
import MobileMenu from './modules/_MobileMenu'
import OnScroll from './modules/_OnScroll'


// for (var i = 0; i < vars.mainAll.length; i++) {
// 	new OnScroll(vars.mainAll[i])
// }

// for (var i = 0; i < vars.loremAll.length; i++) {
// 	new OnScroll(vars.loremAll[i])
// }

for (var i = 0; i < vars.allVisible.length; i++) {
	new OnScroll(vars.allVisible[i])
}