50 changed files with 6205 additions and 12 deletions
--- a/.dockerignore
+++ b/.dockerignore
@ -0,0 +1,7 @@
+node_modules
+npm-debug.log
+Dockerfile
+.dockerignore
+.env
+.env.*
+build
--- a/.eslintignore
+++ b/.eslintignore
@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@ -0,0 +1,42 @@
+/** @type { import("eslint").Linter.FlatConfig } */
+module.exports = {
+	root: true,
+	extends: [
+		'plugin:@typescript-eslint/recommended',
+		'plugin:svelte/recommended',
+		'@besties'
+	],
+	parser: '@typescript-eslint/parser',
+	plugins: ['@typescript-eslint'],
+	parserOptions: {
+		sourceType: 'module',
+		ecmaVersion: 2020,
+		extraFileExtensions: ['.svelte']
+	},
+	env: {
+		browser: true,
+		es2017: true,
+		node: true
+	},
+	overrides: [
+		{
+			files: ['*.svelte'],
+			parser: 'svelte-eslint-parser',
+			parserOptions: {
+				parser: '@typescript-eslint/parser'
+			}
+		}
+	],
+	rules: {
+		'svelte/block-lang': [
+			'error',
+			{
+				script: 'ts',
+				style: 'postcss'
+			}
+		],
+		'@typescript-eslint/no-explicit-any': 'warn',
+		'no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
+		'@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }]
+	}
+}
--- a/.gitignore
+++ b/.gitignore
@ -1,8 +1,10 @@
-node_modules/
-
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
 .env
 .env.*
 !.env.example
-
-# we're a pnpm household now
-package-lock.json
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
--- a/.npmrc
+++ b/.npmrc
@ -0,0 +1 @@
+engine-strict=true
--- a/.prettierignore
+++ b/.prettierignore
@ -0,0 +1,4 @@
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
--- a/.prettierrc
+++ b/.prettierrc
@ -0,0 +1,20 @@
+{
+	"svelteStrictMode": false,
+	"svelteAllowShorthand": true,
+	"svelteIndentScriptAndStyle": true,
+	"semi": false,
+	"useTabs": true,
+	"singleQuote": true,
+	"trailingComma": "none",
+	"arrowParens": "avoid",
+	"bracketSameLine": false,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
+}
--- a/40
+++ b/40
@ -0,0 +1,40 @@
+FROM node:slim AS app
+
+# Install Google Chrome Stable and fonts
+# Note: this installs the necessary libs to make the browser work with Puppeteer.
+RUN apt-get update && apt-get install gnupg wget -y \
+  && wget --quiet --output-document=- https://dl-ssl.google.com/linux/linux_signing_key.pub | gpg --dearmor > /etc/apt/trusted.gpg.d/google-archive.gpg \
+  && sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list' \
+  && apt-get update \
+  && apt-get install google-chrome-stable -y --no-install-recommends \
+  && rm -rf /var/lib/apt/lists/*
+  
+RUN groupadd -r og && useradd -rm -g og -G audio,video og
+
+RUN mkdir -p /home/og/app/node_modules && chown -R og:og /home/og/app
+
+WORKDIR /home/og/app
+
+COPY package*.json ./
+
+COPY fonts /usr/local/share/fonts
+
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable
+
+USER og
+
+# We don't need the standalone Chromium
+ENV PUPPETEER_SKIP_DOWNLOAD true
+ENV PUPPETEER_EXECUTABLE_PATH "/usr/bin/google-chrome-stable"
+
+COPY --chown=og:og . .
+
+RUN pnpm install
+
+RUN pnpm run build
+
+EXPOSE 9054
+
+CMD ["pnpm", "run", "start"]
--- a/661
+++ b/661
@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published
+    by the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <https://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<https://www.gnu.org/licenses/>.
--- a/README.md
+++ b/README.md
@ -1,11 +1,9 @@
 # og

-[git.gay](https://git.gay)'s thumbnail server, inspired by GitHub's.
+git.gay's thumbnail server, with some modifications

-![A demo thumbnail for this repository, generated by this project](https://og.git.gay/gitgay/og?format=svg)
+## modifications

-Made with [@besties/html2png](https://git.gay/besties/html2png), itself a wrapper for [satori](https://www.npmjs.com/package/satori) and [@resvg/resvg-wasm](https://www.npmjs.com/package/@resvg/resvg-wasm).
-
-## Self-hosting
-
-clone the repository, install the dependencies with `npm i`, create a `.env` file (see [.env.example](https://git.gay/gitgay/og/src/branch/main/.env.example)), and run `npm run start`.
+- use Inter font instead of DM sans
+- use nin0git as an instance (guh)
+- use the Catppuccin Mocha background color
--- a/package.json
+++ b/package.json
@ -0,0 +1,47 @@
+{
+	"name": "og",
+	"version": "0.1.0",
+	"private": true,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"start": "PORT=9054 node build",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --check . && eslint .",
+		"format": "prettier --write .",
+		"preinstall": "npx only-allow pnpm"
+	},
+	"devDependencies": {
+		"@besties/eslint-config": "0.2.4",
+		"@hazycora/vite-plugin-svelte-svg": "^2.4.0",
+		"@sveltejs/adapter-node": "^5.0.1",
+		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^3.0.0",
+		"@types/eslint": "^8.56.0",
+		"@typescript-eslint/eslint-plugin": "^7.0.0",
+		"@typescript-eslint/parser": "^7.0.0",
+		"autoprefixer": "^10.4.19",
+		"eslint": "^8.56.0",
+		"eslint-config-prettier": "^9.1.0",
+		"eslint-plugin-svelte": "^2.32.4",
+		"postcss": "^8.4.38",
+		"postcss-nesting": "^12.1.4",
+		"prettier": "^3.2.5",
+		"prettier-plugin-svelte": "^3.0.3",
+		"svelte": "^4.2.7",
+		"svelte-check": "^3.6.0",
+		"tslib": "^2.4.1",
+		"typescript": "^5.0.0",
+		"vite": "^5.0.3"
+	},
+	"type": "module",
+	"license": "GPL-3.0-or-later",
+	"dependencies": {
+		"dotenv": "^16.4.5",
+		"isomorphic-dompurify": "^2.11.0",
+		"puppeteer": "^22.9.0"
+	},
+	"packageManager": "pnpm@9.1.2+sha256.19c17528f9ca20bd442e4ca42f00f1b9808a9cb419383cd04ba32ef19322aba7"
+}
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@ -0,0 +1,8 @@
+const autoprefixer = require('autoprefixer')
+const postcssNesting = require('postcss-nesting')
+
+const config = {
+	plugins: [postcssNesting(), autoprefixer]
+}
+
+module.exports = config
--- a/src/app.d.ts
+++ b/src/app.d.ts
@ -0,0 +1,19 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
+
+	declare module '*.svg?c' {
+		import type { ComponentType, SvelteComponent } from 'svelte'
+		const icon: ComponentType<SvelteComponent>
+		export default icon
+	}
+}
+
+export {}
--- a/src/app.html
+++ b/src/app.html
@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
--- a/src/app.pcss
+++ b/src/app.pcss
@ -0,0 +1,32 @@
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+}
+
+:root {
+	background-color: black !important;
+	--bg-clr: #11111b;
+	--fg-clr: #fff;
+	--muted-clr: #b7b9c5;
+	height: 100%;
+}
+
+body {
+	background-color: black;
+	color: var(--fg-clr);
+	color-scheme: dark;
+	font-family: Inter;
+	height: 100%;
+	margin: 0;
+	overflow: hidden;
+}
+
+body:has(.dev) {
+	display: grid;
+	place-items: center;
+}
+
+svg {
+	fill: currentColor;
+}
--- a/src/hooks.server.ts
+++ b/src/hooks.server.ts
@ -0,0 +1,20 @@
+import render from '$lib/server/render'
+import { dev } from '$app/environment'
+
+export async function handle({ event, resolve }) {
+	const response = await resolve(event)
+	const contentType = response.headers.get('Content-Type')
+	const pure = event.url.searchParams.get('pure')
+	if (dev || pure || !response.ok || contentType != 'text/html') {
+		return response
+	}
+	const html = await response.text()
+	let buffer
+	try {
+		buffer = await render(html)
+	} catch (error) {
+		const err = error as Error
+		return new Response(err.message, { status: 500 })
+	}
+	return new Response(buffer)
+}
--- a/src/lib/components/Actor.svelte
+++ b/src/lib/components/Actor.svelte
@ -0,0 +1,54 @@
+<script lang="ts">
+	import GitCommit from '$lib/icons/git-commit.svg?c'
+	import type { Owner } from '$lib/types/forgejo'
+
+	export let created_at: Date
+	export let author: Owner
+	export let sha: string
+	$: action = sha ? 'committed' : 'opened'
+	$: formattedTime = new Intl.DateTimeFormat('en-US', {
+		dateStyle: 'long'
+	}).format(created_at)
+</script>
+
+<div class="committer">
+	<img class="avatar" aria-hidden="true" src={author.avatar_url} alt="" />
+	<span class="when">
+		<span class="author">{author.login}</span>
+		{action}
+		{formattedTime}
+	</span>
+	{#if sha}
+		<GitCommit />
+		<span class="sha">{sha.slice(0, 7)}</span>
+	{/if}
+</div>
+
+<style lang="postcss">
+	.committer {
+		color: var(--muted-clr);
+		display: flex;
+		align-items: center;
+		gap: 0.75rem;
+		padding-block: 0 3rem;
+		padding-inline: 5rem;
+		font-size: 1.5rem;
+		:global(svg) {
+			width: 2rem;
+			height: 2rem;
+		}
+	}
+	.avatar {
+		width: 3rem;
+		height: 3rem;
+		border-radius: 100%;
+		margin-inline-end: 0.5rem;
+	}
+	.author {
+		color: var(--fg-clr);
+		font-weight: 700;
+	}
+	.sha {
+		font-family: 'DM Mono', monospace;
+	}
+</style>
--- a/src/lib/components/DiffStats.svelte
+++ b/src/lib/components/DiffStats.svelte
@ -0,0 +1,54 @@
+<script lang="ts">
+	import CommentDiscussion from '$lib/icons/comment-discussion.svg?c'
+	import FileDiff from '$lib/icons/file-diff.svg?c'
+	export let pull: { comments: number } | undefined = undefined
+	export let stats: {
+		total: number
+		additions: number
+		deletions: number
+		files?: number
+	}
+</script>
+
+<div class="line">
+	{#if pull}
+		<span>
+			<CommentDiscussion />
+			<span>{pull.comments} comments</span>
+		</span>
+	{/if}
+	<span>
+		<FileDiff />
+		{#if stats.files}
+			<span>{stats.files} files changed</span>
+		{:else}
+			<span>{stats.total} lines changed</span>
+		{/if}
+	</span>
+	<span class="details">
+		<span style="color: #53d37c;">+{stats.additions}</span>
+		<span style="color: #d35353;">-{stats.deletions}</span>
+	</span>
+</div>
+
+<style lang="postcss">
+	.line,
+	.line span {
+		display: flex;
+		align-items: center;
+		font-weight: 500;
+		font-size: 1.5rem;
+		gap: 0.75rem;
+		color: var(--muted-clr);
+		:global(svg) {
+			width: 2rem;
+			height: 2rem;
+		}
+	}
+	.line {
+		gap: 2rem;
+	}
+	.details {
+		font-weight: 700;
+	}
+</style>
--- a/src/lib/components/Languages.svelte
+++ b/src/lib/components/Languages.svelte
@ -0,0 +1,21 @@
+<script lang="ts">
+	export let languages
+</script>
+
+<div class="languages">
+	{#each languages as language}
+		<div
+			class="language"
+			style:background-color={language.color}
+			style:width="{language.percentage}%"
+		></div>
+	{/each}
+</div>
+
+<style lang="postcss">
+	.languages {
+		background-color: #cccccc;
+		display: flex;
+		height: 1.5rem;
+	}
+</style>
--- a/src/lib/components/StatsBar.svelte
+++ b/src/lib/components/StatsBar.svelte
@ -0,0 +1,67 @@
+<script lang="ts">
+	import RepoForked from '$lib/icons/repo-forked.svg?c'
+	import IssueOpened from '$lib/icons/issue-opened.svg?c'
+	import People from '$lib/icons/people.svg?c'
+	import Star from '$lib/icons/star.svg?c'
+	import Eye from '$lib/icons/eye.svg?c'
+	import Repo from '$lib/icons/repo.svg?c'
+	import type { Owner, Repository } from '$lib/types/forgejo'
+	export let repo: Repository | undefined = undefined
+	export let owner: Owner | undefined = undefined
+
+	const stats = repo
+		? [
+				{ icon: IssueOpened, name: 'Issues', count: repo.open_issues_count },
+				{ icon: Eye, name: 'Watching', count: repo.watchers_count },
+				{ icon: Star, name: 'Stars', count: repo.stars_count },
+				{ icon: RepoForked, name: 'Forks', count: repo.forks_count }
+			]
+		: [
+				{ icon: Repo, name: 'Repositories', count: owner?.repos_count },
+				{ icon: People, name: 'Followers', count: owner?.followers_count },
+				{ icon: People, name: 'Following', count: owner?.following_count }
+			]
+</script>
+
+<div class="stats">
+	{#each stats as stat}
+		<div class="stat">
+			<svelte:component this={stat.icon} class="icon" />
+			<span class="count">{stat.count}</span>
+			<span class="name">{stat.name}</span>
+		</div>
+	{/each}
+</div>
+
+<style lang="postcss">
+	.stats {
+		display: flex;
+		gap: 2rem;
+		padding-block: 3rem;
+		padding-inline: 5rem;
+	}
+	.stat {
+		display: grid;
+		grid-template-areas:
+			'icon count'
+			'.     name';
+		align-items: center;
+		column-gap: 1rem;
+	}
+	.stat :global(.icon) {
+		color: var(--muted-clr);
+		fill: currentColor;
+		grid-area: icon;
+		width: 2rem;
+		height: 2rem;
+	}
+	.stat .count {
+		font-size: 2.25rem;
+		grid-area: count;
+	}
+	.stat .name {
+		color: var(--muted-clr);
+		grid-area: name;
+		font-size: 1.5rem;
+	}
+</style>
--- a/src/lib/getLanguages.ts
+++ b/src/lib/getLanguages.ts
@ -0,0 +1,18 @@
+import languagecolors from './languagecolors'
+
+export default async function getLanguages(owner: string, repo: string) {
+	const languages = (await fetch(
+		`https://git.nin0.dev/api/v1/repos/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/languages`
+	).then(response => response.json())) as { [key: string]: number }
+	let sum = 0
+	const values = Object.values(languages)
+	for (const value of values) {
+		sum += value
+	}
+	return Object.keys(languages).map(language => {
+		return {
+			color: languagecolors[language],
+			percentage: (languages[language] / sum) * 100
+		}
+	})
+}
--- a/src/lib/icons/comment-discussion.svg
+++ b/src/lib/icons/comment-discussion.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path></svg>
--- a/src/lib/icons/eye.svg
+++ b/src/lib/icons/eye.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M8 2c1.981 0 3.671.992 4.933 2.078 1.27 1.091 2.187 2.345 2.637 3.023a1.62 1.62 0 0 1 0 1.798c-.45.678-1.367 1.932-2.637 3.023C11.67 13.008 9.981 14 8 14c-1.981 0-3.671-.992-4.933-2.078C1.797 10.83.88 9.576.43 8.898a1.62 1.62 0 0 1 0-1.798c.45-.677 1.367-1.931 2.637-3.022C4.33 2.992 6.019 2 8 2ZM1.679 7.932a.12.12 0 0 0 0 .136c.411.622 1.241 1.75 2.366 2.717C5.176 11.758 6.527 12.5 8 12.5c1.473 0 2.825-.742 3.955-1.715 1.124-.967 1.954-2.096 2.366-2.717a.12.12 0 0 0 0-.136c-.412-.621-1.242-1.75-2.366-2.717C10.824 4.242 9.473 3.5 8 3.5c-1.473 0-2.825.742-3.955 1.715-1.124.967-1.954 2.096-2.366 2.717ZM8 10a2 2 0 1 1-.001-3.999A2 2 0 0 1 8 10Z"></path></svg>
--- a/src/lib/icons/file-diff.svg
+++ b/src/lib/icons/file-diff.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M1 1.75C1 .784 1.784 0 2.75 0h7.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0 1 13.25 16H2.75A1.75 1.75 0 0 1 1 14.25Zm1.75-.25a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25V4.664a.25.25 0 0 0-.073-.177l-2.914-2.914a.25.25 0 0 0-.177-.073ZM8 3.25a.75.75 0 0 1 .75.75v1.5h1.5a.75.75 0 0 1 0 1.5h-1.5v1.5a.75.75 0 0 1-1.5 0V7h-1.5a.75.75 0 0 1 0-1.5h1.5V4A.75.75 0 0 1 8 3.25Zm-3 8a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z"></path></svg>
--- a/src/lib/icons/git-commit.svg
+++ b/src/lib/icons/git-commit.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M11.93 8.5a4.002 4.002 0 0 1-7.86 0H.75a.75.75 0 0 1 0-1.5h3.32a4.002 4.002 0 0 1 7.86 0h3.32a.75.75 0 0 1 0 1.5Zm-1.43-.75a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"></path></svg>
--- a/src/lib/icons/issue-opened.svg
+++ b/src/lib/icons/issue-opened.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"></path><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0Z"></path></svg>
--- a/src/lib/icons/people.svg
+++ b/src/lib/icons/people.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M117.25,157.92a60,60,0,1,0-66.5,0A95.83,95.83,0,0,0,3.53,195.63a8,8,0,1,0,13.4,8.74,80,80,0,0,1,134.14,0,8,8,0,0,0,13.4-8.74A95.83,95.83,0,0,0,117.25,157.92ZM40,108a44,44,0,1,1,44,44A44.05,44.05,0,0,1,40,108Zm210.14,98.7a8,8,0,0,1-11.07-2.33A79.83,79.83,0,0,0,172,168a8,8,0,0,1,0-16,44,44,0,1,0-16.34-84.87,8,8,0,1,1-5.94-14.85,60,60,0,0,1,55.53,105.64,95.83,95.83,0,0,1,47.22,37.71A8,8,0,0,1,250.14,206.7Z"></path></svg>
--- a/src/lib/icons/person.svg
+++ b/src/lib/icons/person.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M10.561 8.073a6.005 6.005 0 0 1 3.432 5.142.75.75 0 1 1-1.498.07 4.5 4.5 0 0 0-8.99 0 .75.75 0 0 1-1.498-.07 6.004 6.004 0 0 1 3.431-5.142 3.999 3.999 0 1 1 5.123 0ZM10.5 5a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"></path></svg>
--- a/src/lib/icons/repo-forked.svg
+++ b/src/lib/icons/repo-forked.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"></path></svg>
--- a/src/lib/icons/repo.svg
+++ b/src/lib/icons/repo.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z"></path></svg>
--- a/src/lib/icons/star.svg
+++ b/src/lib/icons/star.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path></svg>
--- a/src/lib/languagecolors.ts
+++ b/src/lib/languagecolors.ts
@ -0,0 +1,591 @@
+// Adapted from go-enry
+// https://github.com/go-enry/go-enry/blob/master/data/colors.go
+
+const languagecolors: { [key: string]: string } = {
+	'1C Enterprise': '#814CCC',
+	'2-Dimensional Array': '#38761D',
+	'4D': '#004289',
+	ABAP: '#E8274B',
+	'ABAP CDS': '#555e25',
+	'AGS Script': '#B9D9FF',
+	AIDL: '#34EB6B',
+	AL: '#3AA2B5',
+	AMPL: '#E6EFBB',
+	ANTLR: '#9DC3FF',
+	'API Blueprint': '#2ACCA8',
+	APL: '#5A8164',
+	'ASP.NET': '#9400ff',
+	ATS: '#1ac620',
+	ActionScript: '#882B0F',
+	Ada: '#02f88c',
+	'Adblock Filter List': '#800000',
+	'Adobe Font Metrics': '#fa0f00',
+	Agda: '#315665',
+	Alloy: '#64C800',
+	'Alpine Abuild': '#0D597F',
+	'Altium Designer': '#A89663',
+	AngelScript: '#C7D7DC',
+	'Ant Build System': '#A9157E',
+	Antlers: '#ff269e',
+	ApacheConf: '#d12127',
+	Apex: '#1797c0',
+	'Apollo Guidance Computer': '#0B3D91',
+	AppleScript: '#101F1F',
+	Arc: '#aa2afe',
+	AsciiDoc: '#73a0c5',
+	AspectJ: '#a957b0',
+	Assembly: '#6E4C13',
+	Astro: '#ff5a03',
+	Asymptote: '#ff0000',
+	Augeas: '#9CC134',
+	AutoHotkey: '#6594b9',
+	AutoIt: '#1C3552',
+	'Avro IDL': '#0040FF',
+	Awk: '#c30e9b',
+	BASIC: '#ff0000',
+	Ballerina: '#FF5000',
+	Batchfile: '#C1F12E',
+	Beef: '#a52f4e',
+	Berry: '#15A13C',
+	BibTeX: '#778899',
+	Bicep: '#519aba',
+	Bikeshed: '#5562ac',
+	Bison: '#6A463F',
+	BitBake: '#00bce4',
+	Blade: '#f7523f',
+	BlitzBasic: '#00FFAE',
+	BlitzMax: '#cd6400',
+	Bluespec: '#12223c',
+	'Bluespec BH': '#12223c',
+	Boo: '#d4bec1',
+	Boogie: '#c80fa0',
+	Brainfuck: '#2F2530',
+	BrighterScript: '#66AABB',
+	Brightscript: '#662D91',
+	Browserslist: '#ffd539',
+	C: '#555555',
+	'C#': '#178600',
+	'C++': '#f34b7d',
+	'CAP CDS': '#0092d1',
+	CLIPS: '#00A300',
+	CMake: '#DA3434',
+	COLLADA: '#F1A42B',
+	CSON: '#244776',
+	CSS: '#563d7c',
+	CSV: '#237346',
+	CUE: '#5886E1',
+	CWeb: '#00007a',
+	'Cabal Config': '#483465',
+	Cadence: '#00ef8b',
+	Cairo: '#ff4a48',
+	CameLIGO: '#3be133',
+	"Cap'n Proto": '#c42727',
+	Ceylon: '#dfa535',
+	Chapel: '#8dc63f',
+	ChucK: '#3f8000',
+	Circom: '#707575',
+	Cirru: '#ccccff',
+	Clarion: '#db901e',
+	Clarity: '#5546ff',
+	'Classic ASP': '#6a40fd',
+	Clean: '#3F85AF',
+	Click: '#E4E6F3',
+	Clojure: '#db5855',
+	'Closure Templates': '#0d948f',
+	'Cloud Firestore Security Rules': '#FFA000',
+	CodeQL: '#140f46',
+	CoffeeScript: '#244776',
+	ColdFusion: '#ed2cd6',
+	'ColdFusion CFC': '#ed2cd6',
+	'Common Lisp': '#3fb68b',
+	'Common Workflow Language': '#B5314C',
+	'Component Pascal': '#B0CE4E',
+	Coq: '#d0b68c',
+	Crystal: '#000100',
+	Csound: '#1a1a1a',
+	'Csound Document': '#1a1a1a',
+	'Csound Score': '#1a1a1a',
+	Cuda: '#3A4E3A',
+	Curry: '#531242',
+	Cypher: '#34c0eb',
+	Cython: '#fedf5b',
+	D: '#ba595e',
+	D2: '#526ee8',
+	DM: '#447265',
+	Dafny: '#FFEC25',
+	'Darcs Patch': '#8eff23',
+	Dart: '#00B4AB',
+	DataWeave: '#003a52',
+	'Debian Package Control File': '#D70751',
+	DenizenScript: '#FBEE96',
+	Dhall: '#dfafff',
+	'DirectX 3D File': '#aace60',
+	Dockerfile: '#384d54',
+	Dogescript: '#cca760',
+	Dotenv: '#e5d559',
+	Dylan: '#6c616e',
+	E: '#ccce35',
+	ECL: '#8a1267',
+	ECLiPSe: '#001d9d',
+	EJS: '#a91e50',
+	EQ: '#a78649',
+	Earthly: '#2af0ff',
+	Easybuild: '#069406',
+	'Ecere Projects': '#913960',
+	Ecmarkup: '#eb8131',
+	Edge: '#0dffe0',
+	EdgeQL: '#31A7FF',
+	EditorConfig: '#fff1f2',
+	Eiffel: '#4d6977',
+	Elixir: '#6e4a7e',
+	Elm: '#60B5CC',
+	Elvish: '#55BB55',
+	'Elvish Transcript': '#55BB55',
+	'Emacs Lisp': '#c065db',
+	EmberScript: '#FFF4F3',
+	Erlang: '#B83998',
+	Euphoria: '#FF790B',
+	'F#': '#b845fc',
+	'F*': '#572e30',
+	'FIGlet Font': '#FFDDBB',
+	FLUX: '#88ccff',
+	Factor: '#636746',
+	Fancy: '#7b9db4',
+	Fantom: '#14253c',
+	Faust: '#c37240',
+	Fennel: '#fff3d7',
+	'Filebench WML': '#F6B900',
+	Fluent: '#ffcc33',
+	Forth: '#341708',
+	Fortran: '#4d41b1',
+	'Fortran Free Form': '#4d41b1',
+	FreeBasic: '#141AC9',
+	FreeMarker: '#0050b2',
+	Frege: '#00cafe',
+	Futhark: '#5f021f',
+	'G-code': '#D08CF2',
+	GAML: '#FFC766',
+	GAMS: '#f49a22',
+	GAP: '#0000cc',
+	'GCC Machine Description': '#FFCFAB',
+	GDScript: '#355570',
+	GEDCOM: '#003058',
+	GLSL: '#5686a5',
+	GSC: '#FF6800',
+	'Game Maker Language': '#71b417',
+	'Gemfile.lock': '#701516',
+	Gemini: '#ff6900',
+	'Genero 4gl': '#63408e',
+	'Genero per': '#d8df39',
+	Genie: '#fb855d',
+	Genshi: '#951531',
+	'Gentoo Ebuild': '#9400ff',
+	'Gentoo Eclass': '#9400ff',
+	'Gerber Image': '#d20b00',
+	Gherkin: '#5B2063',
+	'Git Attributes': '#F44D27',
+	'Git Config': '#F44D27',
+	'Git Revision List': '#F44D27',
+	Gleam: '#ffaff3',
+	'Glimmer JS': '#F5835F',
+	'Glimmer TS': '#3178c6',
+	Glyph: '#c1ac7f',
+	Gnuplot: '#f0a9f0',
+	Go: '#00ADD8',
+	'Go Checksums': '#00ADD8',
+	'Go Module': '#00ADD8',
+	'Go Workspace': '#00ADD8',
+	'Godot Resource': '#355570',
+	Golo: '#88562A',
+	Gosu: '#82937f',
+	Grace: '#615f8b',
+	Gradle: '#02303a',
+	'Gradle Kotlin DSL': '#02303a',
+	'Grammatical Framework': '#ff0000',
+	GraphQL: '#e10098',
+	'Graphviz (DOT)': '#2596be',
+	Groovy: '#4298b8',
+	'Groovy Server Pages': '#4298b8',
+	HAProxy: '#106da9',
+	HCL: '#844FBA',
+	HLSL: '#aace60',
+	HOCON: '#9ff8ee',
+	HTML: '#e34c26',
+	'HTML+ECR': '#2e1052',
+	'HTML+EEX': '#6e4a7e',
+	'HTML+ERB': '#701516',
+	'HTML+PHP': '#4f5d95',
+	'HTML+Razor': '#512be4',
+	HTTP: '#005C9C',
+	HXML: '#f68712',
+	Hack: '#878787',
+	Haml: '#ece2a9',
+	Handlebars: '#f7931e',
+	Harbour: '#0e60e3',
+	Haskell: '#5e5086',
+	Haxe: '#df7900',
+	HiveQL: '#dce200',
+	HolyC: '#ffefaf',
+	'Hosts File': '#308888',
+	Hy: '#7790B2',
+	IDL: '#a3522f',
+	'IGOR Pro': '#0000cc',
+	INI: '#d1dbe0',
+	Idris: '#b30000',
+	'Ignore List': '#000000',
+	'ImageJ Macro': '#99AAFF',
+	Imba: '#16cec6',
+	'Inno Setup': '#264b99',
+	Io: '#a9188d',
+	Ioke: '#078193',
+	Isabelle: '#FEFE00',
+	'Isabelle ROOT': '#FEFE00',
+	J: '#9EEDFF',
+	'JAR Manifest': '#b07219',
+	JCL: '#d90e09',
+	JFlex: '#DBCA00',
+	JSON: '#292929',
+	'JSON with Comments': '#292929',
+	JSON5: '#267CB9',
+	JSONLD: '#0c479c',
+	JSONiq: '#40d47e',
+	Janet: '#0886a5',
+	Jasmin: '#d03600',
+	Java: '#b07219',
+	'Java Properties': '#2A6277',
+	'Java Server Pages': '#2A6277',
+	JavaScript: '#f1e05a',
+	'JavaScript+ERB': '#f1e05a',
+	'Jest Snapshot': '#15c213',
+	'JetBrains MPS': '#21D789',
+	Jinja: '#a52a22',
+	Jison: '#56b3cb',
+	'Jison Lex': '#56b3cb',
+	Jolie: '#843179',
+	Jsonnet: '#0064bd',
+	Julia: '#a270ba',
+	'Jupyter Notebook': '#DA5B0B',
+	Just: '#384d54',
+	KRL: '#28430A',
+	'Kaitai Struct': '#773b37',
+	KakouneScript: '#6f8042',
+	KerboScript: '#41adf0',
+	'KiCad Layout': '#2f4aab',
+	'KiCad Legacy Layout': '#2f4aab',
+	'KiCad Schematic': '#2f4aab',
+	Kotlin: '#A97BFF',
+	LFE: '#4C3023',
+	LLVM: '#185619',
+	LOLCODE: '#cc9900',
+	LSL: '#3d9970',
+	LabVIEW: '#fede06',
+	Lark: '#2980B9',
+	Lasso: '#999999',
+	Latte: '#f2a542',
+	Less: '#1d365d',
+	Lex: '#DBCA00',
+	LigoLANG: '#0e74ff',
+	LilyPond: '#9ccc7c',
+	Liquid: '#67b8de',
+	'Literate Agda': '#315665',
+	'Literate CoffeeScript': '#244776',
+	'Literate Haskell': '#5e5086',
+	LiveScript: '#499886',
+	Logtalk: '#295b9a',
+	LookML: '#652B81',
+	Lua: '#000080',
+	MATLAB: '#e16737',
+	MAXScript: '#00a6a6',
+	MDX: '#fcb32c',
+	MLIR: '#5EC8DB',
+	MQL4: '#62A8D6',
+	MQL5: '#4A76B8',
+	MTML: '#b7e1f4',
+	Macaulay2: '#d8ffff',
+	Makefile: '#427819',
+	Mako: '#7e858d',
+	Markdown: '#083fa1',
+	Marko: '#42bff2',
+	Mask: '#f97732',
+	Mathematica: '#dd1100',
+	Max: '#c4a79c',
+	Mercury: '#ff2b2b',
+	Mermaid: '#ff3670',
+	Meson: '#007800',
+	Metal: '#8f14e9',
+	MiniYAML: '#ff1111',
+	Mint: '#02b046',
+	Mirah: '#c7a938',
+	Modelica: '#de1d31',
+	'Modula-2': '#10253f',
+	'Modula-3': '#223388',
+	Mojo: '#ff4c1f',
+	'Monkey C': '#8D6747',
+	MoonScript: '#ff4585',
+	Motoko: '#fbb03b',
+	'Motorola 68K Assembly': '#005daa',
+	Move: '#4a137a',
+	Mustache: '#724b3b',
+	NCL: '#28431f',
+	'NPM Config': '#cb3837',
+	NWScript: '#111522',
+	Nasal: '#1d2c4e',
+	Nearley: '#990000',
+	Nemerle: '#3d3c6e',
+	NetLinx: '#0aa0ff',
+	'NetLinx+ERB': '#747faa',
+	NetLogo: '#ff6375',
+	NewLisp: '#87AED7',
+	Nextflow: '#3ac486',
+	Nginx: '#009639',
+	Nim: '#ffc200',
+	Nit: '#009917',
+	Nix: '#7e7eff',
+	Nu: '#c9df40',
+	NumPy: '#9C8AF9',
+	Nunjucks: '#3d8137',
+	Nushell: '#4E9906',
+	'OASv2-json': '#85ea2d',
+	'OASv2-yaml': '#85ea2d',
+	'OASv3-json': '#85ea2d',
+	'OASv3-yaml': '#85ea2d',
+	OCaml: '#ef7a08',
+	ObjectScript: '#424893',
+	'Objective-C': '#438eff',
+	'Objective-C++': '#6866fb',
+	'Objective-J': '#ff0c5a',
+	Odin: '#60AFFE',
+	Omgrofl: '#cabbff',
+	Opal: '#f7ede0',
+	'Open Policy Agent': '#7d9199',
+	'OpenAPI Specification v2': '#85ea2d',
+	'OpenAPI Specification v3': '#85ea2d',
+	OpenCL: '#ed2e2d',
+	'OpenEdge ABL': '#5ce600',
+	OpenQASM: '#AA70FF',
+	OpenSCAD: '#e5cd45',
+	'Option List': '#476732',
+	Org: '#77aa99',
+	Oxygene: '#cdd0e3',
+	Oz: '#fab738',
+	P4: '#7055b5',
+	PDDL: '#0d00ff',
+	'PEG.js': '#234d6b',
+	PHP: '#4F5D95',
+	PLSQL: '#dad8d8',
+	PLpgSQL: '#336790',
+	'POV-Ray SDL': '#6bac65',
+	Pact: '#F7A8B8',
+	Pan: '#cc0000',
+	Papyrus: '#6600cc',
+	Parrot: '#f3ca0a',
+	Pascal: '#E3F171',
+	Pawn: '#dbb284',
+	Pep8: '#C76F5B',
+	Perl: '#0298c3',
+	PicoLisp: '#6067af',
+	PigLatin: '#fcd7de',
+	Pike: '#005390',
+	'Pip Requirements': '#FFD343',
+	PlantUML: '#fbbd16',
+	PogoScript: '#d80074',
+	Polar: '#ae81ff',
+	Portugol: '#f8bd00',
+	PostCSS: '#dc3a0c',
+	PostScript: '#da291c',
+	PowerBuilder: '#8f0f8d',
+	PowerShell: '#012456',
+	Praat: '#c8506d',
+	Prisma: '#0c344b',
+	Processing: '#0096D8',
+	Procfile: '#3B2F63',
+	Prolog: '#74283c',
+	Promela: '#de0000',
+	'Propeller Spin': '#7fa2a7',
+	Pug: '#a86454',
+	Puppet: '#302B6D',
+	PureBasic: '#5a6986',
+	PureScript: '#1D222D',
+	Pyret: '#ee1e10',
+	Python: '#3572A5',
+	'Python console': '#3572A5',
+	'Python traceback': '#3572A5',
+	'Q#': '#fed659',
+	QML: '#44a51c',
+	'Qt Script': '#00b841',
+	Quake: '#882233',
+	R: '#198CE7',
+	RAML: '#77d9fb',
+	RBS: '#701516',
+	RDoc: '#701516',
+	REXX: '#d90e09',
+	RMarkdown: '#198ce7',
+	RPGLE: '#2BDE21',
+	RUNOFF: '#665a4e',
+	Racket: '#3c5caa',
+	Ragel: '#9d5200',
+	Raku: '#0000fb',
+	Rascal: '#fffaa0',
+	ReScript: '#ed5051',
+	Reason: '#ff5847',
+	ReasonLIGO: '#ff5847',
+	Rebol: '#358a5b',
+	'Record Jar': '#0673ba',
+	Red: '#f50000',
+	'Regular Expression': '#009a00',
+	"Ren'Py": '#ff7f7f',
+	Rez: '#FFDAB3',
+	Ring: '#2D54CB',
+	Riot: '#A71E49',
+	RobotFramework: '#00c0b5',
+	Roc: '#7c38f5',
+	Roff: '#ecdebe',
+	'Roff Manpage': '#ecdebe',
+	Rouge: '#cc0088',
+	'RouterOS Script': '#DE3941',
+	Ruby: '#701516',
+	Rust: '#dea584',
+	SAS: '#B34936',
+	SCSS: '#c6538c',
+	SPARQL: '#0C4597',
+	SQF: '#3F3F3F',
+	SQL: '#e38c00',
+	SQLPL: '#e38c00',
+	'SRecode Template': '#348a34',
+	STL: '#373b5e',
+	SVG: '#ff9900',
+	SaltStack: '#646464',
+	Sass: '#a53b70',
+	Scala: '#c22d40',
+	Scaml: '#bd181a',
+	Scenic: '#fdc700',
+	Scheme: '#1e4aec',
+	Scilab: '#ca0f21',
+	Self: '#0579aa',
+	ShaderLab: '#222c37',
+	Shell: '#89e051',
+	'ShellCheck Config': '#cecfcb',
+	Shen: '#120F14',
+	'Simple File Verification': '#C9BFED',
+	Singularity: '#64E6AD',
+	Slash: '#007eff',
+	Slice: '#003fa2',
+	Slim: '#2b2b2b',
+	Slint: '#2379F4',
+	SmPL: '#c94949',
+	Smalltalk: '#596706',
+	Smarty: '#f0c040',
+	Smithy: '#c44536',
+	Snakemake: '#419179',
+	Solidity: '#AA6746',
+	SourcePawn: '#f69e1d',
+	Squirrel: '#800000',
+	Stan: '#b2011d',
+	'Standard ML': '#dc566d',
+	Starlark: '#76d275',
+	Stata: '#1a5f91',
+	StringTemplate: '#3fb34f',
+	Stylus: '#ff6347',
+	'SubRip Text': '#9e0101',
+	SugarSS: '#2fcc9f',
+	SuperCollider: '#46390b',
+	Svelte: '#ff3e00',
+	Sway: '#00F58C',
+	Sweave: '#198ce7',
+	Swift: '#F05138',
+	SystemVerilog: '#DAE1C2',
+	'TI Program': '#A0AA87',
+	'TL-Verilog': '#C40023',
+	TLA: '#4b0079',
+	TOML: '#9c4221',
+	TSQL: '#e38c00',
+	TSV: '#237346',
+	TSX: '#3178c6',
+	TXL: '#0178b8',
+	Talon: '#333333',
+	Tcl: '#e4cc98',
+	TeX: '#3D6117',
+	Terra: '#00004c',
+	'Terraform Template': '#7b42bb',
+	TextGrid: '#c8506d',
+	'TextMate Properties': '#df66e4',
+	Textile: '#ffe7ac',
+	Thrift: '#D12127',
+	Toit: '#c2c9fb',
+	Turing: '#cf142b',
+	Twig: '#c1d026',
+	TypeScript: '#3178c6',
+	Typst: '#239dad',
+	'Unified Parallel C': '#4e3617',
+	'Unity3D Asset': '#222c37',
+	Uno: '#9933cc',
+	UnrealScript: '#a54c4d',
+	UrWeb: '#ccccee',
+	V: '#4f87c4',
+	VBA: '#867db1',
+	VBScript: '#15dcdc',
+	VCL: '#148AA8',
+	VHDL: '#adb2cb',
+	Vala: '#a56de2',
+	'Valve Data Format': '#f26025',
+	'Velocity Template Language': '#507cff',
+	Verilog: '#b2b7f8',
+	'Vim Help File': '#199f4b',
+	'Vim Script': '#199f4b',
+	'Vim Snippet': '#199f4b',
+	'Visual Basic .NET': '#945db7',
+	'Visual Basic 6.0': '#2c6353',
+	Volt: '#1F1F1F',
+	Vue: '#41b883',
+	Vyper: '#2980b9',
+	WDL: '#42f1f4',
+	WGSL: '#1a5e9a',
+	'Web Ontology Language': '#5b70bd',
+	WebAssembly: '#04133b',
+	'WebAssembly Interface Type': '#6250e7',
+	Whiley: '#d5c397',
+	Wikitext: '#fc5757',
+	'Windows Registry Entries': '#52d5ff',
+	'Witcher Script': '#ff0000',
+	Wollok: '#a23738',
+	'World of Warcraft Addon Data': '#f7e43f',
+	Wren: '#383838',
+	X10: '#4B6BEF',
+	XC: '#99DA07',
+	XML: '#0060ac',
+	'XML Property List': '#0060ac',
+	XQuery: '#5232e7',
+	XSLT: '#EB8CEB',
+	Xojo: '#81bd41',
+	Xonsh: '#285EEF',
+	Xtend: '#24255d',
+	YAML: '#cb171e',
+	YARA: '#220000',
+	YASnippet: '#32AB90',
+	Yacc: '#4B6C4B',
+	Yul: '#794932',
+	ZAP: '#0d665e',
+	ZIL: '#dc75e5',
+	ZenScript: '#00BCD1',
+	Zephir: '#118f9e',
+	Zig: '#ec915c',
+	Zimpl: '#d67711',
+	eC: '#913960',
+	fish: '#4aae47',
+	hoon: '#00b171',
+	jq: '#c7254e',
+	kvlang: '#1da6e0',
+	'mIRC Script': '#3d57c3',
+	mcfunction: '#E22837',
+	mupad: '#244963',
+	nanorc: '#2d004d',
+	nesC: '#94B0C7',
+	ooc: '#b0b77e',
+	q: '#0040cd',
+	reStructuredText: '#141414',
+	sed: '#64b970',
+	wisp: '#7582D1',
+	xBase: '#403a40'
+}
+
+export { languagecolors as default }
--- a/src/lib/server/render.ts
+++ b/src/lib/server/render.ts
@ -0,0 +1,75 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+import puppeteer from 'puppeteer'
+const BASE_URL = process.env.BASE_URL || 'https://git.nin0.dev'
+
+const browser = await puppeteer.launch({
+	defaultViewport: {
+		width: 1200,
+		height: 600
+	},
+	headless: true,
+	// slowMo: 250,
+	args: [
+		// TODO: fix this
+		'--disable-gpu',
+		'--disable-dev-shm-usage',
+		'--disable-setuid-sandbox',
+		'--no-sandbox'
+	]
+})
+
+async function wait() {
+	// eslint-disable-next-line no-undef
+	const selectors = [...document.querySelectorAll('img')]
+	await Promise.all([
+		// eslint-disable-next-line no-undef
+		document.fonts.ready,
+		...selectors.map(img => {
+			// Image has already finished loading, let’s see if it worked
+			if (img.complete) {
+				// Image loaded and has presence
+				if (img.naturalHeight !== 0) return
+				// Image failed, so it has no height
+				throw new Error('Image failed to load')
+			}
+			// Image hasn’t loaded yet, added an event listener to know when it does
+			return new Promise((resolve, reject) => {
+				img.addEventListener('load', resolve)
+				img.addEventListener('error', reject)
+			})
+		})
+	])
+}
+
+export async function renderPage(html: string) {
+	const page = await browser.newPage()
+	try {
+		await page.setContent(html, {
+			waitUntil: 'domcontentloaded'
+		})
+		await page.evaluate(wait)
+		const buffer = await page.screenshot({
+			type: 'png',
+			encoding: 'binary'
+		})
+		page.close()
+		return buffer
+	} catch {
+		await page.close()
+		throw new Error('Failed to render page')
+	}
+}
+
+export default async function (
+	html: string,
+	options: { format?: 'html' } = {}
+) {
+	const fullHtml = `<link rel="stylesheet" href="${BASE_URL}/assets/style.css">
+		<link rel="stylesheet" href="${BASE_URL}/assets/DMSans/style.css">
+		${html}`
+	if (options.format == 'html') {
+		return fullHtml
+	}
+	return await renderPage(fullHtml)
+}
--- a/src/lib/types/forgejo.ts
+++ b/src/lib/types/forgejo.ts
@ -0,0 +1,123 @@
+export interface Repository {
+	id: number
+	owner: Owner
+	name: string
+	full_name: string
+	description: string
+	empty: boolean
+	private: boolean
+	fork: boolean
+	template: boolean
+	parent: unknown
+	mirror: boolean
+	size: number
+	language: string
+	languages_url: string
+	html_url: string
+	url: string
+	link: string
+	ssh_url: string
+	clone_url: string
+	original_url: string
+	website: string
+	stars_count: number
+	forks_count: number
+	watchers_count: number
+	open_issues_count: number
+	open_pr_counter: number
+	release_counter: number
+	default_branch: string
+	archived: boolean
+	created_at: string
+	updated_at: string
+	archived_at: string
+	permissions: Permissions
+	has_issues: boolean
+	internal_tracker: unknown
+	has_wiki: boolean
+	wiki_branch: string
+	globally_editable_wiki: boolean
+	has_pull_requests: boolean
+	has_projects: boolean
+	has_releases: boolean
+	has_packages: boolean
+	has_actions: boolean
+	ignore_whitespace_conflicts: boolean
+	allow_merge_commits: boolean
+	allow_rebase: boolean
+	allow_rebase_explicit: boolean
+	allow_squash_merge: boolean
+	allow_fast_forward_only_merge: boolean
+	allow_rebase_update: boolean
+	default_delete_branch_after_merge: boolean
+	default_merge_style: string
+	default_allow_maintainer_edit: boolean
+	avatar_url: string
+	internal: boolean
+	mirror_interval: string
+	object_format_name: string
+	mirror_updated: string
+	repo_transfer: unknown
+}
+
+export interface Owner {
+	id: number
+	login: string
+	login_name: string
+	repos_count?: number
+	source_id: number
+	full_name: string
+	email: string
+	avatar_url: string
+	language: string
+	is_admin: boolean
+	last_login: string
+	created: string
+	restricted: boolean
+	active: boolean
+	prohibit_login: boolean
+	location: string
+	pronouns: string
+	website: string
+	description: string
+	visibility: string
+	followers_count: number
+	following_count: number
+	starred_repos_count: number
+	username: string
+}
+
+export interface Commit {
+	url: string
+	author: Author
+	committer: Committer
+	message: string
+	tree: Tree
+	verification: Verification
+}
+
+interface Author {
+	name: string
+	email: string
+	date: string
+}
+
+interface Committer {
+	name: string
+	email: string
+	date: string
+}
+
+interface Tree {
+	url: string
+	sha: string
+	created: string
+}
+
+interface Verification {
+	verified: boolean
+	reason: string
+	signature: string
+	signer: unknown
+	payload: string
+}
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@ -0,0 +1,81 @@
+<script lang="ts">
+	import '../app.pcss'
+	import Languages from '$lib/components/Languages.svelte'
+	import { dev } from '$app/environment'
+	import { page } from '$app/stores'
+	import { onMount } from 'svelte'
+	import StatsBar from '$lib/components/StatsBar.svelte'
+	import Actor from '$lib/components/Actor.svelte'
+
+	function onResize() {
+		scale = Math.min(window.innerWidth / 1200, 1)
+	}
+	let scale = 1
+	if (dev) {
+		onMount(() => {
+			onResize()
+			window.addEventListener('resize', onResize)
+			return () => {
+				window.removeEventListener('resize', onResize)
+			}
+		})
+	}
+</script>
+
+<div class="wrapper" class:dev style="scale: {scale}">
+	<div class="body">
+		<div class="content">
+			<slot />
+		</div>
+		<div class="icon">
+			<img class="avatar" aria-hidden="true" src={$page.data.icon} alt="" />
+		</div>
+	</div>
+	{#if $page.data.commit || $page.data.author}
+		<Actor
+			sha={$page.data.sha}
+			author={$page.data.author}
+			created_at={$page.data.created_at}
+		/>
+	{:else if $page.data.owner || $page.data.repo}
+		<StatsBar owner={$page.data.owner} repo={$page.data.repo} />
+	{/if}
+	{#if $page.data.languages}
+		<Languages languages={$page.data.languages} />
+	{/if}
+</div>
+
+<style lang="postcss">
+	.wrapper.dev {
+		width: 1200px;
+		height: 600px;
+		transform-origin: left;
+		overflow: hidden;
+	}
+	.wrapper {
+		width: 100%;
+		height: 100%;
+		position: relative;
+		background-color: #11111b;
+		display: grid;
+		grid-template-rows: 1fr min-content 1.5rem;
+	}
+	.body {
+		display: grid;
+		grid-template-columns: 1fr 12rem;
+		gap: 4rem;
+		padding: 2rem 5rem;
+		padding-block-start: 4.5rem;
+		min-width: 0;
+	}
+	.content {
+		display: flex;
+		gap: 2.25rem;
+		flex-direction: column;
+		min-width: 0;
+	}
+	.avatar {
+		width: 12rem;
+		border-radius: 2rem;
+	}
+</style>
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@ -0,0 +1,3 @@
+import { dev } from '$app/environment'
+
+export const csr = dev
--- a/src/routes/[owner]/+page.server.ts
+++ b/src/routes/[owner]/+page.server.ts
@ -0,0 +1,17 @@
+import type { Owner } from '$lib/types/forgejo.js'
+
+export async function load({ params }) {
+	const [owner, reposCount] = await Promise.all([
+		fetch(
+			`https://git.nin0.dev/api/v1/users/${encodeURIComponent(params.owner)}`
+		).then(response => response.json()) as Promise<Owner>,
+		fetch(
+			`https://git.nin0.dev/api/v1/users/${encodeURIComponent(params.owner)}/repos`
+		).then(response => response.headers.get('x-total-count')) as Promise<string>
+	])
+	owner.repos_count = parseInt(reposCount)
+	return {
+		owner,
+		icon: owner.avatar_url
+	}
+}
--- a/src/routes/[owner]/+page.svelte
+++ b/src/routes/[owner]/+page.svelte
@ -0,0 +1,46 @@
+<script lang="ts">
+	import DOMPurify from 'isomorphic-dompurify'
+
+	$: description = DOMPurify.sanitize(data.owner.description, {
+		ALLOWED_TAGS: []
+	}).split('\n---')[0]
+
+	export let data
+</script>
+
+<div class="heading">
+	{#if data.owner.full_name && data.owner.full_name != data.owner.login}
+		<span class="username">{data.owner.login}</span>
+		<br /><span class="name">{data.owner.full_name}</span>
+	{:else}
+		<span class="name">{data.owner.login}</span>
+	{/if}
+</div>
+<div class="description">{description}</div>
+
+<style lang="postcss">
+	.heading {
+		font-size: 1.75rem;
+		font-weight: 400;
+		line-height: 1.125;
+	}
+	.heading .username {
+		color: var(--muted-clr);
+	}
+	.heading .name {
+		font-size: 5rem;
+		font-weight: 600;
+	}
+	.description {
+		color: var(--muted-clr);
+
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		text-overflow: ellipsis;
+
+		font-size: 2rem;
+		line-height: 1.5;
+	}
+</style>
--- a/src/routes/[owner]/[repo]/+page.server.ts
+++ b/src/routes/[owner]/[repo]/+page.server.ts
@ -0,0 +1,15 @@
+import getLanguages from '$lib/getLanguages.js'
+
+export async function load({ params }) {
+	const [repo, languages] = await Promise.all([
+		fetch(
+			`https://git.nin0.dev/api/v1/repos/${encodeURIComponent(params.owner)}/${encodeURIComponent(params.repo)}`
+		).then(response => response.json()),
+		getLanguages(params.owner, params.repo)
+	])
+	return {
+		icon: repo.avatar_url || repo.owner.avatar_url,
+		repo,
+		languages
+	}
+}
--- a/src/routes/[owner]/[repo]/+page.svelte
+++ b/src/routes/[owner]/[repo]/+page.svelte
@ -0,0 +1,25 @@
+<script lang="ts">
+	export let data
+</script>
+
+<div class="heading">
+	<span class="owner">{data.repo.owner.login}</span>/<wbr /><span class="name"
+		>{data.repo.name}</span
+	>
+</div>
+<div class="description">{data.repo.description}</div>
+
+<style lang="postcss">
+	.heading {
+		font-size: 5rem;
+		font-weight: 400;
+		line-height: 1.125;
+	}
+	.heading .name {
+		font-weight: 600;
+	}
+	.description {
+		color: var(--muted-clr);
+		font-size: 2rem;
+	}
+</style>
--- a/src/routes/[owner]/[repo]/[type]/[num]/+page.server.ts
+++ b/src/routes/[owner]/[repo]/[type]/[num]/+page.server.ts
@ -0,0 +1,54 @@
+import getLanguages from '$lib/getLanguages.js'
+import { error } from '@sveltejs/kit'
+
+export async function load({ params }) {
+	let type = params.type
+	if (!type.endsWith('s')) type += 's'
+	if (params.type != 'issues' && params.type != 'pulls') {
+		throw error(404, 'Invalid type')
+	}
+
+	const [issue, languages] = await Promise.all([
+		fetch(
+			`https://git.nin0.dev/api/v1/repos/${encodeURIComponent(params.owner)}/${encodeURIComponent(params.repo)}/issues/${encodeURIComponent(params.num)}`
+		).then(response => response.json()),
+		getLanguages(params.owner, params.repo)
+	])
+	const { user } = issue
+
+	let commits
+	if (issue.pull_request)
+		commits = await fetch(
+			`https://git.nin0.dev/api/v1/repos/${encodeURIComponent(params.owner)}/${encodeURIComponent(params.repo)}/pulls/${encodeURIComponent(params.num)}/commits`
+		).then(response => response.json())
+
+	let stats
+	const files = new Set()
+	if (commits) {
+		stats ??= { total: 0, additions: 0, deletions: 0, files: 0 }
+		for (const commit of commits) {
+			stats.total += commit.stats.total
+			stats.additions += commit.stats.additions
+			stats.deletions += commit.stats.deletions
+			for (const file of commit.files) {
+				files.add(file.filename)
+			}
+		}
+		stats.files = files.size
+	}
+
+	return {
+		repo: {
+			owner: {
+				login: params.owner
+			},
+			name: params.repo
+		},
+		created_at: new Date(issue.created_at),
+		issue,
+		stats,
+		author: user,
+		icon: user.avatar_url,
+		languages
+	}
+}
--- a/src/routes/[owner]/[repo]/[type]/[num]/+page.svelte
+++ b/src/routes/[owner]/[repo]/[type]/[num]/+page.svelte
@ -0,0 +1,45 @@
+<script lang="ts">
+	import DiffStats from '$lib/components/DiffStats.svelte'
+	export let data
+</script>
+
+<div class="condensed">
+	<div class="repo">
+		<span class="owner">{data.repo.owner.login}</span>/<wbr /><span class="name"
+			>{data.repo.name}</span
+		>
+	</div>
+	<div class="message">
+		#{data.issue.number} <span class="title">{data.issue.title}</span>
+	</div>
+</div>
+{#if data.stats}
+	<DiffStats pull={data.issue} stats={data.stats} />
+{/if}
+
+<style lang="postcss">
+	.condensed {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+	}
+	.repo {
+		color: var(--muted-clr);
+		font-size: 1.75rem;
+	}
+	.message {
+		color: var(--muted-clr);
+		font-size: 4rem;
+		line-height: 1.25;
+
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-line-clamp: 3;
+		-webkit-box-orient: vertical;
+		text-overflow: ellipsis;
+	}
+	.message .title {
+		color: var(--fg-clr);
+		font-weight: 600;
+	}
+</style>
--- a/src/routes/[owner]/[repo]/commit/[sha]/+page.server.ts
+++ b/src/routes/[owner]/[repo]/commit/[sha]/+page.server.ts
@ -0,0 +1,42 @@
+import languagecolors from '$lib/languagecolors.js'
+
+function prepareLanguageResults(languages: { [key: string]: number }) {
+	let sum = 0
+	const values = Object.values(languages)
+	for (const value of values) {
+		sum += value
+	}
+	return Object.keys(languages).map(language => {
+		return {
+			color: languagecolors[language],
+			percentage: (languages[language] / sum) * 100
+		}
+	})
+}
+
+export async function load({ params }) {
+	const [commitResponse, languages] = await Promise.all([
+		fetch(
+			`https://git.nin0.dev/api/v1/repos/${encodeURIComponent(params.owner)}/${encodeURIComponent(params.repo)}/git/commits/${encodeURIComponent(params.sha)}`
+		).then(response => response.json()),
+		fetch(
+			`https://git.nin0.dev/api/v1/repos/${encodeURIComponent(params.owner)}/${encodeURIComponent(params.repo)}/languages`
+		).then(response => response.json())
+	])
+	const { commit, author, stats } = commitResponse
+	return {
+		repo: {
+			owner: {
+				login: params.owner
+			},
+			name: params.repo
+		},
+		created_at: new Date(commit.committer.date),
+		icon: author.avatar_url,
+		commit,
+		sha: params.sha,
+		author,
+		stats,
+		languages: prepareLanguageResults(languages)
+	}
+}
--- a/src/routes/[owner]/[repo]/commit/[sha]/+page.svelte
+++ b/src/routes/[owner]/[repo]/commit/[sha]/+page.svelte
@ -0,0 +1,37 @@
+<script lang="ts">
+	import DiffStats from '$lib/components/DiffStats.svelte'
+	export let data
+</script>
+
+<div class="condensed">
+	<div class="repo">
+		<span class="owner">{data.repo.owner.login}</span>/<wbr /><span class="name"
+			>{data.repo.name}</span
+		>
+	</div>
+	<div class="message">{data.commit.message}</div>
+</div>
+<DiffStats stats={data.stats} />
+
+<style lang="postcss">
+	.condensed {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+	}
+	.repo {
+		color: var(--muted-clr);
+		font-size: 1.75rem;
+	}
+	.message {
+		font-size: 4rem;
+		font-weight: 600;
+		line-height: 1.25;
+
+		overflow: hidden;
+		display: -webkit-box;
+		-webkit-line-clamp: 3;
+		-webkit-box-orient: vertical;
+		text-overflow: ellipsis;
+	}
+</style>
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/svelte.config.js
+++ b/svelte.config.js
@ -0,0 +1,16 @@
+import adapter from '@sveltejs/adapter-node'
+import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
+	// for more information about preprocessors
+	preprocess: vitePreprocess(),
+
+	kit: {
+		adapter: adapter(),
+		inlineStyleThreshold: Number.POSITIVE_INFINITY
+	}
+}
+
+export default config
--- a/tsconfig.json
+++ b/tsconfig.json
@ -0,0 +1,19 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"moduleResolution": "bundler"
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	// except $lib which is handled by https://kit.svelte.dev/docs/configuration#files
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}
--- a/vite.config.ts
+++ b/vite.config.ts
@ -0,0 +1,25 @@
+import { sveltekit } from '@sveltejs/kit/vite'
+import { defineConfig } from 'vite'
+import svelteSVG from '@hazycora/vite-plugin-svelte-svg'
+
+export default defineConfig({
+	plugins: [
+		svelteSVG({
+			svgoConfig: {
+				plugins: [
+					{
+						name: 'preset-default',
+						params: {
+							overrides: {
+								removeViewBox: false,
+								cleanupIds: false
+							}
+						}
+					}
+				]
+			},
+			requireSuffix: true
+		}),
+		sveltekit()
+	]
+})
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M1.75 1h8.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 10.25 10H7.061l-2.574 2.573A1.458 1.458 0 0 1 2 11.543V10h-.25A1.75 1.75 0 0 1 0 8.25v-5.5C0 1.784.784 1 1.75 1ZM1.5 2.75v5.5c0 .138.112.25.25.25h1a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13 2a.25.25 0 0 0-.25-.25h-.5a.75.75 0 0 1 0-1.5h.5c.966 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 12H14v1.543a1.458 1.458 0 0 1-2.487 1.03L9.22 12.28a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215l2.22 2.22v-2.19a.75.75 0 0 1 .75-.75h1a.25.25 0 0 0 .25-.25Z"></path></svg>
				`@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M11.93 8.5a4.002 4.002 0 0 1-7.86 0H.75a.75.75 0 0 1 0-1.5h3.32a4.002 4.002 0 0 1 7.86 0h3.32a.75.75 0 0 1 0 1.5Zm-1.43-.75a2.5 2.5 0 1 0-5 0 2.5 2.5 0 0 0 5 0Z"></path></svg>`