Skip to content

Instantly share code, notes, and snippets.

@shawnfromportland
Created October 8, 2018 06:02
Show Gist options
  • Save shawnfromportland/7d6a515dbad9ef8c3de07e5f6455f8f7 to your computer and use it in GitHub Desktop.
Save shawnfromportland/7d6a515dbad9ef8c3de07e5f6455f8f7 to your computer and use it in GitHub Desktop.
<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 ?>% {
background: <?= $bgColors[$k] ?>;
color: <?= $textColors[$k] ?>;
}
<?php
}//end foreach sun cycle data point
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment