Skip to content

Instantly share code, notes, and snippets.

View craigprotzel's full-sized avatar

Craig Protzel craigprotzel

View GitHub Profile
@craigprotzel
craigprotzel / love.js
Created November 13, 2020 16:24
Class for Love
class Love {
this.lover;
this.loved;
constructor(lover, loved){
this.lover = lover
this.loved = loved
}
body {
margin: 0px;
padding: 0px;
font-family: 'Oswald', sans-serif;
font-size: 24px;
}
#topLeftBox {
position: absolute;
background-color: rgb(254, 169, 0);
width: 200px;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>CSS Positioning</title>
<link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Oswald'>
<link href='http://fonts.googleapis.com/css?family=Orbitron:400,500' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
var a = "hello"
@craigprotzel
craigprotzel / Country Data
Created July 10, 2015 16:23
A breakdown of employees from different countries
var countryData = [
{
'country': 'Canada',
'total': 12
},
{
'country': 'East Asia',
'total': 15
},
{
$(document).ready(function(){
console.log("We are ready");
/*************************/
//Initialize some variables
/*************************/
//Set the video link
var theVideoLink = "https://www.youtube.com/watch?v=QVn7PzNoVqE&controls=1";
var theVideoLinkTwo ='https://www.youtube.com/watch?v=ApN1cZoiX4w&controls=1';
body{
font-family: "Comic Sans MS";
}
.videoStyle{
float: left;
width: 640px;
height: 480px;
}
.playDiv{
text-align: center;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width">
<title>Standard Page</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<!-- CONTENT GOES HERE -->
//Wrap all of your js inside the jQuery document.ready() function
$(document).ready(function(){
/***********************************/
//Initialize the Popcorn Video Object
//First, declare a variable that is the URL of the video
var theVideoLink = 'https://www.youtube.com/watch?v=UkGkUC-bMrs';
//Then declare a variable for the Popcorn object.
#infoBox{
font-family: Helvetica;
font-size: 32px;
}
#video{
width: 320px;
height: 240px;
margin: 10px auto;
}
.greenBox{