shivampip

import turtle as t
import math

n= 21            # Number of folds
step= 1         # Step length

l= 2**n - 1
a= [0]*l

def fold(m, start, end, dir):

shivampip

{
  "name": "ghtest",
  "homepage": "https://shivampip.github.io/ghtest/", 
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "gh-pages": "^2.2.0",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-scripts": "3.3.0"

shivampip

By setting this property with the value "border-box" it makes whichever element you apply it to not stretch when you add a padding or border. If you define something with 100px width, and 10px padding, it will still be 100px wide.

box-sizing: border-box;  // on parent

shivampip

.outer {
  display: flex;
  justify-content: center;
  align-items: center; 
}

.innter{  
  align-self: center;  /*optional*/
}

shivampip

• Run this cmd

git config credential.helper store

• Perform push/pull (it will ask username and password once and then store them)
• Next time not username or password

shivampip

.aboutCardHidden{
	display: none;
}
.aboutCardWrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: flex;

shivampip

.github-corner:hover .octo-arm {
	animation: octocat-wave 560ms ease-in-out
}

@keyframes octocat-wave {
	0%,
	100% {
		transform: rotate(0)
	}
	20%,

shivampip

function helloLife(msg) {
	console.log("LIFE: " + msg);
}

shivampip

import React from "react";
import Script from "react-load-script";
import Demo from "./Demo";

class App extends React.Component {
	state = { scriptLoaded: false };

	handleScriptError() {
		console.log("Error while loading script");
	}

shivampip

import React from "react";

class Demo extends React.Component {
	render() {
		if (this.props.ready) {
			window.helloLife("Hey There");
		}
		return <div>THis is a demo</div>;
	}
}