1
0
mirror of https://gitlab.com/MisterBiggs/Resume.git synced 2025-06-16 09:26:40 +00:00

new splash page since im employed now

This commit is contained in:
Anson Biggs 2022-05-14 12:44:29 -07:00
parent 97dbe84637
commit 2764b03ca8
5 changed files with 149 additions and 1 deletions

7
awsm_theme_black.min.css vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -8,14 +8,40 @@
name="description" 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" 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"
/> />
<link rel="stylesheet" type="text/css" href="awsm.min.css" /> <link rel="stylesheet" type="text/css" href="awsm_theme_black.min.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link <link
rel="icon" rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🛰️</text></svg>" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🛰️</text></svg>"
/> />
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.sound.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta charset="utf-8" />
<script src="mover.js"></script>
<script src="sketch.js"></script>
</head> </head>
<body> <body>
<h1>Hi I'm Anson</h1> <h1>Hi I'm Anson</h1>
<p>
I'm Astronautical Engineer writing software at United Launch Alliance.
</p>
<!--sse-->
<hr />
<p>
To see what I'm currently working on, check out my
<a href="https://gitlab.com/MisterBiggs">Gitlab</a> or my
<a href="https://projects.ansonbiggs.com">Projects Website</a>. You can
reach me on <a href="https://t.me/MisterBiggs" rel="me">Telegram</a>,
<a href="https://twitter.com/AnsonBiggs" rel="me">Twitter</a>, or by
<a href="mailto:anson@ansonbiggs.com" rel="me">Email</a>. If you're really
curious you check out my
<a href="https://ansonbiggs.com/resume">Resume</a>.
</p>
<!--/sse-->
</body> </body>
</html> </html>

63
mover.js Normal file
View File

@ -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);
}
}

44
sketch.js Normal file
View File

@ -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();
}
}

8
style.css Normal file
View File

@ -0,0 +1,8 @@
body {
/* max-width: 1000px; */
margin: auto;
padding-top: 20vh;
padding-left: 15vw;
padding-right: 15vw;
/* padding-bottom: 5em; */
}