diff options
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/package-lock.json | 10 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/package.json | 1 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/public/favicon.png | bin | 0 -> 6350703 bytes | |||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/public/file.svg | 1 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/public/globe.svg | 1 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/public/next.svg | 1 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/public/terminal/index.html | 267 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/public/vercel.svg | 1 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/public/window.svg | 1 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/src/app/favicon.ico | bin | 25931 -> 0 bytes | |||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/src/app/globals.css | 22 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/src/app/layout.js | 37 | ||||
| -rw-r--r-- | communities/red-right-hand/alpha.174bg.net/src/app/page.js | 72 |
13 files changed, 320 insertions, 94 deletions
diff --git a/communities/red-right-hand/alpha.174bg.net/package-lock.json b/communities/red-right-hand/alpha.174bg.net/package-lock.json index 70556e2..dd5990c 100644 --- a/communities/red-right-hand/alpha.174bg.net/package-lock.json +++ b/communities/red-right-hand/alpha.174bg.net/package-lock.json @@ -8,6 +8,7 @@ "name": "174gb.net", "version": "0.1.0", "dependencies": { + "@heroicons/react": "^2.2.0", "next": "16.2.6", "react": "19.2.4", "react-dom": "19.2.4" @@ -451,6 +452,15 @@ "node": "^18.18.0 || ^20.9.0 || >=21.1.0" } }, + "node_modules/@heroicons/react": { + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.2.0.tgz", + "integrity": "sha512-LMcepvRaS9LYHJGsF0zzmgKCUim/X3N/DQKc4jepAXJ7l8QxJ1PmxJzqplF2Z3FE4PqBAIGyJAQ/w4B5dsqbtQ==", + "license": "MIT", + "peerDependencies": { + "react": ">= 16 || ^19.0.0-rc" + } + }, "node_modules/@humanfs/core": { "version": "0.19.2", "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.2.tgz", diff --git a/communities/red-right-hand/alpha.174bg.net/package.json b/communities/red-right-hand/alpha.174bg.net/package.json index 893e72c..ca4b930 100644 --- a/communities/red-right-hand/alpha.174bg.net/package.json +++ b/communities/red-right-hand/alpha.174bg.net/package.json @@ -9,6 +9,7 @@ "lint": "eslint" }, "dependencies": { + "@heroicons/react": "^2.2.0", "next": "16.2.6", "react": "19.2.4", "react-dom": "19.2.4" diff --git a/communities/red-right-hand/alpha.174bg.net/public/favicon.png b/communities/red-right-hand/alpha.174bg.net/public/favicon.png Binary files differnew file mode 100644 index 0000000..f07c86c --- /dev/null +++ b/communities/red-right-hand/alpha.174bg.net/public/favicon.png diff --git a/communities/red-right-hand/alpha.174bg.net/public/file.svg b/communities/red-right-hand/alpha.174bg.net/public/file.svg deleted file mode 100644 index 004145c..0000000 --- a/communities/red-right-hand/alpha.174bg.net/public/file.svg +++ /dev/null @@ -1 +0,0 @@ -<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file diff --git a/communities/red-right-hand/alpha.174bg.net/public/globe.svg b/communities/red-right-hand/alpha.174bg.net/public/globe.svg deleted file mode 100644 index 567f17b..0000000 --- a/communities/red-right-hand/alpha.174bg.net/public/globe.svg +++ /dev/null @@ -1 +0,0 @@ -<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file diff --git a/communities/red-right-hand/alpha.174bg.net/public/next.svg b/communities/red-right-hand/alpha.174bg.net/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/communities/red-right-hand/alpha.174bg.net/public/next.svg +++ /dev/null @@ -1 +0,0 @@ -<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file diff --git a/communities/red-right-hand/alpha.174bg.net/public/terminal/index.html b/communities/red-right-hand/alpha.174bg.net/public/terminal/index.html new file mode 100644 index 0000000..64014df --- /dev/null +++ b/communities/red-right-hand/alpha.174bg.net/public/terminal/index.html @@ -0,0 +1,267 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link + rel="icon" + type="image/png" + href="https://media.starcitizen.tools/6/61/UEEtrans.png" + /> + <style> + /* set terminal styles */ + :root { + --terminal-bg-color: #0f2c3e; + --terminal-fg-color: #54adf7; + --terminal-font: monospace; + --terminal-accent-color: white; + --terminal-error-color: #ff4c4c; + } + + /* remove body margin and padding */ + body { + margin: 0; + padding: 0; + } + + /* terminal effect */ + body::before { + content: ""; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: radial-gradient( + circle at center, + rgba(255, 255, 255, 0.1) 0%, + rgba(255, 255, 255, 0) 70% + ); + pointer-events: none; + animation: flicker 3s infinite; + } + + @keyframes flicker { + 0%, + 100% { + opacity: 0.1; + } + 50% { + opacity: 0.2; + } + } + + /* add some scan lines */ + body::after { + content: ""; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: repeating-linear-gradient( + to bottom, + rgba(255, 255, 255, 0.05), + rgba(255, 255, 255, 0.05) 1px, + rgba(255, 255, 255, 0) 1px, + rgba(255, 255, 255, 0) 2px + ); + pointer-events: none; + } + </style> + </head> + <body> + <script type="module"> + import { initTerminal } from "https://esm.sh/ttty/"; + + document.addEventListener("DOMContentLoaded", async () => { + let secureShell = window.location.hash === "#secure" ? true : false; + + const fingerprint = btoa(navigator.userAgent) + .replace(/[^a-zA-Z0-9]/g, "") + .slice(-4) + .toLowerCase(); + const userId = `user_${fingerprint}`; + + let hostId = `public.174bg.uee`; + + let commonCommands = { + vitepress: { + name: "vitepress", + description: "visit the 174th Battle Group's documentation", + func: async () => { + window.open( + "https://vitepress.red-right-hand.unnamed.group", + "_blank", + "noopener noreferrer", + ); + }, + }, + }; + + let commands = { + ...commonCommands, + about: { + name: "about", + description: "learn more about the 174th Battle Group", + func: async ({ print, type }) => { + print("<br>"); + + await type( + "The 174th Battle Group is a logistical support unit of the United Earth Empire's military. It is responsible for providing logistical support to the UEE's forces, including transportation, supply, and maintenance. The 174th Battle Group is known for its efficiency and reliability, and it has played a crucial role in many of the UEE's military campaigns.", + 10, + ); + + print("<br>"); + }, + }, + elevate: { + name: "elevate", + description: + "elevate your security clearance using the credentials you were given by your contact", + func: async ({ print, start, type }) => { + start(); + + print("<br>"); + + await type("Please wait while we verify your credentials...", 10); + + await type("Credentials verified.", 10); + await type("Your security clearance has been elevated.", 10); + + await type("Redirecting you to a secure shell...", 100); + + window.location.href = "#secure"; + window.location.reload(); + + print("<br>"); + }, + }, + }; + + if (secureShell) { + hostId = `secure.rrr.uee`; + + commands = { + ...commonCommands, + about: { + name: "about", + description: "learn more about the Red Right Hand", + func: async ({ print, type }) => { + print("<br>"); + + type( + "The Red Right Hand is a classified organization within the United Earth Empire. It is responsible for carrying out covert operations and intelligence gathering for the UEE when the situation calls for discretion to avoid diplomatic incidents. The Red Right Hand operates as a decentralized network of self-sufficient cells to minimize the risk of infiltration and compromise. The organization is known for its ruthless efficiency and its willingness to do whatever it takes to achieve its objectives, including assassination, sabotage, and espionage.", + 10, + ); + + print("<br>"); + }, + }, + join: { + name: "join", + description: "join the Red Right Hand as an operative", + func: async ({ print, type }) => { + print("<br>"); + + await type( + "To join the Red Right Hand, you must first connect to our communication platform by following this link:", + 10, + ); + + print( + "<br><a href='https://discord.gg/RGgSfVj4DD' target='_blank'>https://discord.gg/RGgSfVj4DD</a><br><br>", + ); + + await type( + "Once you have joined the server, fill out the application form and wait for a response from one of our recruiters. We look forward to having you on board.", + 10, + ); + + print("<br>"); + }, + }, + }; + + // change terminal to red + document.documentElement.style.setProperty( + "--terminal-bg-color", + "#2c0000", + ); + + document.documentElement.style.setProperty( + "--terminal-fg-color", + "#ff4c4c", + ); + } + + initTerminal({ + host: document.querySelector("body"), + prompt: `${userId}@${hostId}# `, + welcomeMessage: [ + `Starting network daemons:.`, + `<br>`, + `Starting local daemons:.`, + `<br>`, + `${new Date().toUTCString()} - Network connection established.`, + `<br><br>`, + `UEEOS v5.4 (c) 2792 United Earth Empire. All rights reserved.`, + `<br><br>`, + `login: ${userId}`, + `<br>`, + `password: ********`, + `<br><br>`, + `Welcome to UEEOS: The United Earth Empire's Terminal Operating System.`, + `<br><br>`, + `Type 'help' to see a list of available commands.`, + `<br><br>`, + ].join(""), + commands, + }); + + // focus the terminal + setInterval(() => { + const terminalInput = document.querySelector(".terminal-type input"); + if (terminalInput !== document.activeElement) terminalInput.focus(); + }, 100); + + // set document title + document.title = `${userId}@${hostId}`; + }); + + // play a sound on key press + document.addEventListener("keydown", (e) => { + // only play sound for character keys + if (e.key.length !== 1) return; + + // create audio context + const audioContext = new AudioContext(); + + // create oscillator + const oscillator = audioContext.createOscillator(); + oscillator.type = "square"; + oscillator.frequency.setValueAtTime( + // 100 - 150 + 100 + Math.random() * 50, + audioContext.currentTime, + ); + + // create gain node + const gainNode = audioContext.createGain(); + gainNode.gain.setValueAtTime(0.1, audioContext.currentTime); + + // connect nodes + oscillator.connect(gainNode); + gainNode.connect(audioContext.destination); + + // start oscillator + oscillator.start(); + + // stop oscillator after 50ms + setTimeout(() => { + oscillator.stop(); + }, 50); + }); + </script> + </body> +</html> diff --git a/communities/red-right-hand/alpha.174bg.net/public/vercel.svg b/communities/red-right-hand/alpha.174bg.net/public/vercel.svg deleted file mode 100644 index 7705396..0000000 --- a/communities/red-right-hand/alpha.174bg.net/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ -<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file diff --git a/communities/red-right-hand/alpha.174bg.net/public/window.svg b/communities/red-right-hand/alpha.174bg.net/public/window.svg deleted file mode 100644 index b2b2a44..0000000 --- a/communities/red-right-hand/alpha.174bg.net/public/window.svg +++ /dev/null @@ -1 +0,0 @@ -<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file diff --git a/communities/red-right-hand/alpha.174bg.net/src/app/favicon.ico b/communities/red-right-hand/alpha.174bg.net/src/app/favicon.ico Binary files differdeleted file mode 100644 index 718d6fe..0000000 --- a/communities/red-right-hand/alpha.174bg.net/src/app/favicon.ico +++ /dev/null diff --git a/communities/red-right-hand/alpha.174bg.net/src/app/globals.css b/communities/red-right-hand/alpha.174bg.net/src/app/globals.css index a2dc41e..fa3342d 100644 --- a/communities/red-right-hand/alpha.174bg.net/src/app/globals.css +++ b/communities/red-right-hand/alpha.174bg.net/src/app/globals.css @@ -1,26 +1,8 @@ @import "tailwindcss"; -:root { - --background: #ffffff; - --foreground: #171717; -} - @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); -} - -@media (prefers-color-scheme: dark) { - :root { - --background: #0a0a0a; - --foreground: #ededed; - } -} - -body { - background: var(--background); - color: var(--foreground); - font-family: Arial, Helvetica, sans-serif; + --font-sans: var(--font-inter); + --font-mono: var(--font-fira-code); } diff --git a/communities/red-right-hand/alpha.174bg.net/src/app/layout.js b/communities/red-right-hand/alpha.174bg.net/src/app/layout.js index dbc1eca..1fb6dfe 100644 --- a/communities/red-right-hand/alpha.174bg.net/src/app/layout.js +++ b/communities/red-right-hand/alpha.174bg.net/src/app/layout.js @@ -1,28 +1,47 @@ -import { Geist, Geist_Mono } from "next/font/google"; +import { Inter, Fira_Code } from "next/font/google"; import "./globals.css"; +import { CommandLineIcon } from "@heroicons/react/24/solid"; -const geistSans = Geist({ - variable: "--font-geist-sans", +const inter = Inter({ + variable: "--font-inter", subsets: ["latin"], }); -const geistMono = Geist_Mono({ - variable: "--font-geist-mono", +const firaCode = Fira_Code({ + variable: "--font-fira-code", subsets: ["latin"], }); +function TerminalButton() { + return ( + <a + href="/terminal/index.html" + className="fixed top-4 right-4 bg-gray-800 text-white p-3 rounded-full shadow-lg hover:bg-gray-700 transition-colors z-50" + title="Access the web terminal" + > + <CommandLineIcon className="h-5 w-5" /> + </a> + ); +} + export const metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "174th Battle Group", + description: "Vengeance Within Reach", + icons: { + icon: "/favicon.png", + }, }; export default function RootLayout({ children }) { return ( <html lang="en" - className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`} + className={`${inter.variable} ${firaCode.variable} h-full antialiased`} > - <body className="min-h-full flex flex-col">{children}</body> + <body className="min-h-full flex flex-col"> + <TerminalButton /> + {children} + </body> </html> ); } diff --git a/communities/red-right-hand/alpha.174bg.net/src/app/page.js b/communities/red-right-hand/alpha.174bg.net/src/app/page.js index 2d37b5c..9aaf53a 100644 --- a/communities/red-right-hand/alpha.174bg.net/src/app/page.js +++ b/communities/red-right-hand/alpha.174bg.net/src/app/page.js @@ -1,65 +1,17 @@ -import Image from "next/image"; - export default function Home() { return ( - <div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black"> - <main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start"> - <Image - className="dark:invert" - src="/next.svg" - alt="Next.js logo" - width={100} - height={20} - priority - /> - <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left"> - <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50"> - To get started, edit the page.js file. - </h1> - <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400"> - Looking for a starting point or more instructions? Head over to{" "} - <a - href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" - className="font-medium text-zinc-950 dark:text-zinc-50" - > - Templates - </a>{" "} - or the{" "} - <a - href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" - className="font-medium text-zinc-950 dark:text-zinc-50" - > - Learning - </a>{" "} - center. - </p> - </div> - <div className="flex flex-col gap-4 text-base font-medium sm:flex-row"> - <a - className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]" - href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" - target="_blank" - rel="noopener noreferrer" - > - <Image - className="dark:invert" - src="/vercel.svg" - alt="Vercel logomark" - width={16} - height={16} - /> - Deploy Now - </a> - <a - className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]" - href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" - target="_blank" - rel="noopener noreferrer" - > - Documentation - </a> - </div> - </main> + <div className="flex flex-col m-2 gap-4"> + <h1 className="text-3xl font-bold">The 174th Battle Group</h1> + <h2 className="text-xl font-semibold opacity-75"> + "Vengeance Within Reach" + </h2> + <p className="max-w-[666px] text-justify"> + The 174th Battle Group is a logistical support unit of the United Earth + Empire's military. It is responsible for providing logistical support to + the UEE's forces, including transportation, supply, and maintenance. The + 174th Battle Group is known for its efficiency and reliability, and it + has played a crucial role in many of the UEE's military campaigns. + </p> </div> ); } |
