mirror of https://github.com/nate2014jatc/AGSTATUS
14 changed files with 408 additions and 41 deletions
@ -0,0 +1,6 @@ |
|||
- name: Home |
|||
link: / |
|||
img: home.png |
|||
- name: Primary Domain |
|||
link: https://astragroup.info |
|||
img: AstraGroup_128x128.png |
|||
@ -1,43 +1,57 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="{{ site.lang | default: "en-US" }}"> |
|||
<head> |
|||
<meta charset='utf-8'> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}"> |
|||
<meta name="theme-color" content="#0066ff"> |
|||
<link rel="stylesheet" href="/authorblurb.css"> |
|||
<link rel="icon" type="image/png" href="/img/rax_round.png"> |
|||
<head> |
|||
<meta charset='utf-8'> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0"> |
|||
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}"> |
|||
<meta name="theme-color" content="#0066ff"> |
|||
<link rel="stylesheet" href="/assets/authorblurb.css"> |
|||
<link rel="stylesheet" href="/assets/additionalCSS.css" |
|||
<link rel="icon" type="image/png" href="/assets/img/rax_round.png"> |
|||
{% seo %} |
|||
</head> |
|||
<body> |
|||
<!-- <div id="large-header" class="large-header" style="height: 88;"> |
|||
<canvas id="demo-canvas" width="91" height="88"></canvas> |
|||
</div> |
|||
<script defer src="/assets/js/TweenLite.min.js"></script> |
|||
<script defer src="/assets/js/EasePack.min.js"></script> |
|||
<script defer src="/assets/js/demo-1.js"></script> |
|||
--> |
|||
<header> |
|||
<div class="container"> |
|||
<a id="a-title" href="{{ '/' | relative_url }}"> |
|||
<h1>{{ site.title | default: site.github.repository_name }}</h1> |
|||
</a> |
|||
<h2>{{ site.description | default: site.github.project_tagline }}</h2> |
|||
</div> |
|||
</header> |
|||
<nav> |
|||
{% for item in site.data.navigation %} |
|||
<a href="{{ item.link }}" {% if page.url == item.link %} style="color: #d38700;"{% endif %} class="btn btn-{{ item.name | remove: ' ' }}"> |
|||
<span class="icon" style="background: url('/assets/img/{{ item.img | remove: ' '}}'); background-repeat: no-repeat; background-position: center; background-size: cover;"></span> |
|||
{{ item.name }} |
|||
</a> |
|||
{% endfor %} |
|||
</nav> |
|||
<br> |
|||
<hr> |
|||
<div class="container"> |
|||
<section id="main_content"> |
|||
{{ content }} |
|||
</section> |
|||
</div> |
|||
|
|||
{% seo %} |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<header> |
|||
<div class="container"> |
|||
<a id="a-title" href="{{ '/' | relative_url }}"> |
|||
<h1>{{ site.title | default: site.github.repository_name }}</h1> |
|||
</a> |
|||
<h2>{{ site.description | default: site.github.project_tagline }}</h2> |
|||
</div> |
|||
</header> |
|||
|
|||
<div class="container"> |
|||
<section id="main_content"> |
|||
{{ content }} |
|||
</section> |
|||
</div> |
|||
|
|||
{% if site.google_analytics %} |
|||
<script> |
|||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
|||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
|||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
|||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
|||
ga('create', '{{ site.google_analytics }}', 'auto'); |
|||
ga('send', 'pageview'); |
|||
</script> |
|||
{% endif %} |
|||
</body> |
|||
{% if site.google_analytics %} |
|||
<script> |
|||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
|||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
|||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
|||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
|||
ga('create', '{{ site.google_analytics }}', 'auto'); |
|||
ga('send', 'pageview'); |
|||
</script> |
|||
{% endif %} |
|||
</body> |
|||
</html> |
|||
|
|||
@ -0,0 +1,265 @@ |
|||
@import "rouge-base16-dark"; |
|||
@import "default_colors"; |
|||
|
|||
$body-background: $cod-grey !default; |
|||
$body-foreground: $gallery !default; |
|||
$header: $conifer !default; |
|||
$blockquote-color: $silver-chalice !default; |
|||
$blockquote-border: $dove-grey !default; |
|||
$container-max-width: 1000px; |
|||
|
|||
@mixin media-max-width($max-width) { |
|||
@media (max-width: $max-width) { |
|||
@content; |
|||
} |
|||
} |
|||
|
|||
body { |
|||
margin: 0; |
|||
padding: 0; |
|||
background: $body-background url("../images/bkg.png") 0 0; |
|||
color: $body-foreground; |
|||
font-size: 16px; |
|||
line-height: 1.5; |
|||
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; |
|||
} |
|||
|
|||
/* General & 'Reset' Stuff */ |
|||
|
|||
.container { |
|||
width: 90%; |
|||
max-width: $container-max-width; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
section { |
|||
display: block; |
|||
margin: 0 0 20px 0; |
|||
} |
|||
|
|||
h1, h2, h3, h4, h5, h6 { |
|||
margin: 0 0 20px; |
|||
} |
|||
|
|||
li { |
|||
line-height: 1.4 ; |
|||
} |
|||
|
|||
/* Header, <header> |
|||
header - container |
|||
h1 - project name |
|||
h2 - project description |
|||
*/ |
|||
|
|||
header { |
|||
background: rgba(0, 0, 0, 0.1); |
|||
width: 100%; |
|||
border-bottom: 1px dashed $conifer; //header; |
|||
padding: 20px 0; |
|||
margin: 0 0 40px 0; |
|||
} |
|||
|
|||
header h1 { |
|||
font-size: 30px; |
|||
line-height: 1.5; |
|||
margin: 0 0 0 -40px; |
|||
font-weight: bold; |
|||
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; |
|||
color: $conifer;//$header; |
|||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), |
|||
0 0 5px rgba(181, 232, 83, 0.1), |
|||
0 0 10px rgba(181, 232, 83, 0.1); |
|||
letter-spacing: -1px; |
|||
-webkit-font-smoothing: antialiased; |
|||
@include media-max-width($container-max-width) { |
|||
margin-left: 0; |
|||
} |
|||
} |
|||
|
|||
|
|||
header h1:before { |
|||
content: "./ "; |
|||
font-size: 24px; |
|||
} |
|||
|
|||
header h2 { |
|||
font-size: 18px; |
|||
font-weight: 300; |
|||
color: #666; |
|||
} |
|||
|
|||
#downloads .btn { |
|||
display: inline-block; |
|||
text-align: center; |
|||
margin: 0; |
|||
} |
|||
|
|||
/* Main Content |
|||
*/ |
|||
|
|||
#main_content { |
|||
width: 100%; |
|||
-webkit-font-smoothing: antialiased; |
|||
} |
|||
section img { |
|||
max-width: 100% |
|||
} |
|||
|
|||
h1, h2, h3, h4, h5, h6 { |
|||
font-weight: normal; |
|||
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; |
|||
color: $header; |
|||
letter-spacing: -0.03em; |
|||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), |
|||
0 0 5px rgba(181, 232, 83, 0.1), |
|||
0 0 10px rgba(181, 232, 83, 0.1); |
|||
} |
|||
|
|||
#main_content h1 { |
|||
font-size: 30px; |
|||
} |
|||
|
|||
#main_content h2 { |
|||
font-size: 24px; |
|||
} |
|||
|
|||
#main_content h3 { |
|||
font-size: 18px; |
|||
} |
|||
|
|||
#main_content h4 { |
|||
font-size: 14px; |
|||
} |
|||
|
|||
#main_content h5 { |
|||
font-size: 12px; |
|||
text-transform: uppercase; |
|||
margin: 0 0 5px 0; |
|||
} |
|||
|
|||
#main_content h6 { |
|||
font-size: 12px; |
|||
text-transform: uppercase; |
|||
color: #999; |
|||
margin: 0 0 5px 0; |
|||
} |
|||
|
|||
dt { |
|||
font-style: italic; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
ul li { |
|||
list-style-image:url('../images/bullet.png'); |
|||
} |
|||
|
|||
blockquote { |
|||
color: $blockquote-color; |
|||
padding-left: 10px; |
|||
border-left: 1px dotted $blockquote-border; |
|||
} |
|||
|
|||
pre { |
|||
background: rgba(0, 0, 0, 0.9); |
|||
border: 1px solid rgba(255, 255, 255, 0.15); |
|||
padding: 10px; |
|||
font-size: 16px; |
|||
color: #b5e853; |
|||
border-radius: 2px; |
|||
word-wrap: normal; |
|||
overflow: auto; |
|||
overflow-y: hidden; |
|||
} |
|||
|
|||
code.highlighter-rouge { |
|||
background: rgba(0,0,0,0.9); |
|||
border: 1px solid rgba(255, 255, 255, 0.15); |
|||
padding: 0px 3px; |
|||
margin: 0px -3px; |
|||
color: #aa759f; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
table { |
|||
width: 100%; |
|||
margin: 0 0 20px 0; |
|||
} |
|||
|
|||
th { |
|||
text-align: left; |
|||
border-bottom: 1px dashed #b5e853; |
|||
padding: 5px 10px; |
|||
} |
|||
|
|||
td { |
|||
padding: 5px 10px; |
|||
} |
|||
|
|||
hr { |
|||
height: 0; |
|||
border: 0; |
|||
border-bottom: 1px dashed #b5e853; |
|||
color: #b5e853; |
|||
} |
|||
|
|||
/* Buttons |
|||
*/ |
|||
|
|||
.btn { |
|||
display: inline-block; |
|||
background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3)); |
|||
padding: 8px 18px; |
|||
margin-left: 16px; |
|||
border-radius: 50px; |
|||
border: 2px solid rgba(0, 0, 0, 0.7); |
|||
border-bottom: 2px solid rgba(0, 0, 0, 0.7); |
|||
border-top: 2px solid rgba(0, 0, 0, 1); |
|||
color: rgba(255, 255, 255, 0.8); |
|||
font-family: Helvetica, Arial, sans-serif; |
|||
font-weight: bold; |
|||
font-size: 13px; |
|||
text-decoration: none; |
|||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); |
|||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); |
|||
} |
|||
|
|||
.btn:hover { |
|||
background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8)); |
|||
} |
|||
|
|||
.btn .icon { |
|||
display: inline-block; |
|||
width: 32px; |
|||
height: 32px; |
|||
margin: 1px 8px 0 0; |
|||
float: left; |
|||
opacity: 0.6 |
|||
} |
|||
|
|||
/* Links |
|||
a, a:hover, a:visited |
|||
*/ |
|||
|
|||
a { |
|||
color: #63c0f5; |
|||
text-shadow: 0 0 5px rgba(104, 182, 255, 0.5); |
|||
} |
|||
|
|||
/* Clearfix */ |
|||
|
|||
.cf:before, .cf:after { |
|||
content:""; |
|||
display:table; |
|||
} |
|||
|
|||
.cf:after { |
|||
clear:both; |
|||
} |
|||
|
|||
.cf { |
|||
zoom:1; |
|||
} |
|||
|
|||
#a-title { |
|||
text-decoration: none; |
|||
} |
|||
@ -0,0 +1,23 @@ |
|||
@font-face { |
|||
font-family: 'neuropoliticalregular'; |
|||
src: url('../assets/neuropolitical_rg-webfont.woff2') format('woff2'), |
|||
url('../assets/neuropolitical_rg-webfont.woff') format('woff'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
font-display: swap; |
|||
} |
|||
@supports (-webkit-text-stroke: 2px white) { |
|||
body { |
|||
-webkit-text-stroke: 2px #d38700; |
|||
} |
|||
} |
|||
@supports (-webkit-text-stroke: 2px white) { |
|||
.nav:hover { |
|||
-webkit-text-stroke: 2px #00bbc4; |
|||
} |
|||
} |
|||
|
|||
#large-header { |
|||
position: fixed; |
|||
z-index: -100; |
|||
} |
|||
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,12 @@ |
|||
/*! |
|||
* VERSION: beta 1.9.4 |
|||
* DATE: 2014-07-17 |
|||
* UPDATES AND DOCS AT: http://www.greensock.com
|
|||
* |
|||
* @license Copyright (c) 2008-2014, GreenSock. All rights reserved. |
|||
* This work is subject to the terms at http://www.greensock.com/terms_of_use.html or for
|
|||
* Club GreenSock members, the software agreement that was issued with your membership. |
|||
* |
|||
* @author: Jack Doyle, jack@greensock.com |
|||
**/ |
|||
var _gsScope="undefined"!=typeof module&&module.exports&&"undefined"!=typeof global?global:this||window;(_gsScope._gsQueue||(_gsScope._gsQueue=[])).push(function(){"use strict";_gsScope._gsDefine("easing.Back",["easing.Ease"],function(t){var e,i,s,r=_gsScope.GreenSockGlobals||_gsScope,n=r.com.greensock,a=2*Math.PI,o=Math.PI/2,h=n._class,l=function(e,i){var s=h("easing."+e,function(){},!0),r=s.prototype=new t;return r.constructor=s,r.getRatio=i,s},_=t.register||function(){},u=function(t,e,i,s){var r=h("easing."+t,{easeOut:new e,easeIn:new i,easeInOut:new s},!0);return _(r,t),r},c=function(t,e,i){this.t=t,this.v=e,i&&(this.next=i,i.prev=this,this.c=i.v-e,this.gap=i.t-t)},p=function(e,i){var s=h("easing."+e,function(t){this._p1=t||0===t?t:1.70158,this._p2=1.525*this._p1},!0),r=s.prototype=new t;return r.constructor=s,r.getRatio=i,r.config=function(t){return new s(t)},s},f=u("Back",p("BackOut",function(t){return(t-=1)*t*((this._p1+1)*t+this._p1)+1}),p("BackIn",function(t){return t*t*((this._p1+1)*t-this._p1)}),p("BackInOut",function(t){return 1>(t*=2)?.5*t*t*((this._p2+1)*t-this._p2):.5*((t-=2)*t*((this._p2+1)*t+this._p2)+2)})),m=h("easing.SlowMo",function(t,e,i){e=e||0===e?e:.7,null==t?t=.7:t>1&&(t=1),this._p=1!==t?e:0,this._p1=(1-t)/2,this._p2=t,this._p3=this._p1+this._p2,this._calcEnd=i===!0},!0),d=m.prototype=new t;return d.constructor=m,d.getRatio=function(t){var e=t+(.5-t)*this._p;return this._p1>t?this._calcEnd?1-(t=1-t/this._p1)*t:e-(t=1-t/this._p1)*t*t*t*e:t>this._p3?this._calcEnd?1-(t=(t-this._p3)/this._p1)*t:e+(t-e)*(t=(t-this._p3)/this._p1)*t*t*t:this._calcEnd?1:e},m.ease=new m(.7,.7),d.config=m.config=function(t,e,i){return new m(t,e,i)},e=h("easing.SteppedEase",function(t){t=t||1,this._p1=1/t,this._p2=t+1},!0),d=e.prototype=new t,d.constructor=e,d.getRatio=function(t){return 0>t?t=0:t>=1&&(t=.999999999),(this._p2*t>>0)*this._p1},d.config=e.config=function(t){return new e(t)},i=h("easing.RoughEase",function(e){e=e||{};for(var i,s,r,n,a,o,h=e.taper||"none",l=[],_=0,u=0|(e.points||20),p=u,f=e.randomize!==!1,m=e.clamp===!0,d=e.template instanceof t?e.template:null,g="number"==typeof e.strength?.4*e.strength:.4;--p>-1;)i=f?Math.random():1/u*p,s=d?d.getRatio(i):i,"none"===h?r=g:"out"===h?(n=1-i,r=n*n*g):"in"===h?r=i*i*g:.5>i?(n=2*i,r=.5*n*n*g):(n=2*(1-i),r=.5*n*n*g),f?s+=Math.random()*r-.5*r:p%2?s+=.5*r:s-=.5*r,m&&(s>1?s=1:0>s&&(s=0)),l[_++]={x:i,y:s};for(l.sort(function(t,e){return t.x-e.x}),o=new c(1,1,null),p=u;--p>-1;)a=l[p],o=new c(a.x,a.y,o);this._prev=new c(0,0,0!==o.t?o:o.next)},!0),d=i.prototype=new t,d.constructor=i,d.getRatio=function(t){var e=this._prev;if(t>e.t){for(;e.next&&t>=e.t;)e=e.next;e=e.prev}else for(;e.prev&&e.t>=t;)e=e.prev;return this._prev=e,e.v+(t-e.t)/e.gap*e.c},d.config=function(t){return new i(t)},i.ease=new i,u("Bounce",l("BounceOut",function(t){return 1/2.75>t?7.5625*t*t:2/2.75>t?7.5625*(t-=1.5/2.75)*t+.75:2.5/2.75>t?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375}),l("BounceIn",function(t){return 1/2.75>(t=1-t)?1-7.5625*t*t:2/2.75>t?1-(7.5625*(t-=1.5/2.75)*t+.75):2.5/2.75>t?1-(7.5625*(t-=2.25/2.75)*t+.9375):1-(7.5625*(t-=2.625/2.75)*t+.984375)}),l("BounceInOut",function(t){var e=.5>t;return t=e?1-2*t:2*t-1,t=1/2.75>t?7.5625*t*t:2/2.75>t?7.5625*(t-=1.5/2.75)*t+.75:2.5/2.75>t?7.5625*(t-=2.25/2.75)*t+.9375:7.5625*(t-=2.625/2.75)*t+.984375,e?.5*(1-t):.5*t+.5})),u("Circ",l("CircOut",function(t){return Math.sqrt(1-(t-=1)*t)}),l("CircIn",function(t){return-(Math.sqrt(1-t*t)-1)}),l("CircInOut",function(t){return 1>(t*=2)?-.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)})),s=function(e,i,s){var r=h("easing."+e,function(t,e){this._p1=t||1,this._p2=e||s,this._p3=this._p2/a*(Math.asin(1/this._p1)||0)},!0),n=r.prototype=new t;return n.constructor=r,n.getRatio=i,n.config=function(t,e){return new r(t,e)},r},u("Elastic",s("ElasticOut",function(t){return this._p1*Math.pow(2,-10*t)*Math.sin((t-this._p3)*a/this._p2)+1},.3),s("ElasticIn",function(t){return-(this._p1*Math.pow(2,10*(t-=1))*Math.sin((t-this._p3)*a/this._p2))},.3),s("ElasticInOut",function(t){return 1>(t*=2)?-.5*this._p1*Math.pow(2,10*(t-=1))*Math.sin((t-this._p3)*a/this._p2):.5*this._p1*Math.pow(2,-10*(t-=1))*Math.sin((t-this._p3)*a/this._p2)+1},.45)),u("Expo",l("ExpoOut",function(t){return 1-Math.pow(2,-10*t)}),l("ExpoIn",function(t){return Math.pow(2,10*(t-1))-.001}),l("ExpoInOut",function(t){return 1>(t*=2)?.5*Math.pow(2,10*(t-1)):.5*(2-Math.pow(2,-10*(t-1)))})),u("Sine",l("SineOut",function(t){return Math.sin(t*o)}),l("SineIn",function(t){return-Math.cos(t*o)+1}),l("SineInOut",function(t){return-.5*(Math.cos(Math.PI*t)-1)})),h("easing.EaseLookup",{find:function(e){return t.map[e]}},!0),_(r.SlowMo,"SlowMo","ease,"),_(i,"RoughEase","ease,"),_(e,"SteppedEase","ease,"),f},!0)}),_gsScope._gsDefine&&_gsScope._gsQueue.pop()(); |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,21 @@ |
|||
(function(){var width,height,largeHeader,canvas,ctx,points,target,animateHeader=true;initHeader();initAnimation();addListeners();function initHeader(){width=window.innerWidth;height=window.innerHeight;target={x:width/2,y:height/2};largeHeader=document.getElementById('large-header');largeHeader.style.height=height+'px';canvas=document.getElementById('demo-canvas');canvas.width=width;canvas.height=height;ctx=canvas.getContext('2d');points=[];for(var x=0;x<width;x=x+width/20){for(var y=0;y<height;y=y+height/20){var px=x+Math.random()*width/20;var py=y+Math.random()*height/20;var p={x:px,originX:px,y:py,originY:py};points.push(p);}} |
|||
for(var i=0;i<points.length;i++){var closest=[];var p1=points[i];for(var j=0;j<points.length;j++){var p2=points[j] |
|||
if(!(p1==p2)){var placed=false;for(var k=0;k<5;k++){if(!placed){if(closest[k]==undefined){closest[k]=p2;placed=true;}}} |
|||
for(var k=0;k<5;k++){if(!placed){if(getDistance(p1,p2)<getDistance(p1,closest[k])){closest[k]=p2;placed=true;}}}}} |
|||
p1.closest=closest;} |
|||
for(var i in points){var c=new Circle(points[i],2+Math.random()*2,'rgba(255,255,255,1)');points[i].circle=c;}} |
|||
function addListeners(){if(!('ontouchstart'in window)){window.addEventListener('mousemove',mouseMove);} |
|||
window.addEventListener('scroll',scrollCheck);window.addEventListener('resize',resize);} |
|||
function mouseMove(e){var posx=posy=0;if(e.pageX||e.pageY){posx=e.pageX;posy=e.pageY;} |
|||
else if(e.clientX||e.clientY){posx=e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;posy=e.clientY+document.body.scrollTop+document.documentElement.scrollTop;} |
|||
target.x=posx;target.y=posy;} |
|||
function scrollCheck(){if(document.body.scrollTop>height)animateHeader=false;else animateHeader=true;} |
|||
function resize(){width=window.innerWidth;height=window.innerHeight;largeHeader.style.height=height+'px';canvas.width=width;canvas.height=height;} |
|||
function initAnimation(){animate();for(var i in points){shiftPoint(points[i]);}} |
|||
function animate(){if(animateHeader){ctx.clearRect(0,0,width,height);for(var i in points){if(Math.abs(getDistance(target,points[i]))<4000){points[i].active=0.3;points[i].circle.active=1;}else if(Math.abs(getDistance(target,points[i]))<20000){points[i].active=0.1;points[i].circle.active=0.6;}else if(Math.abs(getDistance(target,points[i]))<40000){points[i].active=0.02;points[i].circle.active=0.3;}else{points[i].active=0;points[i].circle.active=0.1;} |
|||
drawLines(points[i]);points[i].circle.draw();}} |
|||
requestAnimationFrame(animate);} |
|||
function shiftPoint(p){TweenLite.to(p,1+1*Math.random(),{x:p.originX-50+Math.random()*100,y:p.originY-50+Math.random()*100,ease:Circ.easeInOut,onComplete:function(){shiftPoint(p);}});} |
|||
function drawLines(p){if(!p.active)return;for(var i in p.closest){ctx.beginPath();ctx.moveTo(p.x,p.y);ctx.lineTo(p.closest[i].x,p.closest[i].y);ctx.strokeStyle='rgba(211,135,0,'+p.active+')';ctx.stroke();}} |
|||
function Circle(pos,rad,color){var _this=this;(function(){_this.pos=pos||null;_this.radius=rad||null;_this.color=color||null;})();this.draw=function(){if(!_this.active)return;ctx.beginPath();ctx.arc(_this.pos.x,_this.pos.y,_this.radius,0,2*Math.PI,false);ctx.fillStyle='rgba(0,187,196,'+_this.active+')';ctx.fill();};} |
|||
function getDistance(p1,p2){return Math.pow(p1.x-p2.x,2)+Math.pow(p1.y-p2.y,2);}})(); |
|||
Binary file not shown.
Binary file not shown.
Loading…
Reference in new issue