Xavka

gulp css

Xavka

var gulp = require('gulp');
var postcss = require('gulp-postcss');

gulp.task('css', function () {
  var plugins = [
  ];
  return gulp.src('./src/*.css')
    .pipe(postcss(plugins))
    .pipe(gulp.dest('./dest'));
});

Xavka

npm install --save-dev gulp-postcss

Xavka

.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

Xavka

// Change page title on blur
$(window).blur(function() {
  $("title").text("Don't forget to read this..." + pageTitle);
});

Xavka

$(function() {
	// Get page title
  	var pageTitle = $("title").text();

	// Change page title on blur
	$(window).blur(function() {
	  $("title").text("Don't forget to read this...");
	});

	// Change page title back on focus

Xavka

( function() {
	/* Variables */
	var videoPlayer = document.getElementById( 'video-player' ),
		video = videoPlayer.getElementsByClassName( 'fullscreen-bg__video' )[0],
		playlist = videoPlayer.getElementsByClassName( 'fullscreen-bg__playlist' )[0],
		source = video.getElementsByTagName( 'source' ),
		linkList = [],
		videoDirectory = 'video/',
		currentVideo = 0,
		allLinks = playlist.children,

Xavka

.fullscreen-bg__playlist {
	display: none;
}

Xavka

<div class="fullscreen-bg__playlist">
	<a href="video/BLUE_DOTS.mp4" class="current-video"></a>
	<a href="video/ORANGE_DOTS.mp4"></a>
	<a href="video/RED_DOTS.mp4"></a>
</div>

Xavka

<div id="video-player" class="fullscreen-bg">