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 ~
/* Basic CSS styles. */
body {
background: #FAC100;
}
p {
font-family:"Operator Mono";
font-size: 2rem;
color: #352C00;
text-align: center;
<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 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-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
@MaedahBatool
MaedahBatool / pudl-run-prjct.js
Created September 28, 2018 06:54
pudl Configuration Setup!
# To start pudl
npm start
# To stop pudl press CTRL (⌃) + C
@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