diff options
| -rw-r--r-- | public/bbg/bbg-logo.png | bin | 0 -> 49471 bytes | |||
| -rw-r--r-- | public/bbg/bbg-logo_padded.png | bin | 0 -> 54017 bytes | |||
| -rw-r--r-- | public/bbg/index.html | 92 | ||||
| -rw-r--r-- | public/index.html | 27 |
4 files changed, 112 insertions, 7 deletions
diff --git a/public/bbg/bbg-logo.png b/public/bbg/bbg-logo.png Binary files differnew file mode 100644 index 0000000..9b771cc --- /dev/null +++ b/public/bbg/bbg-logo.png diff --git a/public/bbg/bbg-logo_padded.png b/public/bbg/bbg-logo_padded.png Binary files differnew file mode 100644 index 0000000..32a2d1d --- /dev/null +++ b/public/bbg/bbg-logo_padded.png diff --git a/public/bbg/index.html b/public/bbg/index.html new file mode 100644 index 0000000..0f1851a --- /dev/null +++ b/public/bbg/index.html @@ -0,0 +1,92 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link rel="icon" href="./bbg-logo.png" type="image/png" /> + <title>Blue Bean Games</title> + <meta + name="description" + content="Blue Bean Games is a newly-formed game studio that believes in the power of open-source software. All of our work is completely dedicated to the public domain from company literature to video games." + /> + <style> + @import url("https://fonts.googleapis.com/css2?family=Itim&display=swap"); + + html { + background-color: #006eff; + color: white; + } + + html::-webkit-scrollbar { + display: none; + } + + .itim-regular { + font-family: "Itim", cursive; + font-weight: 400; + font-style: normal; + } + + body { + margin: 0; + padding: 0; + + display: flex; + justify-content: center; + flex-direction: column; + height: 100vh; + + font-family: monospace; + + max-width: 720px; + width: 100%; + margin: auto; + + opacity: 0; + animation: fadeIn 1s ease-in-out forwards; + } + + @keyframes fadeIn { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } + } + + p { + font-size: 2rem; + text-align: justify; + padding: 1rem; + } + + span { + text-align: right; + padding: 1rem; + opacity: 0.5; + } + + a { + color: white; + text-decoration: dotted underline; + } + + a:hover { + color: gold; + text-decoration: none; + } + </style> + </head> + <body class="itim-regular"> + <p> + Blue Bean Games is a newly-formed game studio that believes in the power + of open-source software. All of our work is completely dedicated to the + public domain from company literature to video games. + </p> + <span> + "Blue Bean Games" is made with ❤️ by + <a href="https://zue.dev" target="_blank">zue.dev</a> + </span> + </body> +</html> diff --git a/public/index.html b/public/index.html index dda4cd4..bfd1c0e 100644 --- a/public/index.html +++ b/public/index.html @@ -111,18 +111,31 @@ </p> <article> - <h2>Projects</h2> - <ul> + <h2>What am I working on?</h2> + <ul style={{ listStyleType: "square" }}> {[ { - name: "Unnamed Group", + role: "Lead Developer", + connective: "at", + place: "Blue Bean Games", + url: "https://zue.dev/bbg", + }, + { + role: "Director", + connective: "at", + place: "Unnamed Group", url: "https://unnamed.group/", - description: "Non-profit gaming community management", }, - ].map((project) => ( - <li key={project.name}> + { + role: "Manager", + connective: "for", + place: "YayJayBae", + url: "https://yayjaybae.com/", + }, + ].map((project, index) => ( + <li key={index}> <a href={project.url}> - {project.name}: {project.description} + <b>{project.role}</b> {project.connective} {project.place} </a> </li> ))} |
