MaedahBatool

/* Basic CSS styles. */
body {
  background: #FAC100;
}

p {
  font-family:"Operator Mono";
  font-size: 2rem;
  color: #352C00;
  text-align: center;

MaedahBatool

<p>A simple representation of an animated bouncing page loader!</p>

<!-- HTML code for the boucning page loader animation.-->
<div class="loader">
  <span></span>
  <span></span>
  <span></span>
</div>

MaedahBatool

plugins: [
{
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            // Using gatsby-remark-embed-video before gatsby-remark-images & gatsby-remark-responsive-iframe plugins.    
            resolve: `gatsby-remark-embed-video`,  
            options: {
              maxWidth: 800,

MaedahBatool

gatsby-remark-embed-video Plugin Usage

video: https://www.youtube.com/embed/2Xc9gXyf2G4 youtube: https://www.youtube.com/watch?v=2Xc9gXyf2G4 youtube: 2Xc9gXyf2G4

vimeo: https://vimeo.com/5299404 vimeo: 5299404

videoPress: https://videopress.com/v/kUJmAcSf

MaedahBatool

module.exports = {
  siteMetadata: {
    title: 'Your Site Title',
    siteUrl: 'https://yoursite.com',
  },
    plugins: [      
    {
        resolve: "gatsby-remark-embed-video",
        options: {
            width: 800,

MaedahBatool

/**
 * Configuration.
 *
 * Project Configuration for gulp tasks.
 *
 * In paths you can add <<glob or array of globs>>. Edit the variables as per your project requirements.
 */

// Project options.
module.exports = {

MaedahBatool

/**
 * Gulpfile.
 *
 * @author Maedah Batool (https://github.com/maedahbatool)
 */

/**
 * Load Config.
 *
 * Customize your project in the config.js file

MaedahBatool

# To start pudl
npm start

# To stop pudl press CTRL (⌃) + C

MaedahBatool

# For MAC OS X run the following command with super user.
npm install

# For Linux run the following command.
npm install

MaedahBatool

// Project Variables.
module.exports = {
	viewSrc: './views/**/*.pug',
	viewDst: './',
	styleSrc: './css/style.scss',
	styleDst: './',
	outputStyle: 'compressed',
	viewWatchFiles: './views/**/*.pug',
	styleWatchFiles: './css/**/*.scss',
	browserAutoOpen: false,