Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Building Communities

Maedah Batool MaedahBatool

🎯
Building Communities
View GitHub Profile
View .bash_aliases
# Reload the shell (i.e. invoke as a login shell)
alias reload="exec $SHELL -l"
alias relaod="reload" #typo addressed
alias reld="reload"
alias rld="reload"
# Create a Symlink and dump its alias to paths.
lns () {
THE_PWD=$PWD
cd ~
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