Skip to content

Instantly share code, notes, and snippets.

Nick Jonas nick-jonas

Block or report user

Report or block nick-jonas

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View voice-button-scalable.html
<voice-button mic-color="#230950" diameter="40"></voice-button>
<voice-button mic-color="#230950" diameter="160"></voice-button>
View voice-button-disabled.html
<voice-button mic-color="#416165" inverse></voice-button>
<voice-button mic-color="#416165" inverse disabled></voice-button>
View voice-button.html
<voice-button mic-color="#230950" inverse flat autodetect></voice-button>
View voice-button-default.html
<voice-button cloud-speech-api-key="YOUR_API_KEY_HERE" autodetect></voice-button>
@nick-jonas
nick-jonas / sync_rpi_time.sh
Created May 12, 2017
Place this snippet in your /etc/rc.local file so an RPI will sync time on boot
View sync_rpi_time.sh
#!/bin/sh
#force time set with NTP server
clear
echo Setting the time and date. Your sudo password may be required below...
echo
sudo ntpdate -bu pool.ntp.org
echo
echo The time and date are now set to `date`
echo
View pipfreeze.sh
PyRSS2Gen==1.0.0
Twisted==12.2.0
altgraph==0.10.1
argparse==1.3.0
bdist-mpkg==0.4.4
bonjour-py==0.3
geopy==1.9.0
lightblue==0.4
macholib==1.5
matplotlib==1.1.1
View helvetica.css
@font-face {
font-family: 'HelveticaNeue';
src: url('../content/fonts/HelveticaNeue-Bold.woff') format('woff'),
url('../content/fonts/HelveticaNeue-Bold.ttf') format('truetype');
font-weight: 800;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('../content/fonts/HelveticaNeue.woff') format('woff'),
@nick-jonas
nick-jonas / waves-css-anim.scss
Created Mar 27, 2014
Animating waves with CSS keyframes
View waves-css-anim.scss
@import "compass/css3/animation";
@import "compass/css3/transform";
$waveWidth:998px;
@include keyframes(waves){
0%{
left:0;
}
100%{
@nick-jonas
nick-jonas / bubbles-canvas.js
Last active Oct 24, 2016
Animating bubbles using Canvas
View bubbles-canvas.js
// called once, to initialize
createBubbles: function(){
var self = this,
el = this.element,
width = $(window).width(),
height = $(window).height(),
canvas = document.createElement('canvas');
el.style.width = canvas.width = width;
el.style.height = canvas.height = height;
@nick-jonas
nick-jonas / bubbles-dom.js
Last active Aug 29, 2015
Animating bubbles using the transform property on multiple DOM elements
View bubbles-dom.js
// updates the position of a bubble element
updatePosition: function($elem, x, y){
var value = 'translate3d(' + x + 'px, ' + y + 'px, 0.1px)';
// use Modernizr to get all the vendor prefixes
value = Modernizr._prefixes.join('transform' + ':' + value + '; ');
value = value.split(';');
var props = {};
// create an object to apply the vendor prefixed CSS properties
for(var i = 0; i < value.length; i++){
var thisVal = value[i].split(':');
You can’t perform that action at this time.