CatAClock/CrowdedGames.Group
CatAClock/CrowdedGames.Group
0
0
Fork 0
Code Issues Pull requests Activity

codeberg copy

Browse source
This commit is contained in:
CatAClock 2025-04-15 12:00:36 -07:00
commit 308dd70a7b
28 changed files with 3102 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
404.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="index.css" rel="stylesheet"/>
<title>404. How? What?</title>
</head>
<body>
<header>
<div class="HeaderSolid"><pre>|</pre></div>
<!-- This div fixes a bug where the text is way too low and goes under the animation. -->
<div style="margin-top: -40px;">CrowdedGames.group</div>
<section>
<a href="https://boosty.to/cataclock"><img class="HeaderLink" src="Icons/BoostyIcon.svg" alt="The logo for Boosty."/></a>
<a href="https://steamcommunity.com/tradeoffer/new/?partner=315492703&token=Z-00zmhG"><img class="HeaderLink" src="Icons/SteamIcon.svg" alt="The logo for Steam."/></a>
<a rel="me" href="https://wetdry.world/@CatAClock"><img class="HeaderLink" src="Icons/MastodonIcon.svg" alt="The logo for Mastodon."/></a>
<a href="https://bsky.app/profile/cataclock.bsky.social"><img class="HeaderLink" src="Icons/BlueskyIcon.svg" alt="The logo for Bluesky."/></a>
<a href="https://www.tiktok.com/@insanecataclock"><img class="HeaderLink" src="Icons/TiktokIcon.svg" alt="The logo for TikTok."/></a>
<a href="https://www.youtube.com/@cataclock"><img class="HeaderLink" src="Icons/YoutubeIcon.png" alt="The logo for YouTube."/></a>
<a href="https://www.youtube.com/@doggeywoggey"><img class="HeaderLink" src="Icons/DogeIcon.png" alt="The logo for DoggeyWoggey."/></a>
<a href="mailto:cataclock@proton.me"><img class="HeaderLink" src="Icons/EmailIcon.svg" alt="The icon for Email."/></a>
<a style="font-size: 1ch;" href="https://knowledge.crowdedgames.group">Knowledge</a>
<a href="https://codeberg.org/Crowded-Games/"><img class="HeaderLink" src="Icons/CodebergIcon.svg" alt="The logo for Codeberg."/></a>
</section>
</header>
<p style="text-align: center;">You broke my website. How the <b>hell</b> did you do that!?</p>
</body>
</html>

BIN
Audio/Glow.mp3 Normal file
View file

Binary file not shown.

BIN
Audio/KeyboardTyping.mp3 Normal file
View file

Binary file not shown.

BIN
Audio/Meow.mp3 Normal file
View file

Binary file not shown.

BIN
Buttons/BoyKissNow3.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
Buttons/CatscapeMeow3.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

BIN
Buttons/CrowdedGamesGroup.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
Buttons/FontsNowGo.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
Buttons/NekkoScape98Nyan.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
Buttons/NetscapeNow3.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

2215
CatPolygon.svg Normal file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 179 KiB

1
Icons/BlueskyIcon.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="530"><path fill="#1185fe" d="M135.72 44.03C202.216 93.951 273.74 195.17 300 249.49c26.262-54.316 97.782-155.54 164.28-205.46C512.26 8.009 590-19.862 590 68.825c0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.38-3.69-10.832-3.708-7.896-.017-2.936-1.193.516-3.707 7.896-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.45-163.25-81.433C20.15 217.613 9.997 86.535 9.997 68.825c0-88.687 77.742-60.816 125.72-24.795z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 660 B

17
Icons/BoostyIcon.svg Normal file
View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="80mm"
height="113.14286mm"
viewBox="0 0 80 113.14286"
version="1.1"
id="svg1"
xml:space="preserve"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1" /><g
id="layer1"><path
style="display:inline;fill:#f0682a;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.797983;stroke-linecap:round;stroke-linejoin:round"
d="M 22.716115,15.787738 45.11164,16.258833 28.829018,70.843589 40.240203,71.178345 30.414708,96.049966 56.113211,59.018643 45.255394,58.864843 53.994552,34.501439 C 66.583844,34.644047 76.533011,43.009325 75.527444,60.323891 70.896063,85.356395 50.661123,97.262932 30.550442,98.524022 15.49827,100.4353 6.3387278,91.624495 5.506287,74.63866 10.08355,53.685682 16.841174,35.372691 22.716115,15.787738 Z"
id="path1" /></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 968 B

164
Icons/CodebergIcon.svg Normal file
View file

@ -0,0 +1,164 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="16"
height="16"
viewBox="0 0 4.2333332 4.2333335"
version="1.1"
id="svg1468"
sodipodi:docname="codeberg-logo_icon_blue.svg"
inkscape:version="1.2-alpha1 (b6a15bb, 2022-02-23)"
inkscape:export-filename="/home/mray/Projects/Codeberg/logo/icon/png/codeberg-logo_icon_blue.png"
inkscape:export-xdpi="384"
inkscape:export-ydpi="384"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<title
id="title16">Codeberg logo</title>
<defs
id="defs1462">
<linearGradient
xlink:href="#linearGradient6924"
id="linearGradient6918"
x1="42519.285"
y1="-7078.7891"
x2="42575.336"
y2="-6966.9307"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="linearGradient6924">
<stop
style="stop-color:#2185d0;stop-opacity:0"
offset="0"
id="stop6920" />
<stop
id="stop6926"
offset="0.49517274"
style="stop-color:#2185d0;stop-opacity:0.48923996" />
<stop
style="stop-color:#2185d0;stop-opacity:0.63279623"
offset="1"
id="stop6922" />
</linearGradient>
<linearGradient
xlink:href="#linearGradient6924-6"
id="linearGradient6918-3"
x1="42519.285"
y1="-7078.7891"
x2="42575.336"
y2="-6966.9307"
gradientUnits="userSpaceOnUse" />
<linearGradient
id="linearGradient6924-6">
<stop
style="stop-color:#2185d0;stop-opacity:0;"
offset="0"
id="stop6920-7" />
<stop
id="stop6926-5"
offset="0.49517274"
style="stop-color:#2185d0;stop-opacity:0.30000001;" />
<stop
style="stop-color:#2185d0;stop-opacity:0.30000001;"
offset="1"
id="stop6922-3" />
</linearGradient>
</defs>
<sodipodi:namedview
showborder="false"
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="22.627417"
inkscape:cx="12.948893"
inkscape:cy="12.661631"
inkscape:document-units="px"
inkscape:current-layer="svg1468"
inkscape:document-rotation="0"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="px"
inkscape:snap-global="false"
inkscape:snap-page="true"
showguides="false"
inkscape:window-width="1531"
inkscape:window-height="873"
inkscape:window-x="69"
inkscape:window-y="27"
inkscape:window-maximized="1"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1">
<inkscape:grid
type="xygrid"
id="grid2067" />
</sodipodi:namedview>
<metadata
id="metadata1465">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>Codeberg logo</dc:title>
<cc:license
rdf:resource="http://creativecommons.org/publicdomain/zero/1.0/" />
<dc:creator>
<cc:Agent>
<dc:title>Robert Martinez</dc:title>
</cc:Agent>
</dc:creator>
<dc:rights>
<cc:Agent>
<dc:title>Codeberg and the Codeberg Logo are trademarks of Codeberg e.V.</dc:title>
</cc:Agent>
</dc:rights>
<dc:date>2020-04-09</dc:date>
<dc:publisher>
<cc:Agent>
<dc:title>Codeberg e.V.</dc:title>
</cc:Agent>
</dc:publisher>
<dc:source>codeberg.org</dc:source>
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/publicdomain/zero/1.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
</cc:License>
</rdf:RDF>
</metadata>
<g
id="g370484"
inkscape:label="logo"
transform="matrix(0.06551432,0,0,0.06551432,-2.232417,-1.431776)">
<path
id="path6733-5"
style="font-variation-settings:normal;opacity:1;vector-effect:none;fill:url(#linearGradient6918-3);fill-opacity:1;stroke:none;stroke-width:3.67846;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:2;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill;stop-color:#000000;stop-opacity:1"
d="m 42519.285,-7078.7891 a 0.76086879,0.56791688 0 0 0 -0.738,0.6739 l 33.586,125.8886 a 87.182358,87.182358 0 0 0 39.381,-33.7636 l -71.565,-92.5196 a 0.76086879,0.56791688 0 0 0 -0.664,-0.2793 z"
transform="matrix(0.37058478,0,0,0.37058478,-15690.065,2662.0533)"
inkscape:label="berg" />
<path
id="path360787"
style="opacity:1;fill:#2185d0;fill-opacity:1;stroke-width:17.0055;paint-order:markers fill stroke;stop-color:#000000"
d="m 11249.461,-1883.6961 c -12.74,0 -23.067,10.3275 -23.067,23.0671 0,4.3335 1.22,8.5795 3.522,12.2514 l 19.232,-24.8636 c 0.138,-0.1796 0.486,-0.1796 0.624,0 l 19.233,24.8646 c 2.302,-3.6721 3.523,-7.9185 3.523,-12.2524 0,-12.7396 -10.327,-23.0671 -23.067,-23.0671 z"
sodipodi:nodetypes="sccccccs"
inkscape:label="sky"
transform="matrix(1.4006354,0,0,1.4006354,-15690.065,2662.0533)" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
Icons/DogeIcon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

9
Icons/EmailIcon.svg Normal file
View file

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="-112 114 24 24" enable-background="new -112 114 24 24" xml:space="preserve">
<path fill="#0084FF" d="M-92,118h-16c-1.1,0-2,0.9-2,2l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2v-12C-90,118.9-90.9,118-92,118z
M-92,122l-8,5l-8-5v-2l8,5l8-5V122z"/>
<path fill="none" d="M-112,114h24v24h-24V114z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 677 B

BIN
Icons/Favicon32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

15
Icons/MastodonIcon.svg Normal file
View file

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 448 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<!-- Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->
<path
d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"
id="path1"
style="fill:#003dff;fill-opacity:1" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1 KiB

1
Icons/SteamIcon.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 65 65" fill="#fff"><use xlink:href="#B" x=".5" y=".5"/><defs><linearGradient id="A" x2="50%" x1="50%" y2="100%" y1="0%"><stop stop-color="#111d2e" offset="0%"/><stop stop-color="#051839" offset="21.2%"/><stop stop-color="#0a1b48" offset="40.7%"/><stop stop-color="#132e62" offset="58.1%"/><stop stop-color="#144b7e" offset="73.8%"/><stop stop-color="#136497" offset="87.3%"/><stop stop-color="#1387b8" offset="100%"/></linearGradient></defs><symbol id="B"><g><path d="M1.305 41.202C5.259 54.386 17.488 64 31.959 64c17.673 0 32-14.327 32-32s-14.327-32-32-32C15.001 0 1.124 13.193.028 29.874c2.074 3.477 2.879 5.628 1.275 11.328z" fill="url(#A)"/><path d="M30.31 23.985l.003.158-7.83 11.375c-1.268-.058-2.54.165-3.748.662a8.14 8.14 0 0 0-1.498.8L.042 29.893s-.398 6.546 1.26 11.424l12.156 5.016c.6 2.728 2.48 5.12 5.242 6.27a8.88 8.88 0 0 0 11.603-4.782 8.89 8.89 0 0 0 .684-3.656L42.18 36.16l.275.005c6.705 0 12.155-5.466 12.155-12.18s-5.44-12.16-12.155-12.174c-6.702 0-12.155 5.46-12.155 12.174zm-1.88 23.05c-1.454 3.5-5.466 5.147-8.953 3.694a6.84 6.84 0 0 1-3.524-3.362l3.957 1.64a5.04 5.04 0 0 0 6.591-2.719 5.05 5.05 0 0 0-2.715-6.601l-4.1-1.695c1.578-.6 3.372-.62 5.05.077 1.7.703 3 2.027 3.696 3.72s.692 3.56-.01 5.246M42.466 32.1a8.12 8.12 0 0 1-8.098-8.113 8.12 8.12 0 0 1 8.098-8.111 8.12 8.12 0 0 1 8.1 8.111 8.12 8.12 0 0 1-8.1 8.113m-6.068-8.126a6.09 6.09 0 0 1 6.08-6.095c3.355 0 6.084 2.73 6.084 6.095a6.09 6.09 0 0 1-6.084 6.093 6.09 6.09 0 0 1-6.081-6.093z"/></g></symbol></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

2
Icons/TiktokIcon.svg Normal file
View file

@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve"><path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 534 B

BIN
Icons/YoutubeIcon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

131
LICENSE.md Normal file
View file

@ -0,0 +1,131 @@
# PolyForm Noncommercial License 1.0.0
<https://polyformproject.org/licenses/noncommercial/1.0.0>
## Acceptance
In order to get any license under these terms, you must agree
to them as both strict obligations and conditions to all
your licenses.
## Copyright License
The licensor grants you a copyright license for the
software to do everything you might do with the software
that would otherwise infringe the licensor's copyright
in it for any permitted purpose. However, you may
only distribute the software according to [Distribution
License](#distribution-license) and make changes or new works
based on the software according to [Changes and New Works
License](#changes-and-new-works-license).
## Distribution License
The licensor grants you an additional copyright license
to distribute copies of the software. Your license
to distribute covers distributing the software with
changes and new works permitted by [Changes and New Works
License](#changes-and-new-works-license).
## Notices
You must ensure that anyone who gets a copy of any part of
the software from you also gets a copy of these terms or the
URL for them above, as well as copies of any plain-text lines
beginning with `Required Notice:` that the licensor provided
with the software. For example:
> Required Notice: Copyright Yoyodyne, Inc. (http://example.com)
## Changes and New Works License
The licensor grants you an additional copyright license to
make changes and new works based on the software for any
permitted purpose.
## Patent License
The licensor grants you a patent license for the software that
covers patent claims the licensor can license, or becomes able
to license, that you would infringe by using the software.
## Noncommercial Purposes
Any noncommercial purpose is a permitted purpose.
## Personal Uses
Personal use for research, experiment, and testing for
the benefit of public knowledge, personal study, private
entertainment, hobby projects, amateur pursuits, or religious
observance, without any anticipated commercial application,
is use for a permitted purpose.
## Noncommercial Organizations
Use by any charitable organization, educational institution,
public research organization, public safety or health
organization, environmental protection organization,
or government institution is use for a permitted purpose
regardless of the source of funding or obligations resulting
from the funding.
## Fair Use
You may have "fair use" rights for the software under the
law. These terms do not limit them.
## No Other Rights
These terms do not allow you to sublicense or transfer any of
your licenses to anyone else, or prevent the licensor from
granting licenses to anyone else. These terms do not imply
any other licenses.
## Patent Defense
If you make any written claim that the software infringes or
contributes to infringement of any patent, your patent license
for the software granted under these terms ends immediately. If
your company makes such a claim, your patent license ends
immediately for work on behalf of your company.
## Violations
The first time you are notified in writing that you have
violated any of these terms, or done anything with the software
not covered by your licenses, your licenses can nonetheless
continue if you come into full compliance with these terms,
and take practical steps to correct past violations, within
32 days of receiving notice. Otherwise, all your licenses
end immediately.
## No Liability
***As far as the law allows, the software comes as is, without
any warranty or condition, and the licensor will not be liable
to you for any damages arising out of these terms or the use
or nature of the software, under any kind of legal claim.***
## Definitions
The **licensor** is the individual or entity offering these
terms, and the **software** is the software the licensor makes
available under these terms.
**You** refers to the individual or entity agreeing to these
terms.
**Your company** is any legal entity, sole proprietorship,
or other kind of organization that you work for, plus all
organizations that have control over, are under the control of,
or are under common control with that organization. **Control**
means ownership of substantially all the assets of an entity,
or the power to direct its management and policies by vote,
contract, or otherwise. Control can be direct or indirect.
**Your licenses** are all the licenses granted to you for the
software under these terms.
**Use** means anything you do with the software requiring one
of your licenses.

BIN
Perfect DOS VGA 437.woff Normal file
View file

Binary file not shown.

8
README.md Normal file
View file

@ -0,0 +1,8 @@
# Website
Literally just that. I made it so that way it is easy to add onto and modify.
## Domain information
- https://CrowdedGames.group | the main page.
- https://knowledge.CrowdedGames.group | The knowledge pages where I keep stuff for others to find.

245
index.css Normal file
View file

@ -0,0 +1,245 @@
/* Global stuff */
@font-face {
font-family: "Perfect DOS VGA 437";
font-style: normal;
font-weight: normal;
src: local("Perfect DOS VGA 437"), url("Perfect DOS VGA 437.woff") format('woff');
}
html {
font-family: "Perfect DOS VGA 437";
background-color: #176464;
overflow-x: hidden;
}
/* This pre fixes a bug in regards to the typing animation not working properly. */
pre {
position: relative;
top: -13px;
text-align: left;
}
h1 {
font-size: 6ch;
}
h2 {
font-size: 4ch;
}
h3 {
font-size: 2ch;
}
p {
font-size: 14px;
}
/* Header stuff. */
header {
align-items: center;
justify-content: center;
display: block;
font-size: 7ch;
text-align: center;
min-width: 640px;
margin-top: -50px;
margin-bottom: 20px;
padding: -160px;
color: #5C4756;
background-color: #FF9930;
}
@keyframes Startup {
0% {
width: 640px;
left: 0px;
}
100% {
width: 0px;
left: 320px;
}
}
.HeaderSolid {
max-width: 640px;
width: 640px;
/* Don't know what, but this solves a funny bug. */
height: 2ch;
margin-inline: auto;
background-color: #FBDB88;
position: relative;
top: 20px;
animation-name: Startup;
animation-play-state: running;
animation-timing-function: steps(18, jump-end);
animation-fill-mode: forwards;
animation-duration: 2s;
animation-delay: 1s;
}
/* Header links. */
.HeaderLink {
margin-top: 10px;
margin-left: -5px;
margin-right: -5px;
width: 32px;
height: 32px;
transition-property: width, height;
transition-duration: 0.25s;
}
.HeaderLink:hover {
width: 64px;
height: 64px;
}
/* Project stuff. */
.ProjectSection {
display: flex;
flex-flow: wrap;
align-items: center;
justify-content: center;
color: #FF9930;
}
@keyframes FinishStartup {
0% {
width: 100%;
background-color: rgb(0 0 0 / 1);
}
20% {
width: 100%;
background-color: #176464FF;
}
99.9999% {
width: 100%;
background-color: #17646400;
}
100% {
width: 0%;
background-color: #17646400;
}
}
.SectionSolid {
width: 100%;
min-height: 200vh;
top: 190px;
background-color: black;
position: absolute;
animation-name: FinishStartup;
animation-play-state: running;
animation-fill-mode: forwards;
animation-duration: 1.5s;
animation-delay: 3s;
}
.ProjectLink {
text-decoration: none;
text-align: center;
max-width: 640px;
border: 10px;
border-style: solid;
border-radius: 30px;
border-color: blue;
margin: 8px;
margin-bottom: 10px;
background-color: #5C4756;
box-shadow: none;
transition: box-shadow, background-color;
transition-duration: 0.5s;
color: #FF9930;
}
.ProjectLink:link {
color: #FF9930;
}
.ProjectLink:visited {
color: #FBDB88;
}
.ProjectLink:hover {
box-shadow: 0px 5px 5px 10px #FBDB88;
background-color: #090C08;
}
.ProjectLink:active {
color: red;
}
/* Work experience stuff. */
.WorkSection {
align-items: center;
text-align: center;
justify-content: center;
}
table {
width: 100%;
}
td, th {
border-style: solid;
padding: 8px;
background-color: #5C4756;
}
/* Cat */
.Cat {
position: fixed;
top: 80%;
left: 80%;
width: 25%;
height: 25%;
}
/* Keep stuff on the side. This class is added when JavaScript is enabled. */
.SideLined {
margin-left: 100%;
margin-right: -100%;
}
/* Slide in animations */
@keyframes SlideIn {
0% {
margin-left: 100%;
margin-right: -100%;
}
100% {
margin-left: 0;
margin-right: 0;
}
}
.SlideIn {
animation-duration: 1s;
animation-name: SlideIn;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
}

225
index.html Normal file
View file

@ -0,0 +1,225 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="index.css" rel="stylesheet"/>
<meta name="description" content="Home of an independent developer. Find programming projects, games, and work experience on this website.">
<link rel="icon" type="image/png" sizes="32x32" href="Icons/Favicon32.png">
<title>Crowded Games</title>
<!-- This meta forces the viewport width to be the same size as the main header. -->
<meta name="viewport" content="height=device-height, width=700px, initial-scale=1, minimum-scale=1"/>
</head>
<body>
<header>
<div class="HeaderSolid"><pre>|</pre></div>
<!-- This div fixes a bug where the text is way too low and goes under the animation. -->
<div style="margin-top: -40px;">CrowdedGames.group</div>
<section>
<a href="https://boosty.to/cataclock"><img class="HeaderLink" src="Icons/BoostyIcon.svg" alt="The logo for Boosty."/></a>
<a href="https://steamcommunity.com/tradeoffer/new/?partner=315492703&token=Z-00zmhG"><img class="HeaderLink" src="Icons/SteamIcon.svg" alt="The logo for Steam."/></a>
<a rel="me" href="https://wetdry.world/@CatAClock"><img class="HeaderLink" src="Icons/MastodonIcon.svg" alt="The logo for Mastodon."/></a>
<a href="https://bsky.app/profile/crowdedgames.group"><img class="HeaderLink" src="Icons/BlueskyIcon.svg" alt="The logo for Bluesky."/></a>
<a href="https://www.tiktok.com/@insanecataclock"><img class="HeaderLink" src="Icons/TiktokIcon.svg" alt="The logo for TikTok."/></a>
<a href="https://www.youtube.com/@cataclock"><img class="HeaderLink" src="Icons/YoutubeIcon.png" alt="The logo for YouTube."/></a>
<a href="https://www.youtube.com/@doggeywoggey"><img class="HeaderLink" src="Icons/DogeIcon.png" alt="The logo for DoggeyWoggey."/></a>
<a href="mailto:cataclock@proton.me"><img class="HeaderLink" src="Icons/EmailIcon.svg" alt="The icon for Email."/></a>
<a style="font-size: 1ch;" href="https://knowledge.crowdedgames.group">Knowledge</a>
<a href="https://codeberg.org/Crowded-Games/"><img class="HeaderLink" src="Icons/CodebergIcon.svg" alt="The logo for Codeberg."/></a>
</section>
</header>
<!-- Sections for my links -->
<section class="ProjectSection">
<div class="SectionSolid"></div>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Files">
<h1>Crowded Games Assets</h1>
<h2>Files</h2>
<p>Anything that is related to the branding of Crowded Games is on this repository</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/CatAClock/Youtube-Files">
<h1>Video Assets</h1>
<h2>Files</h2>
<p>Things that we want to save from our videos are on this repository</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Blender-Files">
<h1>3D Assets</h1>
<h2>Files</h2>
<p>Anything that is made with Blender will be on this repository. They are all 3D models</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Godot-Chess">
<h1>Chess</h1>
<h2>Games</h2>
<p>Made using the Godot Engine, this is the classic game of chess</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Quick-Tasks">
<h1>Quick Tasks</h1>
<h2>Games</h2>
<p>An attempt to gamify life in this interesting mobile game</p>
</a>
<a class="ProjectLink" href="https://cataclock.itch.io/exosphere-caliber">
<h1>Exosphere Caliber</h1>
<h2>Games</h2>
<p>A side-scrolling shooter with 3 levels and 3 enemy types. Comes with the source code</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Twin-Stick-2D-Shoot-Em-Up">
<h1>Twin Stick 2D Shoot Em Up</h1>
<h2>Template</h2>
<p>A Godot Engine template for a top-down twin stick shooter game.</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Side-Scrolling-Shooter">
<h1>Side Scrolling Shooter</h1>
<h2>Template</h2>
<p>A Godot Engine template for your side scrolling games.</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Controller-Emulator">
<h1>A Controller Emulator</h1>
<h2>Software</h2>
<p>Based on another controller emulator, we polished it up and sent it for the masses</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Galculator">
<h1>Calculator</h1>
<h2>Software</h2>
<p>With the Godot Engine we made a calculator</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/CatAClock/Speaker-Speaker">
<h1>Speaker Speaker</h1>
<h2>Software</h2>
<p>The main VTuber model for the channel that could blossom into a "source filmmaker" of itself</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/MIDI-Synthesizer">
<h1>MIDI Synthesizer</h1>
<h2>Software</h2>
<p>Unfinished MIDI synthesizer which was made in the Godot Engine</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/CatAClock/StudioModifier">
<h1>Studio Modifier</h1>
<h2>Software</h2>
<p>For the hobbiests, this Firefox Extension removes some of the numbers that make us feel bad.</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/SDL-Library">
<h1>SDL Library</h1>
<h2>Library</h2>
<p>Place the headers inside of your project and get ready to be able to do nothing because this is unfinished</p>
</a>
<a class="ProjectLink" href="https://mod.io/g/drg/m/femboy-voice-pack">
<h1>Femboy Voice Pack</h1>
<h2>Mod</h2>
<p>This is the mod. Comes with the source code</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Gim">
<h1>Gim</h1>
<h2>Archive</h2>
<p>Text editor | Serves no purpose</p>
</a>
<a class="ProjectLink" href="https://codeberg.org/Crowded-Games/Gamify-Life">
<h1>Gamify Life</h1>
<h2>Archive</h2>
<p>Trying to gamify life | Classic example of feature creep and scope creep</p>
</a>
</section>
<!-- Button Section -->
<img style="display: block; margin-left: auto; margin-right: auto;" src="Buttons/CrowdedGamesGroup.gif" alt="A button. It rapidly flashes CrowdedGames.Group"/>
<!-- Sections for my work -->
<section class="WorkSection">
<h1>Work Experience</h1>
<table>
<tr>
<th>Company</th>
<th>Time Worked</th>
<th>Day Started</th>
<th>Position</th>
</tr>
<tr>
<th>Camp 3 Falls</th>
<th>4 Weeks</th>
<th>23rd, June 2021</th>
<th>CIT (Countilor in Training)</th>
</tr>
<tr>
<th>Peace Lutherin Church</th>
<th>Almost 1 whole year</th>
<th>September 2021</th>
<th>Video Recorder & Camera Operator</th>
</tr>
</table>
<h1>Software Used</h1>
<p>Key: A = Beginner, B = Intermediate, C = Advanced, D = Master</p>
<table>
<tr>
<th>Piece of Software</th>
<th>Description</th>
<th>Proficiency</th>
</tr>
<tr>
<th>Unity Game Engine</th>
<th>The game engine has a lot of features. It can be used for almost anything. Knowing C# is important. Documentation is provided.</th>
<th>AB</th>
</tr>
<tr>
<th>Godot Engine</th>
<th>A super good engine. It is meant to make games, but interface software has been made for it (ex: my music maker). It has a big <em>free</em> software section and it is all open source.</th>
<th>BC</th>
</tr>
<tr>
<th>KDenLive</th>
<th>An Open Source video editing software, constantly being improved by KDE people. Free compositions and effects can be added from people who made them.</th>
<th>B</th>
</tr>
<tr>
<th>Geany</th>
<th>An Open Source text editing software. Used as an IDE. It's pretty good.</th>
<th>C</th>
</tr>
<tr>
<th>OBS Studio</th>
<th>An Open Source video recording and live streaming software.</th>
<th>B</th>
</tr>
<tr>
<th>Blender</th>
<th>An Open Source 3D modeling software, art software, video editor, animator, texture painter, sculptor... Lots of things.</th>
<th>B</th>
</tr>
<tr>
<th>Git</th>
<th>The ultimate version control software</th>
<th>B</th>
</tr>
</table>
<h1>Skills Known</h1>
<p>Key: A = Beginner, B = Intermediate, C = Advanced, D = Master</p>
<table>
<tr>
<th>Skill</th>
<th>Description</th>
<th>Proficiency</th>
</tr>
<tr>
<th>C++</th>
<th>A programming language.</th>
<th>AB</th>
</tr>
<tr>
<th>GD Script</th>
<th>A script that is in the Godot Engine.</th>
<th>CD</th>
</tr>
<tr>
<th>Rust</th>
<th>Imagine C but it is very memory safe & enforces good code writing.</th>
<th>A</th>
</tr>
</table>
</section>
<!-- Cat -->
<img class="Cat" src="CatPolygon.svg" alt="A complex SVG of a cat. It is very colorful and has no eyes."/>
<footer style="text-align: center; background-color: blue; color: white;">
<p>Please allow Autoplay and JavaScript in the browser. It doesn't break anything, just enhances the experience.</p>
<img src="Buttons/CatscapeMeow3.gif" alt="A button that looks like the Netscape Now button. The N has a tail. The text reads Catscape Meow.">
<img src="Buttons/NetscapeNow3.gif" alt="The classic Netscape button.">
<img src="Buttons/BoyKissNow3.gif" alt="A button that looks like the Netscape Now button. On the left, there is a boykisser going meow. The text says Boy Kiss Now.">
<img src="Buttons/FontsNowGo.gif" alt="A button that looks like the Netscape Now button. It says Fonts Now.">
<img src="Buttons/NekkoScape98Nyan.gif" alt="A button of a cat going back and forth before looking happy. The text says Nekko Scape 98 Nyan.">
</footer>
<!-- Load the script -->
<script src="index.js"></script>
</body>
</html>

27
index.js Normal file
View file

@ -0,0 +1,27 @@
// If Javascript is enabled, enable the cool javascript stuff!
document.getElementsByClassName("WorkSection")[0].classList.add("SideLined");
// Sounds for animations to feel nice :3
const Typing = new Audio("Audio/KeyboardTyping.mp3");
const Glow = new Audio("Audio/Glow.mp3");
setTimeout(() => {
Typing.play();
}, 1000);
setTimeout(() => {
Glow.play();
}, 3000);
// Allow the cat to work
const Noise = new Audio("Audio/Meow.mp3");
const Cat = document.getElementsByClassName("Cat")[0];
Cat.addEventListener("mouseover", (event) => {
Noise.play();
});
// set the size of the Glow (SectionSolid) to the proper height (CSS defaults it to 200vh
document.getElementsByClassName("SectionSolid")[0].style.minHeight = String(document.getElementsByTagName("html")[0].offsetHeight - 190) + "px";
// force the user to topside of the window.
window.scroll(0, 0);
// play some animations as soon as the user gets to that amount of scroll.
window.addEventListener("scroll", (event) => {
if (window.scrollY + 190 >= document.getElementsByClassName("ProjectSection")[0].clientHeight && !document.getElementsByClassName("WorkSection")[0].classList.contains("SlideIn")) {
document.getElementsByClassName("WorkSection")[0].classList.add("SlideIn");
}
});

15
robots.txt Normal file
View file

@ -0,0 +1,15 @@
# AI Assholes
User-agent: OpenAI
Disallow: /
User-agent: GPTBot
Disallow: /
User-agent: ChatGPT-User
Disallow: /
User-agent: FacebookBot
Disallow: /
User-agent: Google-Extended
Disallow: /