Skip to content

Instantly share code, notes, and snippets.

@iseabock
iseabock / Typewriter.jsx
Last active September 7, 2023 02:16
Typewriter Component
import React, { useState, useEffect, useContext } from 'react';
import PropTypes from 'prop-types';
import Typography from '@mui/material/Typography';
import Box from '@mui/material/Box';
import { TypewriterContext } from '../util/Context';
const BlinkingCursor = ({ sentenceComplete }) => {
const [show, setShow] = useState(true);
const [isBlinkOn, setIsBlinkOn] = useState(false);
@iseabock
iseabock / index.html
Last active January 9, 2019 04:08
Keeping up with the Javascripts, Assignment #4
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
@iseabock
iseabock / index.html
Last active January 5, 2019 22:31
Keeping up with the Javascripts, Assignment #3
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">
@iseabock
iseabock / gist:d41bc5f490e3dac85b73b768e204f408
Last active January 6, 2019 00:05
Keeping up with the Javascripts, Assignment #2
// The differences between var, let, and const
// The var keyword is the old way of declaring variables in javascript. Variables declared with var
// will not maintain block scope and can be redefined at any point.
// var myVar = 5;
// if (true) {
// var myVar = 10;
// console.log(myVar);
// }
@iseabock
iseabock / index.html
Last active January 5, 2019 19:01
Keeping up with the Javascripts Assignment #1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">