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