Hypertext Markup Language, defines the structure of the web page
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Cole Marshall - Senior Full-Stack Engineer and Designer</title>
</head>
<body>
<header>
<h1>Cole Marshall</h1>
<p>Senior Full-Stack Engineer and Designer</p>
</header>
<main>
<p>I am an interactive designer and developer that specializes in the creation of online media.</p>
<section aria-labelledby="specialties">
<h2 id="specialties">Specialties</h2>
<ul>
<li>frontend web development</li>
<li>backend web development</li>
<li>cloud DevOps</li>
<li>web design</li>
<li>user experience design</li>
<li>motion graphics</li>
<li>type and print design</li>
</ul>
</section>
</main>
<footer>
<p>Do you have an opportunity available that you think would suit me? <a href="mailto:CM@ColeMarshall.net">Send me an e-mail</a> and we'll see if it's a good fit.</p>
</footer>
</body>
</html>
-- Human eye color table
CREATE TABLE humans_eyes (
id CHAR(3) PRIMARY KEY,
name VARCHAR(12) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
-- Human hair color table
CREATE TABLE humans_hair (
id CHAR(3) PRIMARY KEY,
name VARCHAR(7) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
-- Humans table
CREATE TABLE humans (
id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,
name_first VARCHAR(255) NOT NULL,
name_last VARCHAR(255) NOT NULL,
sex ENUM('male', 'female', 'other') NOT NULL,
height TINYINT UNSIGNED NOT NULL COMMENT 'cm',
weight SMALLINT UNSIGNED NOT NULL COMMENT 'kg',
eyes CHAR(3) NOT NULL,
hair CHAR(3) NOT NULL,
FOREIGN KEY (eyes) REFERENCES humans_eyes (id),
FOREIGN KEY (hair) REFERENCES humans_hair (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 AUTO_INCREMENT=79692643551;
-- Populate human eye colors
INSERT INTO humans_eyes (id, name) VALUES
('blk', 'Black'),
('blu', 'Blue'),
('bro', 'Brown'),
('gry', 'Gray'),
('dic', 'Dichromatic'),
('grn', 'Green'),
('haz', 'Hazel'),
('pnk', 'Pink'),
('unk', 'Unknown');
-- Populate human hair colors
INSERT INTO humans_hair (id, name) VALUES
('blk', 'Black'),
('bro', 'Brown'),
('bln', 'Blonde'),
('red', 'Red'),
('whi', 'White'),
('gry', 'Gray'),
('bal', 'Bald'),
('sdy', 'Sandy'),
('unk', 'Unknown');
-- Create record for Cole Marshall (the 79,692,643,551st human to be born)
INSERT INTO humans (name_last, name_first, sex, height, weight, eyes, hair) VALUES
('Marshall', 'Cole', 'male', 177, 80, 'haz', 'bro');
-- Retrieve all humans named Cole, including eye color name and hair color name
SELECT h.name_last, h.name_first, e.name AS eyes, ha.name AS hair
FROM humans AS h
LEFT JOIN humans_eyes AS e ON e.id = h.eyes
LEFT JOIN humans_hair AS ha ON ha.id = h.hair
WHERE h.name_first = 'Cole';
Allows the tracking of source changes to the web page or application
git clone https://gituniverse.com/virgosupercluster/localgroup-milkyway-orionarm-sol-earth-animals-mammals-primates-humans.git
git switch -c cole
git add .
git commit -m "Specify properties for instantiating Cole object with Human class"
git switch main
git merge cole
git push --all
AWS CDK
Cloud Development Kit, defines the cloud infrastructure beneath the web page as code (IaC)
import { App, Duration, RemovalPolicy, Stack } from 'aws-cdk-lib';
import * as events from 'aws-cdk-lib/aws-events';
import * as targets from 'aws-cdk-lib/aws-events-targets';
import * as lambda from 'aws-cdk-lib/aws-lambda';
import * as s3 from 'aws-cdk-lib/aws-s3';
import * as sqs from 'aws-cdk-lib/aws-sqs';
import * as sfn from 'aws-cdk-lib/aws-stepfunctions';
import { Construct } from 'constructs';
// Cole Stack
class ColeMarshallStack extends Stack {
constructor(scope: Construct, id: string) {
super(scope, id, {
description: 'Cole Marshall, deployed as cloud infrastructure',
env: { region: 'us-east-2' }, // Closest region to Madison, WI
});
// Brain
const brain = new lambda.Function(this, 'Brain', {
runtime: lambda.Runtime.NODEJS_22_X,
handler: 'index.think',
memorySize: 1024,
code: lambda.Code.fromInline('exports.think = async (idea) => "I\'ll see what I can do!";'),
});
// Memories, retained
const memories = new s3.Bucket(this, 'Memories', {
versioned: true,
removalPolicy: RemovalPolicy.RETAIN,
});
memories.grantReadWrite(brain);
// Heart, keeps the brain warm
new events.Rule(this, 'Heart', {
schedule: events.Schedule.rate(Duration.minutes(5)),
targets: [new targets.LambdaFunction(brain)],
});
// Arms, carry the payloads
for (const side of ['Left', 'Right'] as const) {
new sqs.Queue(this, `${side}Arm`);
}
// Legs, one foot in front of the other
new sfn.StateMachine(this, 'Legs', {
definitionBody: sfn.DefinitionBody.fromChainable(
new sfn.Pass(this, 'LeftFoot').next(new sfn.Pass(this, 'RightFoot')),
),
});
}
}
// Deploy Cole
new ColeMarshallStack(new App(), 'ColeMarshall');