init commit

.env

@@ -0,0 +1 @@
+PORT=3000

.gitignore

@@ -0,0 +1 @@
+node_modules

LICENSE

@@ -0,0 +1,47 @@
+THE KARKAT PUBLIC LICENSE (KKPL)
+Version 2.2, January 2024
+
+Copyright (C) 2023-2024 MeowcaTheoRange
+<me@abtmtr.link>
+
+THIS LICENSE GRANTS PERMISSION TO ANY 
+TROLL, HUMAN, GROUP, OR ANY OTHER
+LEGALLY RECOGNIZED ENTITY ("YOU") TO
+MODIFY, USE, AND DISTRIBUTE
+("SCHMEEVE", "SCHMEEVING") THIS WORK
+WITHIN THE DESIRED SCOPE DEFINED BELOW,
+AS LONG AS THE KARKAT PUBLIC LICENSE
+PERSISTS WITHIN.
+
+BY SCHMEEVING THIS WORK, YOU AGREE TO
+BE BOUND BY THIS LICENSE'S TERMS AND
+CONDITIONS:
+
+0.  YOU WON'T BE A WUSS ABOUT THIS
+    LICENSE.
+1.  YOU WILL ONLY SCHMEEVE WITHIN THE
+    WORK'S DESIRED SCOPE FOR THIS
+    LICENSE.
+2.  YOU ACKNOWLEDGE THAT THE DEFINED
+    SCOPE OF THIS WORK COMES WITH NO
+    WARRANTY.
+3.  YOU FROND PROMISE THAT YOU WON'T
+    SUE IF YOUR COMPUTER EXPLODES
+    BECAUSE OF THIS PROGRAM.
+4.  YOU AGREE THAT KARKAT IS THE BEST
+    HACKER ON ALTERNIA.
+5.  YOU AGREE THAT BY WRITING IN THE
+    FORM BELOW, YOU ARE THE RIGHTFUL
+    OWNER OF THIS WORK.
+
+WHAT PARTS OF THE WORK DOES THIS DAMNED
+LICENSE APPLY TO:
+  All of it, except where otherwise clarified (/assets/fonts/, for example)
+WRITE THE WORK'S NAME HERE: 
+  THE KARKAT PUBLIC LICENSE (KKPL)
+  (Version 2.2, January 2024)
+WRITE THE NAME(S) OF THE WORK'S
+AUTHOR(S) HERE:
+  MeowcaTheoRange <me@abtmtr.link>
+
+FUCK FUCK FUCK FUCK FUCK FUCK FUCK.

assets/components/about-boxes/style.css

@@ -0,0 +1,38 @@
+.Aboutbox {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: start;
+  gap: 8px;
+  width: 100%;
+  box-sizing: border-box;
+
+  border: 1px solid currentColor;
+  padding: 8px;
+  background: var(--background) var(--tiles-diag-black);
+
+  .AboutboxElement {
+    width: 100%;
+    height: 200px;
+    display: grid;
+    box-sizing: border-box;
+    grid-template-columns: 1fr calc(200px - 2px);
+
+    border: 1px solid currentColor;
+    background: var(--background);
+
+    .AboutboxElementText {
+      display: inline-block;
+      padding: 1rem;
+
+      h1 {
+        margin-top: 0;
+        margin-bottom: 1rem;
+        font-family: var(--font-text-top);
+      }
+    }
+    .AboutboxElementImage {
+      height: 100%;
+    }
+  }
+}

assets/components/header/style.css

@@ -0,0 +1,71 @@
+.Header {
+  display: grid;
+  width: 100%;
+  grid-template-rows: 150px 1fr;
+  box-sizing: border-box;
+  border: 1px solid currentColor;
+  padding: 8px;
+  gap: 8px;
+  font-size: 16px;
+
+  .HeaderTop {
+    display: grid;
+    width: 100%;
+    height: 100%;
+    grid-template-columns: 150px 1fr;
+    box-sizing: border-box;
+    border: 1px solid currentColor;
+    font-family: var(--font-text-top);
+
+    .HeaderTopImage {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      box-sizing: border-box;
+    }
+
+    .HeaderTopName {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      box-sizing: border-box;
+      background: linear-gradient(to right, white, transparent, transparent),
+        var(--tiles-diag-black);
+
+      h1,
+      p {
+        margin: 0;
+      }
+
+      h1 {
+        font-weight: normal;
+        font-size: 2.5em;
+        line-height: 1em;
+      }
+    }
+  }
+
+  .HeaderLinks {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5em;
+    font-family: var(--font-text-header);
+    font-weight: bold;
+    font-size: 1em;
+
+    .HeaderLinksLink {
+      display: inline-block;
+      width: 100%;
+      text-align: center;
+      padding: 0.5em;
+      border: 1px solid currentColor;
+      color: currentColor;
+      text-decoration: inherit;
+      background: transparent var(--tiles-diag-black);
+    }
+  }
+}

assets/components/style.css

@@ -0,0 +1,2 @@
+@import url("./header/style.css");
+@import url("./about-boxes/style.css");

assets/fonts/Comic_Neue/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2014 The Comic Neue Project Authors (https://github.com/crozynski/comicneue)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

assets/fonts/Lexend/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2018 The Lexend Project Authors (https://github.com/googlefonts/lexend), with Reserved Font Name “RevReading Lexend”.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

assets/fonts/Lexend/README.txt

@@ -0,0 +1,71 @@
+Lexend Variable Font
+====================
+
+This download contains Lexend as both a variable font and static fonts.
+
+Lexend is a variable font with this axis:
+  wght
+
+This means all the styles are contained in a single file:
+  Lexend/Lexend-VariableFont_wght.ttf
+
+If your app fully supports variable fonts, you can now pick intermediate styles
+that aren’t available as static fonts. Not all apps support variable fonts, and
+in those cases you can use the static font files for Lexend:
+  Lexend/static/Lexend-Thin.ttf
+  Lexend/static/Lexend-ExtraLight.ttf
+  Lexend/static/Lexend-Light.ttf
+  Lexend/static/Lexend-Regular.ttf
+  Lexend/static/Lexend-Medium.ttf
+  Lexend/static/Lexend-SemiBold.ttf
+  Lexend/static/Lexend-Bold.ttf
+  Lexend/static/Lexend-ExtraBold.ttf
+  Lexend/static/Lexend-Black.ttf
+
+Get started
+-----------
+
+1. Install the font files you want to use
+
+2. Use your app's font picker to view the font family and all the
+available styles
+
+Learn more about variable fonts
+-------------------------------
+
+  https://developers.google.com/web/fundamentals/design-and-ux/typography/variable-fonts
+  https://variablefonts.typenetwork.com
+  https://medium.com/variable-fonts
+
+In desktop apps
+
+  https://theblog.adobe.com/can-variable-fonts-illustrator-cc
+  https://helpx.adobe.com/nz/photoshop/using/fonts.html#variable_fonts
+
+Online
+
+  https://developers.google.com/fonts/docs/getting_started
+  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
+  https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/variable-fonts
+
+Installing fonts
+
+  MacOS: https://support.apple.com/en-us/HT201749
+  Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux
+  Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
+
+Android Apps
+
+  https://developers.google.com/fonts/docs/android
+  https://developer.android.com/guide/topics/ui/look-and-feel/downloadable-fonts
+
+License
+-------
+Please read the full license text (OFL.txt) to understand the permissions,
+restrictions and requirements for usage, redistribution, and modification.
+
+You can use them in your products & projects – print or digital,
+commercial or otherwise.
+
+This isn't legal advice, please consider consulting a lawyer and see the full
+license for all details.

assets/fonts/Permanent_Marker/LICENSE.txt

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

assets/fonts/style.css

@@ -0,0 +1,44 @@
+@font-face {
+  font-family: "Comic Neue";
+  src: url("./Comic_Neue/ComicNeue-Regular.ttf");
+}
+@font-face {
+  font-family: "Comic Neue";
+  font-weight: bold;
+  src: url("./Comic_Neue/ComicNeue-Bold.ttf");
+}
+
+@font-face {
+  font-family: "Helvetica";
+  src: url("./Helvetica/Helvetica.ttf");
+}
+@font-face {
+  font-family: "Helvetica";
+  font-weight: bold;
+  src: url("./Helvetica/Helvetica-Bold.ttf");
+}
+
+@font-face {
+  font-family: "Lexend";
+  src: url("./Lexend/Lexend-VariableFont_wght.ttf");
+}
+
+@font-face {
+  font-family: "Permanent Marker";
+  src: url("./Permanent_Marker/PermanentMarker-Regular.ttf");
+  font-weight: normal;
+}
+
+@font-face {
+  font-family: "VCR OSD Mono";
+  src: url("./VCR%20OSD%20MONO/VCR_OSD_MONO.ttf");
+  font-weight: normal;
+}
+
+:root {
+  --font-text-top: "Permanent Marker";
+  --font-text-mono: "VCR OSD Mono";
+  --font-text-legible: "Lexend";
+  --font-text-header: "Comic Neue";
+  --font-text-generic: "Helvetica";
+}

assets/style.css

@@ -0,0 +1,50 @@
+@import url("./components/style.css");
+@import url("./fonts/style.css");
+
+:root {
+  --background: #fff;
+  --red: #f00;
+  --grey: #ccc;
+  --foreground: #000;
+
+  --tiles-diag-black: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGUlEQVQImWNgYGBwYEAAB0ZkDgMaxwErBwA4twHCVgI5sAAAAABJRU5ErkJggg==");
+  --tiles-diag-white: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIElEQVQImWP4//+/AwMU/P//34ERmcOAzIELoHAYGBgAAxcWrY397t4AAAAASUVORK5CYII=");
+  --tiles-last-black: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAADElEQVQImWNgQAP/AQERAQD1y6SYAAAAAElFTkSuQmCC");
+  --tiles-last-white: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVQImWNgQAb/////DwAKCAP9R4CJSwAAAABJRU5ErkJggg==");
+}
+
+html {
+  height: 100%;
+  width: 100%;
+}
+
+body {
+  margin: 0;
+  padding: 8px;
+  box-sizing: border-box;
+  min-height: 100%;
+  width: 100%;
+  background: var(--background) var(--tiles-diag-black);
+  text-align: center;
+  font-family: var(--font-text-legible);
+}
+
+main {
+  text-align: start;
+  display: inline-block;
+  max-width: 768px;
+  box-sizing: border-box;
+  background-color: var(--background);
+  border: 1px solid currentColor;
+  color: var(--foreground);
+  min-height: 100%;
+  padding: 8px;
+}
+
+section {
+  margin: 1em;
+}
+
+a {
+  color: black;
+}

index.js

@@ -0,0 +1,26 @@
+import express from "express";
+import { config } from "dotenv";
+import path from "path";
+
+const app = express();
+
+app.set('view engine', 'ejs');
+app.use('/assets', express.static('assets'));
+
+config();
+
+app.get('/', (req, res) => {
+  res.render(path.join("pages", "index.ejs"), {
+
+  });
+});
+
+app.get("/favicon.ico", (req, res) => {
+  res.redirect("https://cdn.abtmtr.link/site_content/favicon.ico")
+})
+
+app.listen(process.env.PORT, () => {
+  const url = new URL("http://localhost/");
+  url.port = process.env.PORT;
+  console.log(`Example app listening on ${url.toString()}`);
+});

package.json

@@ -0,0 +1,28 @@
+{
+  "name": "abtmtrv13",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "dev": "nodemon index.js"
+  },
+  "nodemonConfig": {
+    "ignore": [
+      "node_modules/**"
+    ],
+    "ext": "*"
+  },
+  "type": "module",
+  "author": "MeowcaTheoRange",
+  "license": "SEE LICENSE IN LICENSE",
+  "description": "",
+  "dependencies": {
+    "dotenv": "^16.4.5",
+    "ejs": "^3.1.10",
+    "express": "^4.19.2",
+    "kysely": "^0.27.4",
+    "pg": "^8.12.0"
+  },
+  "devDependencies": {
+    "nodemon": "^3.1.4"
+  }
+}

views/components/about-boxes.ejs

@@ -0,0 +1,30 @@
+<div class="Aboutbox">
+  <div class="AboutboxElement">
+    <div class="AboutboxElementText">
+      <h1><a href="/computers/">COMPUTERS</a></h1>
+      <p>beep boop</p>
+    </div>
+    <img class="AboutboxElementImage" src="/assets/test.png" />
+  </div>
+  <div class="AboutboxElement">
+    <div class="AboutboxElementText">
+      <h1><a href="/services/">SERVICES</a></h1>
+      <p>fuck it, why not?</p>
+    </div>
+    <img class="AboutboxElementImage" src="/assets/test.png" />
+  </div>
+  <div class="AboutboxElement">
+    <div class="AboutboxElementText">
+      <h1><a href="/friends/">FRIENDS</a></h1>
+      <p>fellow Gaming Racists</p>
+    </div>
+    <img class="AboutboxElementImage" src="/assets/test.png" />
+  </div>
+  <div class="AboutboxElement">
+    <div class="AboutboxElementText">
+      <h1><a href="/about/">ABOUT</a></h1>
+      <p>why <i>are</i> you here?</p>
+    </div>
+    <img class="AboutboxElementImage" src="/assets/test.png" />
+  </div>
+</div>

views/components/footer.ejs

@@ -0,0 +1,7 @@
+<footer>
+  <section>
+    <p>abtmtr.link v13 &copy; MeowcaTheoRange 2024</p>
+    <p>Licensed under the <a href="https://cdn.abtmtr.link/licenses/kkpl/license-v2.2.txt">Karkat Public License</a>.</p>
+    <p>Git repository: <a href="https://git.abtmtr.link/MeowcaTheoRange/abtmtr-v13">MeowcaTheoRange/abtmtr-v13</a></p>
+  </section>
+</footer>

views/components/header.ejs

@@ -0,0 +1,15 @@
+<div class="Header">
+  <div class="HeaderTop">
+    <img class="HeaderTopImage" src="/favicon.ico" />
+    <div class="HeaderTopName">
+      <p>WELCOME TO</p>
+      <h1>abtmtr.link</h1>
+    </div>
+  </div>
+  <div class="HeaderLinks">
+    <a class="HeaderLinksLink" href="/">Home</a>
+    <a class="HeaderLinksLink" href="/about/">About</a>
+    <a class="HeaderLinksLink" href="/computers/">Computers</a>
+    <a class="HeaderLinksLink" href="/services/">Services</a>
+  </div>
+</div>

views/pages/index.ejs

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <title>abtmtr.link</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="stylesheet" href="/assets/style.css" />
+</head>
+
+<body>
+  <main>
+    <%- include("../components/header.ejs") %>
+    <section>
+      <p>abtmtr.link is a domain for a suite of services, from web search to live-streaming.</p>
+    </section>
+    <%- include("../components/about-boxes.ejs") %>
+    <%- include("../components/footer.ejs") %>
+  </main>
+  <script src="/assets/script.js"></script>
+</body>
+
+</html>