A simple Gravatar checker app. Built with React.js to exercise the use of MD5.js for hashing strings.
GitHub repo at https://github.com/SamEureka/gravchk
A Pen by Sam Eureka on CodePen.
A simple Gravatar checker app. Built with React.js to exercise the use of MD5.js for hashing strings.
GitHub repo at https://github.com/SamEureka/gravchk
A Pen by Sam Eureka on CodePen.
body { | |
margin: 0; | |
background: #222; | |
min-width: 960px; | |
} | |
rect { | |
fill: none; | |
pointer-events: all; | |
} |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>CSS / HTML Exercise - Login</title> | |
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> | |
<link rel="stylesheet" type="text/css" href="style.css"> | |
</head> | |
<body> |
div { | |
font-size: 10rem; | |
text-align: center; | |
} | |
.pointing { | |
cursor: pointer; | |
} | |
.bold { |
// refactored - combined the retreive and set to one function. | |
d3.select("#cText").on("input", function() { | |
localStorage.setItem('cText', this.value); | |
d3.select('#textOut').text(localStorage.getItem('cText')); | |
}); | |
d3.select("#nRange").on("input", function() { | |
localStorage.setItem('nRange', +this.value); | |
d3.select('#rangeOut').text(localStorage.getItem('nRange')); |
var width = 420, | |
barHeight = 20; | |
var x = d3.scale.linear() | |
.range([0, width]); | |
var chart = d3.select('.chart') | |
.attr('width', width); | |
d3.csv('data.csv', type, function (error, data){ |
.jumbotron.vertical-center { | |
margin-bottom: 0; | |
} | |
.vertical-center { | |
min-height: 100%; | |
min-height: 100vh; | |
display: -webkit-box; | |
display: -moz-box; | |
display: -ms-flexbox; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Cog</title> | |
<!-- Bootstrap CDN CSS--> | |
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-MfvZlkHCEqatNoGiOXveE8FIwMzZg4W85qfrfIFBfYc= sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous"> | |
<!-- Icons and stuff --> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> | |
</head> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="description" content="Practice Refactoring to jQuery"> | |
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> | |
<meta charset="utf-8"> | |
<title>Practice Refactoring to jQuery</title> | |
<style id="jsbin-css"> | |
#refrigerator { | |
background-color: #FFFFFF; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Floats and Clearfixes Assignment</title> | |
<style id="jsbin-css"> | |
*, *:before, *:after { | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
box-sizing: border-box; | |
} |