Will Halling willhalling

Developer based in London.

willhalling / remotion.tsx

Last active August 12, 2022 21:19

Remotion Jumpy video

	import {Audio, AbsoluteFill, interpolate, Sequence, useCurrentFrame, Video, useVideoConfig} from 'remotion';

	import logo from "../assets/gt/gt-logo-black-bg.svg";

	// @ts-ignore
	import {QuoteBox} from "./components/quote-box/QuoteBox";
	import videoBg from "../assets/gt/video/ocean-92550.mp4";
	import audioBg from "../assets/gt/audio/meditation/a-new-day.mp3";
	import {Location} from "./components/location/Location";

willhalling / gist:e76edc84003b68d860f05a0bcf280734

Created March 25, 2021 11:25

Remotion text typewriter effect

	import {spring, useCurrentFrame, interpolate, Easing, useVideoConfig} from 'remotion';

	/*
	Pass params into component like this:
	<TitleThree titleText={`But I watch
	and learn from them.
	I like the little they know,
	which is so much.`} titleColor="white" backgroundColor="black" fontSize={60} fontFamily="Lora" />
	*/

willhalling / js

Created December 12, 2020 09:44

Editly Example for Gratitude video used at https://www.youtube.com/watch?v=36xT60Pue40

	const editly = require('../index');

	const { easeOutExpo } = require('../transitions');

	const { getPosition } = require('./utils/position');

	const NAME = 'nicole-thea';
	const PRIMARY_COLOUR = '#FFFFFF';
	const SECONDARY_FONT_FAMILY = 'Roboto Light Italic';
	const SECONDARY_FONT_URL = 'Roboto-LightItalic.ttf';

willhalling / strava.es6

Last active February 3, 2016 10:45

Files for tutorial at http://willhalling.com/blog/connect-to-strava-api-javascript-php

	// declare our Strava Class
	class Strava {
	// define our constructor method
	// pass in the Running Routes object
	constructor(application) {
	this.CLIENT_ID = application.CLIENT_ID;
	this.AUTHORIZATION_ENDPOINT = application.AUTHORIZATION_ENDPOINT;
	this.ACCESS_TOKEN = application.ACCESS_TOKEN;
	this.ACCESS_TOKEN_AUTHORIZED = null;
	}

willhalling / jquery-children-example.html

Created August 6, 2013 09:55

.children() method.

	<html>
	<head>

	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

	<title>.children() method</title>

	<script type="text/javascript">

	$(function() {

willhalling / identify-first-item.html

Created August 6, 2013 09:53

Identify first item.

	<html>
	<head>

	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

	<title>Identify first item</title>

	<script type="text/javascript">

	$(function() {

willhalling / disabled-enter-key.js

Created July 25, 2013 08:24

Disable enter key on form

	$('#formID').keypress(function(event){
	// prevent enter key action
	if (event.keyCode == 10 \|\| event.keyCode == 13) {
	event.preventDefault();
	// still want to try and submit form when enter key pressed
	this.submit();
	}
	});

willhalling / placeholder-support.js

Created July 25, 2013 08:20

Placeholder input text support in IE8/9

	// placeholder text support in IE8/IE9
	$(function() {
	if(!$.support.placeholder) {
	var active = document.activeElement;
	$(':text').focus(function () {
	if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
	$(this).val('').removeClass('hasPlaceholder');
	}
	}).blur(function () {
	if ($(this).attr('placeholder') != '' && ($(this).val() == '' \|\| $(this).val() == $(this).attr('placeholder'))) {

willhalling / read-more-example.html

Created July 19, 2013 09:38

Read/hide text after a certain amount of characters.

	<html>
	<head>

	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

	<title>Read More Example (with character count)</title>

	<style type="text/css">
	a:visited {color:#0254eb}
	.ccount {width:400px; background-color:#f0f0f0; margin:10px}

willhalling / select-change.html

Created July 19, 2013 09:37

Simple jQuery function to change class of labels when radio buttons are selected.

	<html>
	<head>

	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

	<title>Select/Change option</title>

	<style type="text/css">
	.red {color: red;}
	.black {color: black;}