first commit
This commit is contained in:
commit
2447be1a59
8 changed files with 456 additions and 0 deletions
BIN
Icons/ArrowLeft.png
Normal file
BIN
Icons/ArrowLeft.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
Icons/ArrowRight.png
Normal file
BIN
Icons/ArrowRight.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
131
LICENSE.md
Normal file
131
LICENSE.md
Normal 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.
|
||||||
8
README.md
Normal file
8
README.md
Normal 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.
|
||||||
90
index.html
Normal file
90
index.html
Normal file
|
|
@ -0,0 +1,90 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta name="description" content="Change the fucking channel already!">
|
||||||
|
|
||||||
|
<title>The Fediverse</title>
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body style="margin: 0px;" onload="Start()">
|
||||||
|
<section onclick="WarningFade()" class="WarningMessage">
|
||||||
|
<h2>Warning! Care for yourself!</h2>
|
||||||
|
<p>
|
||||||
|
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. <br>
|
||||||
|
You are also cute :3 <br>
|
||||||
|
<em>Safety options are available here: https://CrowdedGames.Group</em>
|
||||||
|
<noscript>Look. Javascript is required to run this. I'm sorry, there isn't anything I can do about it.</noscript>
|
||||||
|
</p>
|
||||||
|
<p class="BlinkAnimation"><b>Click on this webpage to continue</b></p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="Main">
|
||||||
|
<header class="MainHeader">
|
||||||
|
<h1>The World Wide Web</h1>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="PostContainer">
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
<article class="Post">
|
||||||
|
<p class="Username">Testing</p>
|
||||||
|
<p class="PostContent">The things</p>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<img class="Arrow" src="Icons/ArrowLeft.png"/>
|
||||||
|
<img class="Arrow" src="Icons/ArrowRight.png"/>
|
||||||
|
|
||||||
|
<footer class="MainFooter">
|
||||||
|
<p>Button</p>
|
||||||
|
<p class="Time" style="width: 50%">Time</p>
|
||||||
|
<p>Button</p>
|
||||||
|
</footer>
|
||||||
|
</section>
|
||||||
|
<script src="script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
15
robots.txt
Normal file
15
robots.txt
Normal 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: /
|
||||||
53
script.js
Normal file
53
script.js
Normal file
|
|
@ -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 <body> 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]
|
||||||
|
}
|
||||||
159
style.css
Normal file
159
style.css
Normal file
|
|
@ -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%;
|
||||||
|
}
|
||||||
Loading…
Add table
Reference in a new issue