Skip to content

Instantly share code, notes, and snippets.

🎯
Building Communities

Maedah Batool MaedahBatool

Block or report user

Report or block MaedahBatool

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View bouncing-loader.css
/* Basic CSS styles. */
body {
background: #FAC100;
}
p {
font-family:"Operator Mono";
font-size: 2rem;
color: #352C00;
text-align: center;
View 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>
@MaedahBatool
MaedahBatool / gatsby-remark-embed-video-eg.js
Last active Apr 4, 2019
gatsby-remark-embed-video Plugin Example
View 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,
@MaedahBatool
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

@MaedahBatool
MaedahBatool / gatsby-remark-embed-video.js
Created Apr 4, 2019
gatsby-remark-embed-video Plugin Working
View 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,
View 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 = {
View pudl-gulpfile.js
/**
* Gulpfile.
*
* @author Maedah Batool (https://github.com/maedahbatool)
*/
/**
* Load Config.
*
* Customize your project in the config.js file
@MaedahBatool
MaedahBatool / pudl-run-prjct.js
Created Sep 28, 2018
pudl Configuration Setup!
View pudl-run-prjct.js
# To start pudl
npm start
# To stop pudl press CTRL (⌃) + C
@MaedahBatool
MaedahBatool / pudl-Install-node-dpnd.js
Last active Oct 1, 2018
pudl Configuration Setup!
View 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
@MaedahBatool
MaedahBatool / pudl-prjct-var.js
Created Sep 28, 2018
pudl Configuration Setup!
View 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,
You can’t perform that action at this time.