Skip to content

Instantly share code, notes, and snippets.

View MaedahBatool's full-sized avatar
🎯
Building Communities

Maedah Batool MaedahBatool

🎯
Building Communities
View GitHub Profile
@MaedahBatool
MaedahBatool / .bash_aliases
Last active June 26, 2020 16:47
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 ~
<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>
/* Basic CSS styles. */
body {
background: #FAC100;
}
p {
font-family:"Operator Mono";
font-size: 2rem;
color: #352C00;
text-align: center;
@MaedahBatool
MaedahBatool / gatsby-remark-embed-video-eg.js
Last active April 4, 2019 12:30
gatsby-remark-embed-video Plugin Example
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 April 4, 2019 12:21
gatsby-remark-embed-video Plugin Usage

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 April 4, 2019 09:04
gatsby-remark-embed-video Plugin Working
module.exports = {
siteMetadata: {
title: 'Your Site Title',
siteUrl: 'https://yoursite.com',
},
plugins: [
{
resolve: "gatsby-remark-embed-video",
options: {
width: 800,
@MaedahBatool
MaedahBatool / pudl-curl-dwnld.sh
Last active October 4, 2018 05:13
pudl Configuration Setup!
curl -L https://git.io/pudlgfl -o "gulpfile.js" && curl -L https://git.io/pudlpkjs -o "package.json" && curl -L https://git.io/pudlgig -o ".gitignore" && curl -L https://git.io/pudlcg -o "config.js"
@MaedahBatool
MaedahBatool / pudl-Install-node-dpnd.js
Last active October 1, 2018 12:25
pudl Configuration Setup!
# For MAC OS X run the following command with super user.
npm install
# For Linux run the following command.
npm install
@MaedahBatool
MaedahBatool / pudl-config.js
Created October 1, 2018 08:52
pudl Config file
/**
* 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
MaedahBatool / pudl-gulpfile.js
Created October 1, 2018 08:51
pudl Gulp file
/**
* Gulpfile.
*
* @author Maedah Batool (https://github.com/maedahbatool)
*/
/**
* Load Config.
*
* Customize your project in the config.js file