Andy Novocin AndyNovo
AndyNovo
/ route.html
Created
January 29, 2016 13:25
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
| <title>Sample SPA using HashChange</title> | |
| <script type="text/javascript" charset="utf-8"> | |
| var handleHash = function(){ | |
| document.body.innerHTML = document.querySelector(location.hash).innerHTML; | |
| }; | |
| window.addEventListener("hashchange", handleHash); |
AndyNovo
/ hashchange.html
Created
January 29, 2016 13:12
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
| <title>Sample SPA using HashChange</title> | |
| <script type="text/javascript" charset="utf-8"> | |
| var handleHash = function(){ | |
| alert("Hash changed to "+location.hash); | |
| document.body.innerHTML = document.querySelector(location.hash).innerHTML; |
AndyNovo
/ package.json
Last active
January 26, 2016 12:58
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "API-example", | |
| "version": "0.0.0", | |
| "description": "Serving UTC time", | |
| "main": "server.js", | |
| "repository": "", | |
| "author": "Andy Novocin", | |
| "dependencies": { | |
| "express": "~3.2.4" | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Display play | |
| */ | |
| body { | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, yellow); | |
| min-height: 100%; | |
| } | |
| span { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* box model basics */ | |
| div { | |
| background-color: #aaa; | |
| display: block; | |
| outline: 5px dashed white; | |
| margin: 50px; | |
| border: 30px solid hsla(2000,100%,50%, .4); | |
| padding: 10px; | |
| background-clip: padding-box; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>A Title</title> | |
| <link href="style.css" rel="stylesheet"/> | |
| <style> | |
| body { | |
| color: white; | |
| } | |
| </style> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Things you can color | |
| */ | |
| body { | |
| column-count: 3; | |
| column-gap: 2em; | |
| column-rule: 2px solid salmon; | |
| } | |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Basic CSS Selectors | |
| */ | |
| p { | |
| background-color: #aaa; | |
| } | |
| .cool { | |
| color: blue; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * Gettysburg Address | |
| */ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Title Here</title> | |
| </head> | |
| <body> | |
| Content Here | |
| </body> | |
| </html> |