diff --git a/awsm_theme_black.min.css b/awsm_theme_black.min.css new file mode 100644 index 0000000..7310de7 --- /dev/null +++ b/awsm_theme_black.min.css @@ -0,0 +1,7 @@ +@charset "UTF-8"; +/*! + * awsm.css v3.0.7 (https://igoradamenko.github.io/awsm.css/) + * Copyright 2015 Igor Adamenko (https://igoradamenko.com) + * Licensed under MIT (https://github.com/igoradamenko/awsm.css/blob/master/LICENSE.md) + */ +html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"PT Sans","Open Sans","Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:100%;line-height:1.4;background:#000;color:#fff;-webkit-overflow-scrolling:touch}body{margin:1.2em;font-size:1rem}@media (min-width:20rem){body{font-size:calc(1rem + .00625*(100vw - 20rem))}}@media (min-width:40rem){body{font-size:1.125rem}}body article,body footer,body header,body main{position:relative;max-width:40rem;margin:0 auto}body>header{margin-bottom:3.5em}body>header h1{margin:0;font-size:1.5em}body>header p{margin:0;font-size:.85em}body>footer{margin-top:6em;padding-bottom:1.5em;text-align:center;font-size:.8rem;color:#444}details,nav{margin:1em 0}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline-block;margin-right:1em;margin-bottom:.25em}nav li:last-child{margin-right:0}a,nav a:visited{color:#4050ff}article header h1 a:visited:hover,article header h2 a:visited:hover,nav a:hover{color:#75c53c}ol,ul{margin-top:0;padding-top:0;padding-left:2.5em}article header h1+p,article header h2+p,ol li+li,ul li+li{margin-top:.25em}ol li>details,ul li>details{margin:0}p{margin:1em 0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}aside:first-child,form legend:first-child+label,p:first-child{margin-top:0}aside:last-child,p:last-child{margin-bottom:0}p+ol,p+ul{margin-top:-.75em}p img,p picture{float:right;margin-bottom:.5em;margin-left:.5em}p picture img{float:none;margin:0}blockquote,dd{padding-left:2.5em}dd{margin-bottom:1em;margin-left:0}dt{font-weight:700}blockquote{margin:0}aside{margin:.5em 0;font-style:italic;color:#444}@media (min-width:65rem){aside{position:absolute;right:-12.5rem;width:9.375rem;max-width:9.375rem;margin:0;padding-left:.5em;font-size:.8em;border-left:1px solid #222}}section+section{margin-top:2em}h1,h2,h3,h4,h5,h6{margin:1.25em 0 0;line-height:1.2}h1:focus>a[href^="#"][id]:empty,h1:hover>a[href^="#"][id]:empty,h2:focus>a[href^="#"][id]:empty,h2:hover>a[href^="#"][id]:empty,h3:focus>a[href^="#"][id]:empty,h3:hover>a[href^="#"][id]:empty,h4:focus>a[href^="#"][id]:empty,h4:hover>a[href^="#"][id]:empty,h5:focus>a[href^="#"][id]:empty,h5:hover>a[href^="#"][id]:empty,h6:focus>a[href^="#"][id]:empty,h6:hover>a[href^="#"][id]:empty{opacity:1}figure+p,h1+details,h1+p,h2+details,h2+p,h3+details,h3+p,h4+details,h4+p,h5+details,h5+p,h6+details,h6+p{margin-top:.5em}h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{position:absolute;left:-.65em;opacity:0;text-decoration:none;font-weight:400;line-height:1;color:#444}@media (min-width:40rem){h1>a[href^="#"][id]:empty,h2>a[href^="#"][id]:empty,h3>a[href^="#"][id]:empty,h4>a[href^="#"][id]:empty,h5>a[href^="#"][id]:empty,h6>a[href^="#"][id]:empty{left:-.8em}}h1>a[href^="#"][id]:empty:focus,h1>a[href^="#"][id]:empty:hover,h1>a[href^="#"][id]:empty:target,h2>a[href^="#"][id]:empty:focus,h2>a[href^="#"][id]:empty:hover,h2>a[href^="#"][id]:empty:target,h3>a[href^="#"][id]:empty:focus,h3>a[href^="#"][id]:empty:hover,h3>a[href^="#"][id]:empty:target,h4>a[href^="#"][id]:empty:focus,h4>a[href^="#"][id]:empty:hover,h4>a[href^="#"][id]:empty:target,h5>a[href^="#"][id]:empty:focus,h5>a[href^="#"][id]:empty:hover,h5>a[href^="#"][id]:empty:target,h6>a[href^="#"][id]:empty:focus,h6>a[href^="#"][id]:empty:hover,h6>a[href^="#"][id]:empty:target{opacity:1;box-shadow:none;color:#fff}h1>a[href^="#"][id]:empty:target:focus,h2>a[href^="#"][id]:empty:target:focus,h3>a[href^="#"][id]:empty:target:focus,h4>a[href^="#"][id]:empty:target:focus,h5>a[href^="#"][id]:empty:target:focus,h6>a[href^="#"][id]:empty:target:focus{outline:0}h1>a[href^="#"][id]:empty::before,h2>a[href^="#"][id]:empty::before,h3>a[href^="#"][id]:empty::before,h4>a[href^="#"][id]:empty::before,h5>a[href^="#"][id]:empty::before,h6>a[href^="#"][id]:empty::before{content:"§ "}h1{font-size:2.5em}h2{font-size:1.75em}h3{font-size:1.25em}h4{font-size:1.15em}a abbr,h5,h6{font-size:1em}h6{margin-top:1em}article+article{margin-top:4em}article header p{font-size:.6em;color:#444}article header p+h1,article header p+h2{margin-top:-.25em}article header h1 a,article header h2 a{color:#fff}article header h1 a:visited,article header h2 a:visited,h6,legend{color:#444}article>footer{margin-top:1.5em;font-size:.85em}a:visited{color:#5853e9}a:active,a:hover{outline-width:0}a:hover{color:#75c53c}abbr{margin-right:-.075em;text-decoration:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;letter-spacing:.075em;font-size:.9em}img,picture{display:block;max-width:100%;margin:0 auto}audio,video{width:100%;max-width:100%}figure{margin:1em 0 .5em;padding:0}figure figcaption{opacity:.65;font-size:.85em}table{display:inline-block;border-spacing:0;border-collapse:collapse;overflow-x:auto;max-width:100%;text-align:left;vertical-align:top;background:linear-gradient(rgba(255,255,255,.15) 0%,rgba(255,255,255,.15) 100%) 0 0,linear-gradient(rgba(255,255,255,.15) 0%,rgba(255,255,255,.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}table caption{font-size:.9em;background:#000}table td,table th{padding:.35em .75em;vertical-align:top;font-size:.9em;border:1px solid #222;border-top:0;border-left:0}table td:first-child,table th:first-child{padding-left:0;background-image:linear-gradient(to right,#000 50%,transparent 100%);background-size:2px 100%;background-repeat:no-repeat}table td:last-child,table th:last-child{padding-right:0;border-right:0;background-image:linear-gradient(to left,#000 50%,transparent 100%);background-position:100% 0;background-size:2px 100%;background-repeat:no-repeat}table td:only-child,table th:only-child{background-image:linear-gradient(to right,#000 50%,transparent 100%),linear-gradient(to left,#000 50%,transparent 100%);background-position:0 0,100% 0;background-size:2px 100%,2px 100%;background-repeat:no-repeat,no-repeat}table th{line-height:1.2}form{margin-right:auto;margin-left:auto}@media (min-width:40rem){form{max-width:80%}}form label,form select,output{display:block}form label:not(:first-child){margin-top:1em}form p label{display:inline}form p label+label{margin-left:1em}form input[type],form select,form textarea{margin-bottom:1em}form input[type=checkbox],form input[type=radio]{margin-bottom:0}button,fieldset{margin:0;border:1px solid #444}fieldset{padding:.5em 1em}button{outline:0;box-sizing:border-box;height:2em;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border-radius:2px;background:#000;display:inline-block;width:auto;background:#222;color:#fff;cursor:pointer}button:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,input[type^=date]:focus,select:focus{border:1px solid #fff}button:not([disabled]):hover,input[type=button]:not([disabled]):hover,input[type=file]:not([disabled]):hover,input[type=reset]:not([disabled]):hover,input[type=submit]:not([disabled]):hover,select:not([disabled]):hover{border:1px solid #fff}button:active,select:active{background-color:#444}button[disabled],select[disabled]{color:#444;cursor:not-allowed}select{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:#000;display:inline-block;width:auto;background:#222;color:#fff;cursor:pointer;padding-right:1.2em;background-position:top 55% right .35em;background-size:.5em;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(68, 68, 68)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E")}select:not([disabled]):focus,select:not([disabled]):hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath fill='rgb(255, 255, 255)' fill-rule='nonzero' d='M1.5 2L3 0H0z'/%3E%3C/svg%3E")}input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],input[type^=date]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:#000;color:#fff;display:block;width:100%;line-height:calc(2em - 1px*2 - (.25em - 1px)*2);-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=time]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder,input[type^=date]::-moz-placeholder{color:#444}input[type=email]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=time]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,input[type^=date]::-webkit-input-placeholder{color:#444}input[type=email]:-ms-input-placeholder,input[type=month]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder,input[type=password]:-ms-input-placeholder,input[type=search]:-ms-input-placeholder,input[type=tel]:-ms-input-placeholder,input[type=text]:-ms-input-placeholder,input[type=time]:-ms-input-placeholder,input[type=url]:-ms-input-placeholder,input[type=week]:-ms-input-placeholder,input[type^=date]:-ms-input-placeholder{color:#444}input[type=button],input[type=reset],input[type=submit]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:#000;display:inline-block;width:auto;background:#222;color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{border:1px solid #fff}input[type=button]:active,input[type=reset]:active,input[type=submit]:active{background-color:#444}input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{color:#444;cursor:not-allowed}input[type=color]{outline:0;box-sizing:border-box;height:2em;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:#000;color:#fff;display:block;line-height:calc(2em - 1px*2 - (.25em - 1px)*2);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:6em}input[type=color]:focus{border:1px solid #fff}input[type=color]::-moz-placeholder,textarea::-moz-placeholder{color:#444}input[type=color]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#444}input[type=color]:-ms-input-placeholder{color:#444}input[type=color]:hover{border:1px solid #fff}input[type=file]{outline:0;box-sizing:border-box;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;border:1px solid #444;border-radius:2px;background:#000;background:#222;color:#fff;cursor:pointer;display:block;width:100%;height:auto;padding:.75em .5em;font-size:12px;line-height:1}input[type=file]:focus,textarea:focus{border:1px solid #fff}input[type=file]:active{background-color:#444}input[type=file][disabled]{color:#444;cursor:not-allowed}input[type=checkbox],input[type=radio]{margin:-.2em .75em 0 0;vertical-align:middle}textarea{outline:0;box-sizing:border-box;margin:0;padding:calc(.25em - 1px) .5em;font-family:inherit;font-size:1em;border:1px solid #444;border-radius:2px;background:#000;color:#fff;display:block;width:100%;line-height:calc(2em - 1px*2 - (.25em - 1px)*2);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4.5em;resize:vertical;padding-top:.5em;padding-bottom:.5em}textarea:-ms-input-placeholder{color:#444}code,kbd,samp,var{font-family:Consolas,"Lucida Console",Monaco,monospace;font-style:normal}pre{overflow-x:auto;font-size:.8em;background:linear-gradient(rgba(255,255,255,.15) 0%,rgba(255,255,255,.15) 100%) 0 0,linear-gradient(rgba(255,255,255,.15) 0%,rgba(255,255,255,.15) 100%) 100% 0;background-attachment:scroll,scroll;background-size:1px 100%,1px 100%;background-repeat:no-repeat,no-repeat}pre>code,summary{display:inline-block}pre>code{overflow-x:visible;box-sizing:border-box;min-width:100%;border-right:3px solid #000;border-left:1px solid #000}hr{height:1px;margin:2em 0;border:0;background:#222}details[open]{padding-bottom:.5em;border-bottom:1px solid #222}summary{font-weight:700;border-bottom:1px dashed;cursor:pointer}summary::-webkit-details-marker{display:none}noscript{color:#5afffe}::selection{background:rgba(253,154,73,.25)} \ No newline at end of file diff --git a/index.html b/index.html index 4079f5c..8d78ddc 100644 --- a/index.html +++ b/index.html @@ -8,14 +8,40 @@ name="description" content="Anson Biggs is an undergraduate Aerospace Engineering student with a focus on Aerospace (Astro) Engineering and a minor in Computer Science at Embry-Riddle Aeronautical University" /> - + + + + + + + + + +

Hi I'm Anson

+

+ I'm Astronautical Engineer writing software at United Launch Alliance. +

+ +
+ +

+ To see what I'm currently working on, check out my + Gitlab or my + Projects Website. You can + reach me on Telegram, + Twitter, or by + Email. If you're really + curious you check out my + Resume. +

+ diff --git a/mover.js b/mover.js new file mode 100644 index 0000000..9f4ad34 --- /dev/null +++ b/mover.js @@ -0,0 +1,63 @@ +// Gravitational Attraction +// The Nature of Code +// The Coding Train / Daniel Shiffman +// https://youtu.be/EpgB3cNhKPM +// https://thecodingtrain.com/learning/nature-of-code/2.5-gravitational-attraction.html +// https://editor.p5js.org/codingtrain/sketches/MkLraatd + +class Mover { + constructor(x, y, vx, vy, m) { + this.pos = createVector(x, y); + this.maxSpeed = 10; + this.vel = createVector(vx, vy); + this.acc = createVector(0, 0); + this.mass = m; + this.r = sqrt(this.mass) * 0.75; + this.col = color(255); + } + + attract(other) { + let force = p5.Vector.sub(this.pos, other.pos); + let distanceSq = constrain(force.magSq(), 10, 1000); + let G = 3; + let strength = (G * this.mass * other.mass) / distanceSq; + force.setMag(strength); + other.applyForce(force); + } + + applyForce(force) { + let f = p5.Vector.div(force, this.mass); + this.acc.add(f); + } + + edges() { + if (this.pos.y >= height - this.r) { + this.pos.y = height - this.r; + this.vel.y *= -1; + } else if (this.pos.y <= this.r) { + this.pos.y = this.r; + this.vel.y *= -1; + } + + if (this.pos.x >= width - this.r) { + this.pos.x = width - this.r; + this.vel.x *= -1; + } else if (this.pos.x <= this.r) { + this.pos.x = this.r; + this.vel.x *= -1; + } + } + + update() { + this.vel.add(this.acc); + this.vel.limit(this.maxSpeed); + this.pos.add(this.vel); + this.acc.set(0, 0); + } + + show() { + noStroke(); + fill(this.col); + ellipse(this.pos.x, this.pos.y, this.r * 2); + } + } \ No newline at end of file diff --git a/sketch.js b/sketch.js new file mode 100644 index 0000000..e44220d --- /dev/null +++ b/sketch.js @@ -0,0 +1,44 @@ +// Gravitational Attraction +// The Nature of Code +// The Coding Train / Daniel Shiffman +// https://youtu.be/EpgB3cNhKPM +// https://thecodingtrain.com/learning/nature-of-code/2.5-gravitational-attraction.html +// https://editor.p5js.org/codingtrain/sketches/MkLraatd + +let movers = []; +let attractor; +var canvas; + +function windowResized(){ + resizeCanvas(windowWidth, windowHeight); +} + +function setup() { + canvas = createCanvas(windowWidth, windowHeight); + canvas.position(0, 0); + canvas.style("z-index", "-1") + + movers[0] = new Mover(width/4, height, 5, -5, 55); + movers[0].col = color('red'); + movers[1] = new Mover(3*width/4, height, -5, -5, 50); + movers[1].col = color('white'); + movers[2] = new Mover(2*width/4, height, -5, -5, 45); + movers[2].col = color('blue'); + background(0); +} + +function draw() { + background(0, 75); + for (let mover of movers) { + for (let other of movers) { + if (mover !== other) { + mover.attract(other); + } + } + } + for (let mover of movers) { + mover.update(); + mover.edges(); + mover.show(); + } +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..96c1853 --- /dev/null +++ b/style.css @@ -0,0 +1,8 @@ +body { + /* max-width: 1000px; */ + margin: auto; + padding-top: 20vh; + padding-left: 15vw; + padding-right: 15vw; + /* padding-bottom: 5em; */ + } \ No newline at end of file