initial commit

2024-03-19 20:33:14 -05:00
commit 65982553cb
11 changed files with 987 additions and 0 deletions
--- a/mgs/materials/codec/codec.css
+++ b/mgs/materials/codec/codec.css
@@ -0,0 +1,36 @@
+body {
+	background-color: black;
+}
+
+p {
+	background-color: darkslategray;
+	font-size: x-large;
+	font-family: sans-serif;
+	padding: 5px;
+	color: white;
+	border: 2px solid seagreen;
+	clear: both;
+}
+
+#codec-top {
+	height: 200px;
+}
+
+.otacon-portrait {
+	float: left;
+	height: 100%;
+	filter: saturate(110%) brightness(65%) hue-rotate(95deg);
+}
+
+.snake-portrait {
+	float: right;
+	height: 100%;
+}
+
+.otacon {
+	text-align: start;
+}
+
+.snake {
+	text-align: end;
+}
--- a/mgs/materials/codec/codec.html
+++ b/mgs/materials/codec/codec.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en-US">
+	<head>
+		<meta charset="utf-8"/>
+		<title>Metal Gear Solid</title>
+		<link href="codec.css" rel="stylesheet" />
+	</head>
+	<body>
+		<div id="codec-top">
+			<img class="otacon-portrait" src="otacon.webp" alt="Otacon" />
+			<img class="snake-portrait" src="snake.jpg" alt="Snake" />
+		</div>
+		<p class="otacon">Snake, are you there?</p>
+		<p class="snake">What's up, Otacon?</p>
+		<p class="otacon">Oh, good. I've been trying to contact you
+		since the beginning of the mission.</p>
+		<p class="snake">Kept you waiting, huh?</p>
+		<p class="otacon">I gathered some new intel, and... Snake, some
+		of the info on that sheet might not be right.</p>
+		<p class="snake">Huh?</p>
+		<p class="otacon">It might not matter right now, but it could
+		affect the mission later.</p>
+		<p class="snake">So what do I do?</p>
+		<p class="otacon">It looks like an updated sheet is hidden
+		somewhere in the second floor bathroom of that building.</p>
+		<p class="snake">Second floor bathroom? I have to go all the
+		way up there?</p>
+		<p class="otacon">I'm afraid so. Snake, remember: this is a
+		sneaking mission. Try to not alert the other teams. They might
+		be looking for this sheet, too.</p>
+		<p class="snake">Got it.</p>
+	</body>
+</html>
--- a/mgs/materials/codec/otacon.webp
+++ b/mgs/materials/codec/otacon.webp
--- a/mgs/materials/codec/snake.jpg
+++ b/mgs/materials/codec/snake.jpg