things

2025-05-13 12:15:15 +00:00 · 2024-08-24 23:33:06 +03:00 · 2024-08-24 23:33:06 +03:00 · b393298930
commit b393298930
42 changed files with 822 additions and 0 deletions
--- a/.ssgenignore
+++ b/.ssgenignore
@ -0,0 +1 @@
+includes
--- a/main.py
+++ b/main.py
@ -0,0 +1,79 @@
+import os
+import shutil
+import pathlib
+from datetime import datetime
+from jinja2 import Environment, FileSystemLoader
+
+env = Environment(loader=FileSystemLoader("src"))
+env.globals['now'] = datetime.now
+env.filters['datetime'] = lambda u: datetime.strptime(u, '%Y-%m-%d')
+
+
+
+def is_jinja(filename):
+    split_tup = os.path.splitext(filename)
+    return split_tup[1] == ".jinja"
+
+def is_ignored(filename):
+    for i in ignored_files:
+        if filename == i:
+            return True
+    return False
+
+
+def filerun(filename,folder):
+    if is_ignored(filename):
+        return
+    if is_jinja(filename):
+        template = env.get_template(filename)
+        output = template.render()
+        output2 = output.render()
+        split_tup = os.path.splitext(filename)
+        pathlib.Path(folder.replace("src","www")).mkdir(parents=True, exist_ok=True)
+        print(os.path.join(folder.replace("src","www"),split_tup[0]))
+        with open(os.path.join(folder.replace("src","www"),split_tup[0]),"w") as f:
+            f.write(output2)
+    else:
+        pathlib.Path(folder.replace("src","www")).mkdir(parents=True, exist_ok=True)
+        shutil.copy2(os.path.join(folder,filename), os.path.join(folder.replace("src","www"),filename))
+
+
+def do_folder(folder):
+    f = []
+    for (dirpath, dirnames, filenames) in os.walk(folder):
+        f.extend(filenames)
+        break
+    
+    print(f)
+    print(dirnames)
+    
+    for file in f:
+        filerun(file,folder)
+
+    if len(dirnames) == 0:
+        return
+    print(len(dirnames))
+    for folders in dirnames:
+        print(folders)
+        if is_ignored(folders):
+            continue
+        print(folders)
+        do_folder(os.path.join(folder,folders))
+
+
+with open(".ssgenignore") as f:
+    ignored_files = f.read().split("\n")
+
+
+#if not os.path.exists("www"):
+#    os.mkdir("www") 
+#else:
+#    dir = os.listdir("www") 
+#    if len(dir) != 0:
+#        print("www directory isnt empty!")
+#        exit()
+
+
+do_folder("src")
+
+
--- a/src/index.html
+++ b/src/index.html
@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Juli's page</title>
+        <meta content="juli's page" property="og:title" />
+        <meta content="some furry's page" property="og:description" />
+        <meta content="#001B29" data-react-helmet="true" name="theme-color"/>
+        <link rel="stylesheet" href="https://api.fonts.coollabs.io/css2?family=Roboto+Mono&display=swap">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="twitter:site" content="https://julimiro.eu" />
+        <meta name="twitter:title" content="juli's website" />
+        <meta name="twitter:description" content="a silly fur's page" />
+        <link rel="stylesheet" type="text/css" href="/static/style/style.css">
+        <script src="/static/script/index.js"></script>
+    </head>
+    <body>
+        <h1 id="page_title">hewwo</h1>
+        <div class="page">
+            <div class="main_body">
+                <h2>Hewwo!</h2>
+                <p>I am Juli, a Finnish pansexual furry of some gender from '09(thats <?php echo $date?> years old). I go by Juli or
+                    Julimiro, any pronouns are fine.</p><br>
+                <p>I have a few coding projects which are on my <a href="https://git.gay/Julimiro">git</a>(and still a bit on my
+                    <a href="https://github.com/Juliasmatius">github</a>).
+                </p><br>
+                <p>My socials can be found below</p>
+                <div id="socials">
+                    <!-- <a alt="twitter" target="_blank" href="https://twitter.com/julithefurry"><img alt="twitter" title="Twitter" id="twitter" width=50px height=50px src="/static/assets/icons/twitter.svg"/></a>--> 
+                    <a alt="Fediverse" target="_blank" href="https://eepykitty.lol/@juli"><img alt="Fediverse" title="Fediverse"
+                            width=50px height=50px src="/static/assets/icons/fediverse.svg" /></a>
+                    <a alt="Lemmy" target="_blank" href="https://pawb.social/u/Juli"><img alt="Lemmy" title="Lemmy"
+                            width=50px height=50px src="/static/assets/icons/lemmy.svg" /></a>
+                    <a alt="Last.fm" target="_blank" href="https://www.last.fm/user/Julimiro"><img alt="Last.fm" title="Last.fm"
+                            width=50px height=50px src="/static/assets/icons/lastfm.svg" /></a>
+                    <!-- <a alt="Steam" target="_blank" href="https://steamcommunity.com/id/julimiro/"><img alt="Steam" title="Steam" width=50px height=50px src="/static/assets/icons/steam.svg"/></a>-->
+                    <a alt="Youtube" target="_blank" href="https://www.youtube.com/@JuliTheFurry"><img alt="Youtube"
+                            title="Youtube" width=50px height=50px src="/static/assets/icons/youtube.svg" /></a>
+                </div>
+            </div>
+            <div class="sidebar">
+                <div id="sidebar_1">
+                    <h2>mraow</h2>
+                </div>
+                <div id="sidebar_2">
+                    <img loading="lazy" src="<?php echo $animal_url;?>" id=animal_img title="Randomly picked image of a <?php echo $names[$number];?>" alt="randomly picked image of a <?php echo $names[$number];?>">
+                    <p id="imagetext">Current image is a <?php echo $names[$number];?>.</p>
+                    <p>Images stolen from <a target="_blank" href="https://tinyfox.dev/image-list/">tinyfox.dev</a></p>
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
--- a/src/static/assets/audio/boop.mp3
+++ b/src/static/assets/audio/boop.mp3
--- a/src/static/assets/buttons/boykiss.gif
+++ b/src/static/assets/buttons/boykiss.gif
--- a/src/static/assets/buttons/boykisser.gif
+++ b/src/static/assets/buttons/boykisser.gif
--- a/src/static/assets/buttons/csshard.gif
+++ b/src/static/assets/buttons/csshard.gif
--- a/src/static/assets/buttons/cutie.gif
+++ b/src/static/assets/buttons/cutie.gif
--- a/src/static/assets/buttons/fediverse.gif
+++ b/src/static/assets/buttons/fediverse.gif
--- a/src/static/assets/buttons/flag-pan.gif
+++ b/src/static/assets/buttons/flag-pan.gif
--- a/src/static/assets/buttons/gayweb.gif
+++ b/src/static/assets/buttons/gayweb.gif
--- a/src/static/assets/buttons/juli.gif
+++ b/src/static/assets/buttons/juli.gif
--- a/src/static/assets/buttons/linux.gif
+++ b/src/static/assets/buttons/linux.gif
--- a/src/static/assets/buttons/madeonlinux.png
+++ b/src/static/assets/buttons/madeonlinux.png
--- a/src/static/assets/buttons/neofox.gif
+++ b/src/static/assets/buttons/neofox.gif
--- a/src/static/assets/buttons/paws.gif
+++ b/src/static/assets/buttons/paws.gif
--- a/src/static/assets/buttons/php.gif
+++ b/src/static/assets/buttons/php.gif
--- a/src/static/assets/buttons/powered_linux.gif
+++ b/src/static/assets/buttons/powered_linux.gif
--- a/src/static/assets/buttons/support.gif
+++ b/src/static/assets/buttons/support.gif
--- a/src/static/assets/buttons/transrights.gif
+++ b/src/static/assets/buttons/transrights.gif
--- a/src/static/assets/buttons/ubuntu.gif
+++ b/src/static/assets/buttons/ubuntu.gif
--- a/src/static/assets/emoji/LICENSE
+++ b/src/static/assets/emoji/LICENSE
@ -0,0 +1,438 @@
+Attribution-NonCommercial-ShareAlike 4.0 International
+
+=======================================================================
+
+Creative Commons Corporation ("Creative Commons") is not a law firm and
+does not provide legal services or legal advice. Distribution of
+Creative Commons public licenses does not create a lawyer-client or
+other relationship. Creative Commons makes its licenses and related
+information available on an "as-is" basis. Creative Commons gives no
+warranties regarding its licenses, any material licensed under their
+terms and conditions, or any related information. Creative Commons
+disclaims all liability for damages resulting from their use to the
+fullest extent possible.
+
+Using Creative Commons Public Licenses
+
+Creative Commons public licenses provide a standard set of terms and
+conditions that creators and other rights holders may use to share
+original works of authorship and other material subject to copyright
+and certain other rights specified in the public license below. The
+following considerations are for informational purposes only, are not
+exhaustive, and do not form part of our licenses.
+
+     Considerations for licensors: Our public licenses are
+     intended for use by those authorized to give the public
+     permission to use material in ways otherwise restricted by
+     copyright and certain other rights. Our licenses are
+     irrevocable. Licensors should read and understand the terms
+     and conditions of the license they choose before applying it.
+     Licensors should also secure all rights necessary before
+     applying our licenses so that the public can reuse the
+     material as expected. Licensors should clearly mark any
+     material not subject to the license. This includes other CC-
+     licensed material, or material used under an exception or
+     limitation to copyright. More considerations for licensors:
+    wiki.creativecommons.org/Considerations_for_licensors
+
+     Considerations for the public: By using one of our public
+     licenses, a licensor grants the public permission to use the
+     licensed material under specified terms and conditions. If
+     the licensor's permission is not necessary for any reason--for
+     example, because of any applicable exception or limitation to
+     copyright--then that use is not regulated by the license. Our
+     licenses grant only permissions under copyright and certain
+     other rights that a licensor has authority to grant. Use of
+     the licensed material may still be restricted for other
+     reasons, including because others have copyright or other
+     rights in the material. A licensor may make special requests,
+     such as asking that all changes be marked or described.
+     Although not required by our licenses, you are encouraged to
+     respect those requests where reasonable. More considerations
+     for the public:
+    wiki.creativecommons.org/Considerations_for_licensees
+
+=======================================================================
+
+Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International
+Public License
+
+By exercising the Licensed Rights (defined below), You accept and agree
+to be bound by the terms and conditions of this Creative Commons
+Attribution-NonCommercial-ShareAlike 4.0 International Public License
+("Public License"). To the extent this Public License may be
+interpreted as a contract, You are granted the Licensed Rights in
+consideration of Your acceptance of these terms and conditions, and the
+Licensor grants You such rights in consideration of benefits the
+Licensor receives from making the Licensed Material available under
+these terms and conditions.
+
+
+Section 1 -- Definitions.
+
+  a. Adapted Material means material subject to Copyright and Similar
+     Rights that is derived from or based upon the Licensed Material
+     and in which the Licensed Material is translated, altered,
+     arranged, transformed, or otherwise modified in a manner requiring
+     permission under the Copyright and Similar Rights held by the
+     Licensor. For purposes of this Public License, where the Licensed
+     Material is a musical work, performance, or sound recording,
+     Adapted Material is always produced where the Licensed Material is
+     synched in timed relation with a moving image.
+
+  b. Adapter's License means the license You apply to Your Copyright
+     and Similar Rights in Your contributions to Adapted Material in
+     accordance with the terms and conditions of this Public License.
+
+  c. BY-NC-SA Compatible License means a license listed at
+     creativecommons.org/compatiblelicenses, approved by Creative
+     Commons as essentially the equivalent of this Public License.
+
+  d. Copyright and Similar Rights means copyright and/or similar rights
+     closely related to copyright including, without limitation,
+     performance, broadcast, sound recording, and Sui Generis Database
+     Rights, without regard to how the rights are labeled or
+     categorized. For purposes of this Public License, the rights
+     specified in Section 2(b)(1)-(2) are not Copyright and Similar
+     Rights.
+
+  e. Effective Technological Measures means those measures that, in the
+     absence of proper authority, may not be circumvented under laws
+     fulfilling obligations under Article 11 of the WIPO Copyright
+     Treaty adopted on December 20, 1996, and/or similar international
+     agreements.
+
+  f. Exceptions and Limitations means fair use, fair dealing, and/or
+     any other exception or limitation to Copyright and Similar Rights
+     that applies to Your use of the Licensed Material.
+
+  g. License Elements means the license attributes listed in the name
+     of a Creative Commons Public License. The License Elements of this
+     Public License are Attribution, NonCommercial, and ShareAlike.
+
+  h. Licensed Material means the artistic or literary work, database,
+     or other material to which the Licensor applied this Public
+     License.
+
+  i. Licensed Rights means the rights granted to You subject to the
+     terms and conditions of this Public License, which are limited to
+     all Copyright and Similar Rights that apply to Your use of the
+     Licensed Material and that the Licensor has authority to license.
+
+  j. Licensor means the individual(s) or entity(ies) granting rights
+     under this Public License.
+
+  k. NonCommercial means not primarily intended for or directed towards
+     commercial advantage or monetary compensation. For purposes of
+     this Public License, the exchange of the Licensed Material for
+     other material subject to Copyright and Similar Rights by digital
+     file-sharing or similar means is NonCommercial provided there is
+     no payment of monetary compensation in connection with the
+     exchange.
+
+  l. Share means to provide material to the public by any means or
+     process that requires permission under the Licensed Rights, such
+     as reproduction, public display, public performance, distribution,
+     dissemination, communication, or importation, and to make material
+     available to the public including in ways that members of the
+     public may access the material from a place and at a time
+     individually chosen by them.
+
+  m. Sui Generis Database Rights means rights other than copyright
+     resulting from Directive 96/9/EC of the European Parliament and of
+     the Council of 11 March 1996 on the legal protection of databases,
+     as amended and/or succeeded, as well as other essentially
+     equivalent rights anywhere in the world.
+
+  n. You means the individual or entity exercising the Licensed Rights
+     under this Public License. Your has a corresponding meaning.
+
+
+Section 2 -- Scope.
+
+  a. License grant.
+
+       1. Subject to the terms and conditions of this Public License,
+          the Licensor hereby grants You a worldwide, royalty-free,
+          non-sublicensable, non-exclusive, irrevocable license to
+          exercise the Licensed Rights in the Licensed Material to:
+
+            a. reproduce and Share the Licensed Material, in whole or
+               in part, for NonCommercial purposes only; and
+
+            b. produce, reproduce, and Share Adapted Material for
+               NonCommercial purposes only.
+
+       2. Exceptions and Limitations. For the avoidance of doubt, where
+          Exceptions and Limitations apply to Your use, this Public
+          License does not apply, and You do not need to comply with
+          its terms and conditions.
+
+       3. Term. The term of this Public License is specified in Section
+          6(a).
+
+       4. Media and formats; technical modifications allowed. The
+          Licensor authorizes You to exercise the Licensed Rights in
+          all media and formats whether now known or hereafter created,
+          and to make technical modifications necessary to do so. The
+          Licensor waives and/or agrees not to assert any right or
+          authority to forbid You from making technical modifications
+          necessary to exercise the Licensed Rights, including
+          technical modifications necessary to circumvent Effective
+          Technological Measures. For purposes of this Public License,
+          simply making modifications authorized by this Section 2(a)
+          (4) never produces Adapted Material.
+
+       5. Downstream recipients.
+
+            a. Offer from the Licensor -- Licensed Material. Every
+               recipient of the Licensed Material automatically
+               receives an offer from the Licensor to exercise the
+               Licensed Rights under the terms and conditions of this
+               Public License.
+
+            b. Additional offer from the Licensor -- Adapted Material.
+               Every recipient of Adapted Material from You
+               automatically receives an offer from the Licensor to
+               exercise the Licensed Rights in the Adapted Material
+               under the conditions of the Adapter's License You apply.
+
+            c. No downstream restrictions. You may not offer or impose
+               any additional or different terms or conditions on, or
+               apply any Effective Technological Measures to, the
+               Licensed Material if doing so restricts exercise of the
+               Licensed Rights by any recipient of the Licensed
+               Material.
+
+       6. No endorsement. Nothing in this Public License constitutes or
+          may be construed as permission to assert or imply that You
+          are, or that Your use of the Licensed Material is, connected
+          with, or sponsored, endorsed, or granted official status by,
+          the Licensor or others designated to receive attribution as
+          provided in Section 3(a)(1)(A)(i).
+
+  b. Other rights.
+
+       1. Moral rights, such as the right of integrity, are not
+          licensed under this Public License, nor are publicity,
+          privacy, and/or other similar personality rights; however, to
+          the extent possible, the Licensor waives and/or agrees not to
+          assert any such rights held by the Licensor to the limited
+          extent necessary to allow You to exercise the Licensed
+          Rights, but not otherwise.
+
+       2. Patent and trademark rights are not licensed under this
+          Public License.
+
+       3. To the extent possible, the Licensor waives any right to
+          collect royalties from You for the exercise of the Licensed
+          Rights, whether directly or through a collecting society
+          under any voluntary or waivable statutory or compulsory
+          licensing scheme. In all other cases the Licensor expressly
+          reserves any right to collect such royalties, including when
+          the Licensed Material is used other than for NonCommercial
+          purposes.
+
+
+Section 3 -- License Conditions.
+
+Your exercise of the Licensed Rights is expressly made subject to the
+following conditions.
+
+  a. Attribution.
+
+       1. If You Share the Licensed Material (including in modified
+          form), You must:
+
+            a. retain the following if it is supplied by the Licensor
+               with the Licensed Material:
+
+                 i. identification of the creator(s) of the Licensed
+                    Material and any others designated to receive
+                    attribution, in any reasonable manner requested by
+                    the Licensor (including by pseudonym if
+                    designated);
+
+                ii. a copyright notice;
+
+               iii. a notice that refers to this Public License;
+
+                iv. a notice that refers to the disclaimer of
+                    warranties;
+
+                 v. a URI or hyperlink to the Licensed Material to the
+                    extent reasonably practicable;
+
+            b. indicate if You modified the Licensed Material and
+               retain an indication of any previous modifications; and
+
+            c. indicate the Licensed Material is licensed under this
+               Public License, and include the text of, or the URI or
+               hyperlink to, this Public License.
+
+       2. You may satisfy the conditions in Section 3(a)(1) in any
+          reasonable manner based on the medium, means, and context in
+          which You Share the Licensed Material. For example, it may be
+          reasonable to satisfy the conditions by providing a URI or
+          hyperlink to a resource that includes the required
+          information.
+       3. If requested by the Licensor, You must remove any of the
+          information required by Section 3(a)(1)(A) to the extent
+          reasonably practicable.
+
+  b. ShareAlike.
+
+     In addition to the conditions in Section 3(a), if You Share
+     Adapted Material You produce, the following conditions also apply.
+
+       1. The Adapter's License You apply must be a Creative Commons
+          license with the same License Elements, this version or
+          later, or a BY-NC-SA Compatible License.
+
+       2. You must include the text of, or the URI or hyperlink to, the
+          Adapter's License You apply. You may satisfy this condition
+          in any reasonable manner based on the medium, means, and
+          context in which You Share Adapted Material.
+
+       3. You may not offer or impose any additional or different terms
+          or conditions on, or apply any Effective Technological
+          Measures to, Adapted Material that restrict exercise of the
+          rights granted under the Adapter's License You apply.
+
+
+Section 4 -- Sui Generis Database Rights.
+
+Where the Licensed Rights include Sui Generis Database Rights that
+apply to Your use of the Licensed Material:
+
+  a. for the avoidance of doubt, Section 2(a)(1) grants You the right
+     to extract, reuse, reproduce, and Share all or a substantial
+     portion of the contents of the database for NonCommercial purposes
+     only;
+
+  b. if You include all or a substantial portion of the database
+     contents in a database in which You have Sui Generis Database
+     Rights, then the database in which You have Sui Generis Database
+     Rights (but not its individual contents) is Adapted Material,
+     including for purposes of Section 3(b); and
+
+  c. You must comply with the conditions in Section 3(a) if You Share
+     all or a substantial portion of the contents of the database.
+
+For the avoidance of doubt, this Section 4 supplements and does not
+replace Your obligations under this Public License where the Licensed
+Rights include other Copyright and Similar Rights.
+
+
+Section 5 -- Disclaimer of Warranties and Limitation of Liability.
+
+  a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
+     EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
+     AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
+     ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
+     IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
+     WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
+     PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
+     ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
+     KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
+     ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
+
+  b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
+     TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
+     NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
+     INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
+     COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
+     USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
+     ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
+     DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
+     IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
+
+  c. The disclaimer of warranties and limitation of liability provided
+     above shall be interpreted in a manner that, to the extent
+     possible, most closely approximates an absolute disclaimer and
+     waiver of all liability.
+
+
+Section 6 -- Term and Termination.
+
+  a. This Public License applies for the term of the Copyright and
+     Similar Rights licensed here. However, if You fail to comply with
+     this Public License, then Your rights under this Public License
+     terminate automatically.
+
+  b. Where Your right to use the Licensed Material has terminated under
+     Section 6(a), it reinstates:
+
+       1. automatically as of the date the violation is cured, provided
+          it is cured within 30 days of Your discovery of the
+          violation; or
+
+       2. upon express reinstatement by the Licensor.
+
+     For the avoidance of doubt, this Section 6(b) does not affect any
+     right the Licensor may have to seek remedies for Your violations
+     of this Public License.
+
+  c. For the avoidance of doubt, the Licensor may also offer the
+     Licensed Material under separate terms or conditions or stop
+     distributing the Licensed Material at any time; however, doing so
+     will not terminate this Public License.
+
+  d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
+     License.
+
+
+Section 7 -- Other Terms and Conditions.
+
+  a. The Licensor shall not be bound by any additional or different
+     terms or conditions communicated by You unless expressly agreed.
+
+  b. Any arrangements, understandings, or agreements regarding the
+     Licensed Material not stated herein are separate from and
+     independent of the terms and conditions of this Public License.
+
+
+Section 8 -- Interpretation.
+
+  a. For the avoidance of doubt, this Public License does not, and
+     shall not be interpreted to, reduce, limit, restrict, or impose
+     conditions on any use of the Licensed Material that could lawfully
+     be made without permission under this Public License.
+
+  b. To the extent possible, if any provision of this Public License is
+     deemed unenforceable, it shall be automatically reformed to the
+     minimum extent necessary to make it enforceable. If the provision
+     cannot be reformed, it shall be severed from this Public License
+     without affecting the enforceability of the remaining terms and
+     conditions.
+
+  c. No term or condition of this Public License will be waived and no
+     failure to comply consented to unless expressly agreed to by the
+     Licensor.
+
+  d. Nothing in this Public License constitutes or may be interpreted
+     as a limitation upon, or waiver of, any privileges and immunities
+     that apply to the Licensor or You, including from the legal
+     processes of any jurisdiction or authority.
+
+=======================================================================
+
+Creative Commons is not a party to its public
+licenses. Notwithstanding, Creative Commons may elect to apply one of
+its public licenses to material it publishes and in those instances
+will be considered the “Licensor.” The text of the Creative Commons
+public licenses is dedicated to the public domain under the CC0 Public
+Domain Dedication. Except for the limited purpose of indicating that
+material is shared under a Creative Commons public license or as
+otherwise permitted by the Creative Commons policies published at
+creativecommons.org/policies, Creative Commons does not authorize the
+use of the trademark "Creative Commons" or any other trademark or logo
+of Creative Commons without its prior written consent including,
+without limitation, in connection with any unauthorized modifications
+to any of its public licenses or any other arrangements,
+understandings, or agreements concerning use of licensed material. For
+the avoidance of doubt, this paragraph does not form part of the
+public licenses.
+
+Creative Commons may be contacted at creativecommons.org.
+
--- a/src/static/assets/emoji/neocat_nervous.png
+++ b/src/static/assets/emoji/neocat_nervous.png
--- a/src/static/assets/emoji/neocat_sob.png
+++ b/src/static/assets/emoji/neocat_sob.png
--- a/src/static/assets/icons/fediverse.svg
+++ b/src/static/assets/icons/fediverse.svg
@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   viewBox="-10 0 1034 1024"
+   id="svg1"
+   sodipodi:docname="fediverse.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="0.39697266"
+     inkscape:cx="583.16359"
+     inkscape:cy="895.52767"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-5"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     fill="currentColor"
+     d="m 553.61627,0.92496883 q -38.82552,0 -66.73138,26.53352017 -27.90584,26.533519 -30.33243,66.3338 -2.4266,39.800281 24.8726,69.952011 27.29919,30.15172 67.94467,32.56387 40.64547,2.41214 70.97792,-24.72442 30.33244,-27.13655 32.75903,-67.53988 2.4266,-40.403308 -24.8726,-71.158069 Q 600.93489,2.1310379 559.68277,0.92496883 Z M 448.05937,115.50153 166.57431,257.81769 q 24.26595,24.12138 30.33243,57.89131 L 477.17851,173.39285 q -23.05265,-24.12138 -29.11914,-57.89132 z m 202.62072,32.56387 q -15.77287,30.15172 -46.10532,45.83062 l 222.03348,221.91673 q 15.77288,-30.15174 47.31862,-45.83063 z M 478.39182,174.59892 314.59662,494.20724 363.12853,542.45 536.6301,204.75065 q -33.97233,-6.03034 -58.23828,-30.15173 z m 126.18295,19.2971 q -26.69254,13.26677 -55.81169,12.06069 l -9.70638,-1.20606 25.47926,159.20113 67.94467,10.85461 z M 87.709953,234.90238 q -38.825526,0 -66.731367,27.13656 -27.9058506,27.13655 -30.332446,66.3338 -2.426595,39.19724 24.872603,69.952 27.299201,30.75476 68.551323,32.56387 41.252124,1.8091 71.584554,-25.32746 30.33245,-27.13655 32.15239,-67.53986 1.81995,-40.40332 -25.47924,-70.55505 -27.2992,-30.15173 -67.338031,-32.56386 z m 109.196787,82.0127 q 1.21331,10.85461 1.21331,21.70924 -1.21331,22.91531 -12.13298,42.21242 l 160.15529,25.32745 31.54574,-60.30345 z m 272.99199,43.41849 -31.54574,61.50952 377.33559,59.09738 q -1.2133,-9.64855 -1.2133,-20.50317 1.2133,-22.91532 12.13297,-43.41849 z m 451.34674,7.23641 q -38.82552,1.20607 -66.73136,27.73959 -27.90586,26.53352 -29.7258,66.33381 -1.81994,39.80027 25.47925,69.952 27.2992,30.15173 67.94467,32.56387 40.64548,2.41213 70.97791,-24.72442 30.33246,-27.13656 32.75906,-68.14291 2.4266,-41.00634 -24.87262,-71.15807 -27.2992,-30.15173 -68.55132,-32.56387 z m -735.2584,15.6789 Q 170.2142,413.4006 138.66846,429.0795 l 254.79252,253.27452 61.87817,-30.15173 z m -48.53191,45.83062 q -25.47925,13.26677 -53.385094,12.06069 l -10.919685,-1.20606 48.531909,308.75369 q 25.47925,-12.0607 54.5984,-10.85462 l 9.70638,1.20607 z m 441.64037,26.53353 58.23829,375.08749 q 25.47924,-12.0607 53.3851,-10.85462 l 12.13297,1.20607 -55.81169,-354.58432 z m 236.59305,27.73958 -143.16914,72.36415 9.70639,67.53988 163.79519,-82.01271 Q 821.75506,517.12255 815.68858,483.35261 Z M 847.23432,542.45 702.85189,821.05197 q 33.97234,6.03034 58.23829,30.15173 L 905.47261,572.60173 Q 871.50027,566.57138 847.23432,542.45 Z m -576.31641,34.97601 -82.50424,161.61326 q 33.97233,6.03035 58.23828,30.15173 l 72.79786,-143.52223 z m 317.884,20.50317 -340.93665,172.46788 q 23.05265,24.12138 29.11914,57.89132 L 598.50829,665.46905 Z m -66.73138,120.60691 -61.87818,30.15173 128.60956,129.04939 q 15.77286,-30.15172 47.3186,-45.83062 z M 169.0009,747.48175 q -38.82552,0 -67.33802,27.13655 -28.512499,27.13656 -30.332443,66.33381 -1.819944,39.19724 25.479257,69.34897 27.299186,30.15173 67.944666,32.56387 40.64547,2.41214 70.97792,-24.72442 30.33244,-27.13655 32.75903,-67.53988 2.4266,-40.40331 -24.8726,-70.55504 -27.29919,-30.15172 -68.55132,-32.56386 z m 107.9835,82.0127 q 2.4266,10.85462 1.21329,21.70925 -1.21329,22.9153 -10.91967,42.21241 l 310.60421,49.44884 q -1.2133,-10.85463 -1.2133,-21.70925 1.2133,-21.70924 12.13298,-42.21241 z m 406.45473,0 q -38.82553,0 -66.73138,27.13656 -27.90584,27.13655 -29.72579,66.3338 -1.81995,39.19724 24.8726,69.95201 26.69255,30.75478 67.94467,32.56388 41.25212,1.8091 71.58457,-25.3275 30.33244,-27.13652 32.75903,-67.53984 2.4266,-40.40332 -24.87259,-70.55505 -27.2992,-30.15172 -68.55132,-32.56386 z"
+     id="path1"
+     style="stroke-width:1.20968" />
+</svg>
--- a/src/static/assets/icons/git.svg
+++ b/src/static/assets/icons/git.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Git</title><path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187"/></svg>
--- a/src/static/assets/icons/github.svg
+++ b/src/static/assets/icons/github.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
--- a/src/static/assets/icons/itch.svg
+++ b/src/static/assets/icons/itch.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Itch.io</title><path d="M3.13 1.338C2.08 1.96.02 4.328 0 4.95v1.03c0 1.303 1.22 2.45 2.325 2.45 1.33 0 2.436-1.102 2.436-2.41 0 1.308 1.07 2.41 2.4 2.41 1.328 0 2.362-1.102 2.362-2.41 0 1.308 1.137 2.41 2.466 2.41h.024c1.33 0 2.466-1.102 2.466-2.41 0 1.308 1.034 2.41 2.363 2.41 1.33 0 2.4-1.102 2.4-2.41 0 1.308 1.106 2.41 2.435 2.41C22.78 8.43 24 7.282 24 5.98V4.95c-.02-.62-2.082-2.99-3.13-3.612-3.253-.114-5.508-.134-8.87-.133-3.362 0-7.945.053-8.87.133zm6.376 6.477a2.74 2.74 0 0 1-.468.602c-.5.49-1.19.795-1.947.795a2.786 2.786 0 0 1-1.95-.795c-.182-.178-.32-.37-.446-.59-.127.222-.303.412-.486.59a2.788 2.788 0 0 1-1.95.795c-.092 0-.187-.025-.264-.052-.107 1.113-.152 2.176-.168 2.95v.005l-.006 1.167c.02 2.334-.23 7.564 1.03 8.85 1.952.454 5.545.662 9.15.663 3.605 0 7.198-.21 9.15-.664 1.26-1.284 1.01-6.514 1.03-8.848l-.006-1.167v-.004c-.016-.775-.06-1.838-.168-2.95-.077.026-.172.052-.263.052a2.788 2.788 0 0 1-1.95-.795c-.184-.178-.36-.368-.486-.59-.127.22-.265.412-.447.59a2.786 2.786 0 0 1-1.95.794c-.76 0-1.446-.303-1.948-.793a2.74 2.74 0 0 1-.468-.602 2.738 2.738 0 0 1-.463.602 2.787 2.787 0 0 1-1.95.794h-.16a2.787 2.787 0 0 1-1.95-.793 2.738 2.738 0 0 1-.464-.602zm-2.004 2.59v.002c.795.002 1.5 0 2.373.953.687-.072 1.406-.108 2.125-.107.72 0 1.438.035 2.125.107.873-.953 1.578-.95 2.372-.953.376 0 1.876 0 2.92 2.934l1.123 4.028c.832 2.995-.266 3.068-1.636 3.07-2.03-.075-3.156-1.55-3.156-3.025-1.124.184-2.436.276-3.748.277-1.312 0-2.624-.093-3.748-.277 0 1.475-1.125 2.95-3.156 3.026-1.37-.004-2.468-.077-1.636-3.072l1.122-4.027c1.045-2.934 2.545-2.934 2.92-2.934zM12 12.714c-.002.002-2.14 1.964-2.523 2.662l1.4-.056v1.22c0 .056.56.033 1.123.007.562.026 1.124.05 1.124-.008v-1.22l1.4.055C14.138 14.677 12 12.713 12 12.713z"/></svg>
--- a/src/static/assets/icons/lastfm.svg
+++ b/src/static/assets/icons/lastfm.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Last.fm</title><path d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z"/></svg>
--- a/src/static/assets/icons/lemmy.svg
+++ b/src/static/assets/icons/lemmy.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Lemmy</title><path d="M2.9595 4.2228a3.9132 3.9132 0 0 0-.332.019c-.8781.1012-1.67.5699-2.155 1.3862-.475.8-.5922 1.6809-.35 2.4971.2421.8162.8297 1.5575 1.6982 2.1449.0053.0035.0106.0076.0163.0114.746.4498 1.492.7431 2.2877.8994-.02.3318-.0272.6689-.006 1.0181.0634 1.0432.4368 2.0006.996 2.8492l-2.0061.8189a.4163.4163 0 0 0-.2276.2239.416.416 0 0 0 .0879.455.415.415 0 0 0 .2941.1231.4156.4156 0 0 0 .1595-.0312l2.2093-.9035c.408.4859.8695.9315 1.3723 1.318.0196.0151.0407.0264.0603.0423l-1.2918 1.7103a.416.416 0 0 0 .664.501l1.314-1.7385c.7185.4548 1.4782.7927 2.2294 1.0242.3833.7209 1.1379 1.1871 2.0202 1.1871.8907 0 1.6442-.501 2.0242-1.2072.744-.2347 1.4959-.5729 2.2073-1.0262l1.332 1.7606a.4157.4157 0 0 0 .7439-.1936.4165.4165 0 0 0-.0799-.3074l-1.3099-1.7345c.0083-.0075.0178-.0113.0261-.0188.4968-.3803.9549-.8175 1.3622-1.2939l2.155.8794a.4156.4156 0 0 0 .5412-.2276.4151.4151 0 0 0-.2273-.5432l-1.9438-.7928c.577-.8538.9697-1.8183 1.0504-2.8693.0268-.3507.0242-.6914.0079-1.0262.7905-.1572 1.5321-.4502 2.2737-.8974.0053-.0033.011-.0076.0163-.0113.8684-.5874 1.456-1.3287 1.6982-2.145.2421-.8161.125-1.697-.3501-2.497-.4849-.8163-1.2768-1.2852-2.155-1.3863a3.2175 3.2175 0 0 0-.332-.0189c-.7852-.0151-1.6231.229-2.4286.6942-.5926.342-1.1252.867-1.5433 1.4387-1.1699-.6703-2.6923-1.0476-4.5635-1.0785a15.5768 15.5768 0 0 0-.5111 0c-2.085.034-3.7537.43-5.0142 1.1449-.0033-.0038-.0045-.0114-.008-.0152-.4233-.5916-.973-1.1365-1.5835-1.489-.8055-.465-1.6434-.7083-2.4286-.6941Zm.2858.7365c.5568.042 1.1696.2358 1.7787.5875.485.28.9757.7554 1.346 1.2696a5.6875 5.6875 0 0 0-.4969.4085c-.9201.8516-1.4615 1.9597-1.668 3.2335-.6809-.1402-1.3183-.3945-1.984-.7948-.7553-.5128-1.2159-1.1225-1.4004-1.7445-.1851-.624-.1074-1.2712.2776-1.9196.3743-.63.9275-.9534 1.6118-1.0322a2.796 2.796 0 0 1 .5352-.0076Zm17.5094 0a2.797 2.797 0 0 1 .5353.0075c.6842.0786 1.2374.4021 1.6117 1.0322.385.6484.4627 1.2957.2776 1.9196-.1845.622-.645 1.2317-1.4004 1.7445-.6578.3955-1.2881.6472-1.9598.7888-.1942-1.2968-.7375-2.4338-1.666-3.302a5.5639 5.5639 0 0 0-.4709-.3923c.3645-.49.8287-.9428 1.2938-1.2113.6091-.3515 1.2219-.5454 1.7787-.5875ZM12.006 6.0036a14.832 14.832 0 0 1 .487 0c2.3901.0393 4.0848.67 5.1631 1.678 1.1501 1.0754 1.6423 2.6006 1.499 4.467-.1311 1.7079-1.2203 3.2281-2.652 4.324-.694.5313-1.4626.9354-2.2254 1.2294.0031-.0453.014-.0888.014-.1349.0029-1.1964-.9313-2.2133-2.2918-2.2133-1.3606 0-2.3222 1.0154-2.2918 2.2213.0013.0507.014.0972.0181.1471-.781-.2933-1.5696-.7013-2.2777-1.2456-1.4239-1.0945-2.4997-2.6129-2.6037-4.322-.1129-1.8567.3778-3.3382 1.5212-4.3965C7.5094 6.7 9.352 6.047 12.006 6.0036Zm-3.6419 6.8291c-.6053 0-1.0966.4903-1.0966 1.0966 0 .6063.4913 1.0986 1.0966 1.0986s1.0966-.4923 1.0966-1.0986c0-.6063-.4913-1.0966-1.0966-1.0966zm7.2819.0113c-.5998 0-1.0866.4859-1.0866 1.0866s.4868 1.0885 1.0866 1.0885c.5997 0 1.0865-.4878 1.0865-1.0885s-.4868-1.0866-1.0865-1.0866zM12 16.0835c1.0237 0 1.5654.638 1.5634 1.4829-.0018.7849-.6723 1.485-1.5634 1.485-.9167 0-1.54-.5629-1.5634-1.493-.0212-.8347.5397-1.4749 1.5634-1.4749Z"/></svg>
--- a/src/static/assets/icons/mastodon.svg
+++ b/src/static/assets/icons/mastodon.svg
@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   role="img"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="mastodon.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="20.5"
+     inkscape:cx="11.97561"
+     inkscape:cy="12"
+     inkscape:window-width="1366"
+     inkscape:window-height="696"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <title
+     id="title1">Mastodon</title>
+  <rect
+     style="fill:#ffffff"
+     id="rect1"
+     width="16.916731"
+     height="11.88186"
+     x="3.4818978"
+     y="3.2237043" />
+  <path
+     d="M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z"
+     id="path1"
+     inkscape:label="path1"
+     style="fill:#000000" />
+</svg>
--- a/src/static/assets/icons/reddit.svg
+++ b/src/static/assets/icons/reddit.svg
@ -0,0 +1,3 @@
+<?xml version="1.0" ?><svg id="Layer_1" style="enable-background:new 0 0 1000 1000;" version="1.1" viewBox="0 0 1000 1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style><title/><g><path d="M500,1000L500,1000C223.9,1000,0,776.1,0,500l0,0C0,223.9,223.9,0,500,0l0,0c276.1,0,500,223.9,500,500l0,0   C1000,776.1,776.1,1000,500,1000z"/><path class="st0" d="M614.6,604.2c-28.7,0-52.1-23.4-52.1-52.1c0-28.7,23.4-52.1,52.1-52.1s52.1,23.4,52.1,52.1   C666.7,580.8,643.3,604.2,614.6,604.2 M623.8,689.7C588.2,725.2,520.1,728,500.1,728c-20,0-88.2-2.8-123.7-38.3   c-5.3-5.3-5.3-13.8,0-19.1s13.8-5.3,19.1,0C417.9,693,465.8,701,500.1,701c34.2,0,82.2-8,104.6-30.4c5.3-5.3,13.8-5.3,19.1,0   C629,675.9,629,684.4,623.8,689.7 M333.3,552.1c0-28.7,23.4-52.1,52.1-52.1s52.1,23.4,52.1,52.1s-23.4,52.1-52.1,52.1   C356.7,604.2,333.3,580.8,333.3,552.1 M833.3,500c0-40.3-32.6-72.9-72.9-72.9c-19.7,0-37.5,7.8-50.6,20.5   c-49.8-36-118.5-59.2-195-61.9L548,229.4l108.5,23.1c1.3,27.6,23.9,49.6,51.8,49.6c28.8,0,52.1-23.3,52.1-52.1   s-23.3-52.1-52.1-52.1c-20.5,0-38,11.9-46.5,29.1l-121.2-25.8c-3.4-0.7-6.9-0.1-9.8,1.8c-2.9,1.9-4.9,4.8-5.6,8.2l-36.4,171.5   c-0.2,1,0,1.9,0,2.9c-77.9,2-147.9,25.3-198.5,61.8c-13.1-12.6-30.8-20.3-50.4-20.3c-40.3,0-72.9,32.7-72.9,72.9   c0,29.6,17.7,55.1,43.1,66.5c-1.1,7.2-1.7,14.6-1.7,22.1c0,112.2,130.6,203.1,291.7,203.1s291.7-90.9,291.7-203.1   c0-7.4-0.6-14.7-1.7-21.9C815.4,555.3,833.3,529.8,833.3,500" id="Fill-3"/></g></svg>
--- a/src/static/assets/icons/replit.svg
+++ b/src/static/assets/icons/replit.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Replit</title><path d="M2 1.5A1.5 1.5 0 0 1 3.5 0h7A1.5 1.5 0 0 1 12 1.5V8H3.5A1.5 1.5 0 0 1 2 6.5ZM12 8h8.5A1.5 1.5 0 0 1 22 9.5v5a1.5 1.5 0 0 1-1.5 1.5H12ZM2 17.5A1.5 1.5 0 0 1 3.5 16H12v6.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 2 22.5Z"/></svg>
--- a/src/static/assets/icons/steam.svg
+++ b/src/static/assets/icons/steam.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Steam</title><path d="M11.979 0C5.678 0 .511 4.86.022 11.037l6.432 2.658c.545-.371 1.203-.59 1.912-.59.063 0 .125.004.188.006l2.861-4.142V8.91c0-2.495 2.028-4.524 4.524-4.524 2.494 0 4.524 2.031 4.524 4.527s-2.03 4.525-4.524 4.525h-.105l-4.076 2.911c0 .052.004.105.004.159 0 1.875-1.515 3.396-3.39 3.396-1.635 0-3.016-1.173-3.331-2.727L.436 15.27C1.862 20.307 6.486 24 11.979 24c6.627 0 11.999-5.373 11.999-12S18.605 0 11.979 0zM7.54 18.21l-1.473-.61c.262.543.714.999 1.314 1.25 1.297.539 2.793-.076 3.332-1.375.263-.63.264-1.319.005-1.949s-.75-1.121-1.377-1.383c-.624-.26-1.29-.249-1.878-.03l1.523.63c.956.4 1.409 1.5 1.009 2.455-.397.957-1.497 1.41-2.454 1.012H7.54zm11.415-9.303c0-1.662-1.353-3.015-3.015-3.015-1.665 0-3.015 1.353-3.015 3.015 0 1.665 1.35 3.015 3.015 3.015 1.663 0 3.015-1.35 3.015-3.015zm-5.273-.005c0-1.252 1.013-2.266 2.265-2.266 1.249 0 2.266 1.014 2.266 2.266 0 1.251-1.017 2.265-2.266 2.265-1.253 0-2.265-1.014-2.265-2.265z"/></svg>
--- a/src/static/assets/icons/twitter.svg
+++ b/src/static/assets/icons/twitter.svg
@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   role="img"
+   viewBox="0 0 24 24"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="x.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="20.5"
+     inkscape:cx="9.4634146"
+     inkscape:cy="12.243902"
+     inkscape:window-width="1366"
+     inkscape:window-height="696"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <title
+     id="title1">X</title>
+  <rect
+     style="fill:#ffffff;stroke-width:1.158"
+     id="rect1"
+     width="5.3889108"
+     height="24.203014"
+     x="-0.37450975"
+     y="4.843503"
+     rx="2.6944554"
+     transform="matrix(0.80886759,-0.58799083,0.60724221,0.79451677,0,0)" />
+  <path
+     d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
+     id="path1" />
+</svg>
--- a/src/static/assets/icons/twitter_better.svg
+++ b/src/static/assets/icons/twitter_better.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148 13.98 13.98 0 0 0 11.82 8.292a4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"/></svg>
--- a/src/static/assets/icons/youtube.svg
+++ b/src/static/assets/icons/youtube.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>YouTube</title><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
--- a/src/static/assets/images/404.png
+++ b/src/static/assets/images/404.png
--- a/src/static/script/index.js
+++ b/src/static/script/index.js
@ -0,0 +1,9 @@
+function getRandomInt(max) {
+    return Math.floor(Math.random() * max);
+}
+
+function load_animal() {
+    const animals = ["https://api.tinyfox.dev/img?animal=caracal","https://api.tinyfox.dev/img?animal=chee","https://api.tinyfox.dev/img?animal=yote","https://api.tinyfox.dev/img?animal=dook","https://api.tinyfox.dev/img?animal=fox","https://api.tinyfox.dev/img?animal=mane","https://api.tinyfox.dev/img?animal=ott","https://api.tinyfox.dev/img?animal=marten","https://api.tinyfox.dev/img?animal=wah","https://api.tinyfox.dev/img?animal=serval","https://api.tinyfox.dev/img?animal=woof","https://api.tinyfox.dev/img?animal=yeen"];
+    var animal_index = getRandomInt(animals.length-1);
+    document.getElementById("animal_img").src = animals[animal_index];
+}
--- a/src/static/style/style.css
+++ b/src/static/style/style.css
@ -0,0 +1,70 @@
+:root {
+    --background: rgb(0, 21, 31);
+    --text: #fff;
+    --pink: #f691ff;
+    --dark-pink: #e069eb;
+}
+
+body {
+    background-color: var(--background); 
+    color: var(--text);
+    font-family: "Roboto Mono", monospace;
+}
+
+a {
+    color: var(--pink);
+}
+
+a:hover {
+    color: var(--dark-pink);
+}
+
+.page{
+    display: flex;
+    width: 85%;
+    margin: 0 auto;
+    
+}
+.main_body {
+    flex: 1 0 auto;
+    border-style: solid;
+    padding: 1.5%;
+    text-align: center;
+    border-color: var(--dark-pink);
+    border-style: solid;
+}
+.sidebar {
+    width: 35%;
+    margin-left: 1%;
+}
+
+#page_title {
+    text-align: center;
+}
+
+
+#sidebar_1 {
+    border-style: solid;
+    padding: 0.5%;
+    margin-bottom: 2%;
+    text-align: center;
+    border-color: var(--dark-pink);
+    border-style: solid;
+}
+
+#sidebar_2 {
+    border-style: solid;
+    padding: 0.5%;
+    text-align: center;
+    border-color: var(--dark-pink);
+    border-style: solid;
+}
+
+#socials {
+    background-color: var(--text);
+    display: inline-block;
+    padding: 0.5%;
+    padding-bottom: 0;
+    border-color: var(--dark-pink);
+    border-style: solid;
+}
--- a/www/index.html
+++ b/www/index.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Juli's page</title>
+        <meta content="juli's page" property="og:title" />
+        <meta content="some furry's page" property="og:description" />
+        <meta content="#001B29" data-react-helmet="true" name="theme-color"/>
+        <link rel="stylesheet" href="https://api.fonts.coollabs.io/css2?family=Roboto+Mono&display=swap">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="twitter:site" content="https://julimiro.eu" />
+        <meta name="twitter:title" content="juli's website" />
+        <meta name="twitter:description" content="a silly fur's page" />
+        <link rel="stylesheet" type="text/css" href="/static/style/style.css">
+    </head>
+    <body>
+
+    </body>
+</html>
--- a/www/static/style/style.css
+++ b/www/static/style/style.css
@ -0,0 +1,12 @@
+:root {
+    --background: rgb(0, 27, 41);
+    --text: #fff;
+    --pink: #f691ff;
+    --dark-pink: #e069eb;
+}
+
+body {
+    background-color: var(--background); 
+    color: var(--text);
+    font-family: "Roboto Mono", monospace;
+}
				`@ -0,0 +1 @@`
				<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Git</title><path d="M23.546 10.93L13.067.452c-.604-.603-1.582-.603-2.188 0L8.708 2.627l2.76 2.76c.645-.215 1.379-.07 1.889.441.516.515.658 1.258.438 1.9l2.658 2.66c.645-.223 1.387-.078 1.9.435.721.72.721 1.884 0 2.604-.719.719-1.881.719-2.6 0-.539-.541-.674-1.337-.404-1.996L12.86 8.955v6.525c.176.086.342.203.488.348.713.721.713 1.883 0 2.6-.719.721-1.889.721-2.609 0-.719-.719-.719-1.879 0-2.598.182-.18.387-.316.605-.406V8.835c-.217-.091-.424-.222-.6-.401-.545-.545-.676-1.342-.396-2.009L7.636 3.7.45 10.881c-.6.605-.6 1.584 0 2.189l10.48 10.477c.604.604 1.582.604 2.186 0l10.43-10.43c.605-.603.605-1.582 0-2.187"/></svg>
				`@ -0,0 +1 @@`
				`<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Replit</title><path d="M2 1.5A1.5 1.5 0 0 1 3.5 0h7A1.5 1.5 0 0 1 12 1.5V8H3.5A1.5 1.5 0 0 1 2 6.5ZM12 8h8.5A1.5 1.5 0 0 1 22 9.5v5a1.5 1.5 0 0 1-1.5 1.5H12ZM2 17.5A1.5 1.5 0 0 1 3.5 16H12v6.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 2 22.5Z"/></svg>`