// =============================================================================
// Bricks.js
// =============================================================================

//
// Collection of scripts used by the framework
//

'use strict';

// Intro message

const styles = [
	'background-color: #ea2e42',
	'color: white',
	'line-height: 40px',
	'font-weight: bold',
	'padding: 10px 0'
].join(';');

console.log('%c Oh hello, nice to meet you. If you have any feedback or suggestions, send them to @mrozilla :) ', styles);

// =============================================================================
// Mark page as DOMloaded
// =============================================================================

if (document.readyState != 'loading'){
	document.body.classList.add('is--loaded');
} else {
	document.addEventListener('DOMContentLoaded', document.body.classList.add('is--loaded'));
}

// =============================================================================
// Hiding navbar
// =============================================================================

const navbar = new Navbar();
navbar.init();

// =============================================================================
// ScrollReveal settings
// =============================================================================

const sr = new ScrollReveal({reset:true});
sr.reveal('.scrollReveal');

// =============================================================================
// Smooth scroll
// =============================================================================

const smooth = new Smooth();
smooth.init();

// =============================================================================
// Typed.js settings
// =============================================================================

const typed = new Typed({
	text: ["framework.", "helper.", "friend."], 
	loop: true
});
typed.init();

// =============================================================================
// Blog Image behaviour
// =============================================================================

const blogImages = new Click();
blogImages.init();

// =============================================================================
// Highlight.js init
// =============================================================================

hljs.initHighlightingOnLoad();

// =============================================================================
// Tabs init
// =============================================================================

const tabs1 = new Tabs({target: '#tabs1'});
const tabs2 = new Tabs({target: '#tabs2'});
tabs1.init();
tabs2.init();

// =============================================================================
// Sticky init
// =============================================================================

const sticky = new Sticky();
sticky.init();

// =============================================================================
// Layout init
// =============================================================================

const layout = new Layout();
layout.init();

// =============================================================================
// Blog behaviour
// =============================================================================

const blog = new Blog();
blog.init();
@@ -1113,32 +1113,243 @@
 navbar.init();%0A%0A
+// =============================================================================%0A// Forms%0A// =============================================================================%0A%0Aconst form = new Form();%0Aform.init();%0A%0A
 // =============

add forms functionality