Shawn K shawnfromportland

shawnfromportland / circadian_css_animation.php

Created October 8, 2018 06:02

	<style type="text/css">
	@keyframes color-animation {
	...
	<?php
	foreach($sun as $k => $v){
	$momentSeconds = $v - $zeroSecondTs;
	$dayPercent = (int)($momentSeconds / 864);
	?>
	/* The color during <?= $k; ?> */
	<?= $dayPercent ?>% {

shawnfromportland / circadian_css_animation.php

Last active October 8, 2018 06:05

shawnfromportland / circadian_css_animation.php

Created October 8, 2018 05:56

	// ============================================================================
	// Optional:
	// Select a random picture from different time-of-day sets
	// selected choice is loaded into $headerImageName for use in your page
	// ============================================================================

	// default to the daytime set
	$activePicSet = $dayPics;

	switch($nowSecond){

shawnfromportland / circadian_css_animation.php

Created October 8, 2018 05:55

	// Optional: load a random pic from different sets corresponding to times of day
	$dayPics =
	[
	'day1.png',
	'day2.png',
	'day3.png',
	'day4.png',
	'day5.png',
	'day6.png'
	];

shawnfromportland / circadian_css_animation.php

Created October 8, 2018 05:53

	<?php
	// ============================================================================
	// Config section
	// Set up whatever values you want for the circadian animation
	// ============================================================================

	// Time zone used to do day/night calculations
	$targetTimezone = 'America/Los_Angeles';

	// Coordinates used to retrieve circadian cycle information (Lat, Long)

shawnfromportland / index.php

Created October 8, 2018 05:52

	<head>
	...
	<?php
	/*
	Configure the configuration section
	of circadian_css_animation.php
	to match your own needs
	*/
	require('circadian_css_animation.php');
	?>

shawnfromportland / gist:316552a9edddfe31eea59040a658b128

Created October 8, 2018 05:49

index.php

	<head>
	...
	<?php
	/*
	Configure the configuration section
	of circadian_css_animation.php
	to match your own needs
	*/
	require('circadian_css_animation.php');
	?>