commit 2447be1a59a084e8687c9d1c126c9e76db11bf32 Author: CatAClock Date: Sat Apr 19 16:12:17 2025 -0700 first commit diff --git a/Icons/ArrowLeft.png b/Icons/ArrowLeft.png new file mode 100644 index 0000000..b0c4091 Binary files /dev/null and b/Icons/ArrowLeft.png differ diff --git a/Icons/ArrowRight.png b/Icons/ArrowRight.png new file mode 100644 index 0000000..0060183 Binary files /dev/null and b/Icons/ArrowRight.png differ diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..fe70743 --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,131 @@ +# PolyForm Noncommercial License 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. \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..20d7e6b --- /dev/null +++ b/README.md @@ -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. \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..ff70078 --- /dev/null +++ b/index.html @@ -0,0 +1,90 @@ + + + + + + The Fediverse + + + + + +
+

Warning! Care for yourself!

+

+ The world might seem like an uncaring place. At a glance, that might seem true. However, that doesn't mean nobody cares. The average person has enough affection to share with you, so please share it back.
+ You are also cute :3
+ Safety options are available here: https://CrowdedGames.Group + +

+

Click on this webpage to continue

+
+ +
+
+

The World Wide Web

+
+ +
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+

Testing

+

The things

+
+
+ + + + +
+

Button

+

Time

+

Button

+
+
+ + + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..300799a --- /dev/null +++ b/robots.txt @@ -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: / diff --git a/script.js b/script.js new file mode 100644 index 0000000..6a48966 --- /dev/null +++ b/script.js @@ -0,0 +1,53 @@ +// GLOBAL VARS +let Warning = document.getElementsByClassName("WarningMessage")[0]; +let Main = document.getElementsByClassName("Main")[0]; +let Arrows = document.getElementsByClassName("Arrow"); + +let BrowserWidth = window.innerWidth; +let BrowserHeight = window.innerHeight; + +// Update a timer +function UpdateTime() { + var TimeNow = new Date(); + var Hour = TimeNow.getHours(); + var Minute = TimeNow.getMinutes(); + + var WebsiteTime = document.getElementsByClassName("Time")[0] + WebsiteTime.innerHTML = ""; + if (Hour < 10) { + WebsiteTime.innerHTML = WebsiteTime.innerHTML + "0" + Hour; + } else { + WebsiteTime.innerHTML = WebsiteTime.innerHTML + Hour; + } + WebsiteTime.innerHTML = WebsiteTime.innerHTML + ":"; + if (Minute < 10) { + WebsiteTime.innerHTML = WebsiteTime.innerHTML + "0" + Minute; + } else { + WebsiteTime.innerHTML = WebsiteTime.innerHTML + Minute; + } +} + +setInterval(UpdateTime, 1000); + +// When the window is resized. +onresize = (event) => { + BrowserWidth = window.innerWidth; + BrowserHeight = window.innerHeight; + Start(); +}; + +// When the tag is done loading all it's elements +function Start() { + Warning.setAttribute("style", "height: " + BrowserHeight + "px; width: " + BrowserWidth + "px;"); + Main.setAttribute("style", "height: " + BrowserHeight + "px; width: " + BrowserWidth + "px;"); + Arrows[1].setAttribute("style", "left: " + (BrowserWidth - 100) + "px;"); +} + +// On clicking the warning message +function WarningFade() { + Warning.classList.add("WarningFadeOutAnimation"); + document.getElementsByClassName("BlinkAnimation")[0].classList.remove("BlinkAnimation"); + Main.classList.add("MainFadeInAnimation"); + Main.classList.remove("Main"); + Main = document.getElementsByClassName("MainFadeInAnimation")[0] +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..1ab53f1 --- /dev/null +++ b/style.css @@ -0,0 +1,159 @@ +/* Globals*/ +.BlinkAnimation { + animation-name: Blink; + animation-play-state: running; + animation-direction: alternate; + animation-iteration-count: infinite; + + animation-duration: 2s; +} +@keyframes Blink { + 0% { + color: #000000 + } + + 100% { + color: #FFFFFF + } +} + +/* Classes for the warning section*/ +.WarningMessage { + position: absolute; + top: 0px; + left: 0px; + + text-align: center; + + visibility: visible; + + background-color: #000000; + color: #FFFFFF; + + font-size: 18px; +} + +.WarningFadeOutAnimation { + animation-name: WarningFadeOut; + animation-play-state: running; + animation-fill-mode: forwards; + + animation-duration: 4s; +} + +@keyframes WarningFadeOut { + 0% { + visibility: visible; + + background-color: #000000; + color: #FFFFFF; + + font-size: 18px; + } + + 20% { + background-color: #000000; + color: #000000; + } + + 99.99% { + visibility: visible; + font-size: 18px; + } + 100% { + visibility: collapse; + + background-color: #000000; + color: #000000; + + font-size: 0px; + } +} + +/* Classes for the main page */ +.Main { + position: absolute; + top: 0px; + left: 0px; + + visibility: collapse; +} + +.MainFadeInAnimation { + animation-name: MainFadeIn; + animation-play-state: running; + animation-fill-mode: forwards; + + animation-duration: 5s; + + position: absolute; + top: 0px; + left: 0px; +} + +@keyframes MainFadeIn { + 0% { + visibility: collapse; + } + + 79.99% { + visibility: collapse; + } + 80% { + visibility: visible; + background-color: #000000; + } + + 100% { + background-color: #FFFFFF; + } +} + +.MainHeader { + text-align: center; + + height: 5%; +} + +.Arrow { + position: absolute; + top: 35vh; +} + +.PostContainer { + display: flex; + flex-wrap: wrap; + justify-content: center; + + margin-left: 10%; + margin-right: 10%; + + width: 80%; + height: 70%; +} + +.Post { + border-style: solid; + border-width: 2px; + + width: 24%; + height: 25%; +} + +.Username { + text-align: center; + font-weight: bold; +} + +.PostContent { + +} + +.MainFooter { + display: flex; + + text-align: center; + justify-content: center; + + height: 20%; +}