Skip to content

Instantly share code, notes, and snippets.

@outoftime
outoftime / index.html
Created August 1, 2016 01:08 — forked from anonymous/index.html
Exported from Popcode.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div>
<input id="query" placeholder="Enter your search term">
<input type="submit" id="submit" value="Search">
</div>
@outoftime
outoftime / index.html
Created November 19, 2016 17:20 — forked from Bijesse/index.html
Exported from Popcode. Click to import: https://popcode.org/?gist=a521a0b99b72b550d55b90a1121b9b42
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS Zen Garden: The Beauty of CSS Design</title>
<link rel="stylesheet" type="text/css" href="zenstarter.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@outoftime
outoftime / mbutton.html
Last active August 19, 2017 02:08 — forked from fosslien/mbutton.html
button dashboard
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Chart</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.oesmith.co.uk/morris-0.5.1.css" rel="stylesheet">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.2/raphael-min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.0/morris.min.js"></script>
@outoftime
outoftime / README.md
Last active November 15, 2017 18:31 — forked from joliz/README.md
Exported from Popcode. Click to import: https://popcode.org/?gist=169e39d07929c5c08cfedb85f152e15a

Make this poem look nice without changing the HTML.

Hint: Use Google to find out how to use the CSS properties for

  • text-shadow
  • font-weight
  • background-repeat
  • background-position
  • background-size
  • background-attachment

Multi-Subject Quiz

Make the multi-subject quiz work correctly!

  1. Change the ? in the if/else statement for the English question so that it checks for the correct answer, which is Mon
  2. Add an if/else statement for the Math question so that it prints “Correct!” if the answer is 30, and “Wrong! Try again” otherwise.
  3. Add an if/else statement for the Social Studies question so that it prints “Correct!” if the answer is Albany, and “Wrong! Try again” otherwise.
  4. Add a click handler with an if / else statement for the Science question so that it checks for the answer solid.

If you finish early…

ScriptEdGram

Instagram copied Snapchat, so ScriptEd is going to copy Instagram.

Help make ScriptEdGram, by creating a conditional statement, using if, else if, and else.

Filters

We’re going to define four filters. The user types in the name of a filter to apply it.