Maedah Batool MaedahBatool

## bouncing-loader.css
/* Basic CSS styles. */
body {
  background: #FAC100;
}

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

## bouncing-loader.html
<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>

## gatsby-remark-embed-video-eg.js
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,

## gatsby-remark-embed-video-usage.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                MaedahBatool
                / gatsby-remark-embed-video-usage.md
            
            
              Last active Apr 4, 2019
            
              
                gatsby-remark-embed-video Plugin Usage
              
          
      View gatsby-remark-embed-video-usage.md
  
    
    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

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

## pudl-config.js
/**
 * 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 = {

## pudl-gulpfile.js
/**
 * Gulpfile.
 *
 * @author Maedah Batool (https://github.com/maedahbatool)
 */

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

## pudl-run-prjct.js
# To start pudl
npm start

# To stop pudl press CTRL (⌃) + C

## pudl-Install-node-dpnd.js
# For MAC OS X run the following command with super user.
npm install

# For Linux run the following command.
npm install

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