moved repository

This commit is contained in:
CatAClock 2025-04-19 12:26:23 -07:00
commit 62b7ce4f27
11 changed files with 684 additions and 0 deletions

BIN
Book.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

56
Books/Cleaning.html Normal file
View file

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="../style.css" rel="stylesheet">
<meta name="description" content="A list of how to clean certain things. This ranges from clothing to dishes to bicycles and so much more.">
<link rel="icon" type="image/png" href="../Book.png">
<title>Cleaning articles</title>
</head>
<body>
<button onclick="history.back();">Back Out</button>
<h1>Hand wash clothing</h1>
<table>
<tr><th><a href="#1">The general process of cleaning clothing.</a></th></tr>
<tr><th><a href="#2">Thin polyester (ex: stockings).</a></th></tr>
</table>
<hr/>
<h2 id="1">The general process of cleaning clothing.</h2>
<p>There is a regular process on how to hand wash clothing. Different fabrics will have a slight alteration as to how to clean them. For those types, look below.</p>
<p>Here are the things you will need to hand wash clothes.</p>
<ul>
<li>A container to hold warm soapy liquid (the bigger the size, the more clothes you can hold. This can be the sink in your bathroom to the kitchen sink to a bucket from Lowes to a swimming pool if you so wish).</li>
<li>Another container to hold cold water (size doesn't matter, you just need to be able to put clothes in it).
<li>Clothing soap (make sure it is good for your hands. You don't want anything weird to happen when you are done cleaning).</li>
<li>Towel (dry the clothing).</li>
</ul>
<p>Using these items, you need to prepare!</p>
<ol>
<li>Fill the first container with warm water. If the water is really hot, it can damage the clothing.</li>
<li>Put in soap. Depending on container size and the detergent concentration, it will change. according to <a href="https://www.thespruce.com/how-much-detergent-per-load-2146803">The Spruce</a>, a standard 2X laundry detergent would be about 2 tablespoons per 6 lbs laundry within a 13-17 gallon washing machine. It should translate to hand washing.</li>
<li>Fill the second container with cold water. This will be rinse water.</li>
<li>get your towel ready. The more clothes you have, the more towels you will need (because the others will be soaked).</li>
</ol>
<p>Job's done! Now the real fun begins!!!</p>
<ol>
<li>Start by putting clothing into the soapy water (hopefully the water is still warm) and getting the soap into the fabric. Multiple clothes will be in this container.</li>
<li>Once the container is about 1/2 to 2/3 full, let the clothes soak for about 15 minutes. If clothes are peaking out at the top, flip every 5 minutes.</li>
<li>Once it's done soaking, take a piece of clothing out and remove any extra water into the soapy container.</li>
<li>Dunk into the rinse. get the water into the fabric.</li>
<li>Immediately take it out and remove the extra water from it.</li>
<li>Put onto towel so you can squish any extra water out of it.</li>
<li>Hang up until dry. Repeat steps 3-7 until all clothes are out of the soapy water</li>
<li>If you couldn't fit all the clothing, simply repeat the process again.</li>
</ol>
<p>Congrats!</p>
<hr/>
<h2 id="2">Thin polyester (ex: stockings).</h2>
<p>The difference between the general process and thin polyester fabrics is you have to be more careful. Because they could be easily damaged, do slow, gentle movements. squeeze hard to get the water through the fabric. Don't twist the fabric to remove the water/soap, but squeeze it hard instead.</p>
</body>
</html>

270
Books/CodeSnippets.html Normal file
View file

@ -0,0 +1,270 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="../style.css" rel="stylesheet">
<meta name="description" content="Code snippets are provided for other developers to copy and paste.">
<link rel="icon" type="image/png" href="../Book.png">
<title>Code snippets</title>
</head>
<body>
<button onclick="history.back();">Back Out</button>
<h1>HTML snippets</h1>
<table>
<tr><th><a href="#1">HTML boilerplate.</a></th></tr>
<tr><th><a href="#2">Headers.</a></th></tr>
<tr><th><a href="#3">Text.</a></th></tr>
<tr><th><a href="#4">Italics.</a></th></tr>
<tr><th><a href="#5">Bolded.</a></th></tr>
<tr><th><a href="#6">Strike-through and adding.</a></th></tr>
<tr><th><a href="#7">Subscript and superscript (higher and lower).</a></th></tr>
<tr><th><a href="#8">Acronyms (abbreviation).</a></th></tr>
<tr><th><a href="#9">Programming Look (code).</a></th></tr>
<tr><th><a href="#10">Images.</a></th></tr>
<tr><th><a href="#11">Videos.</a></th></tr>
<tr><th><a href="#12">Audio.</a></th></tr>
<tr><th><a href="#13">HyperLinks and contacts.</a></th></tr>
<tr><th><a href="#14">Advanced use of tags.</a></th></tr>
</table>
<hr/>
<h2 id="1">HTML boilerplate.</h2>
<pre>
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;meta name=&quot;description&quot; content=&quot;Home of an independent developer. Find programming projects, games, and work experience on this website.&quot;&gt;
&lt;title&gt;Sample title here!&lt;/title&gt;
&lt;!-- .ico is a file type for icons. Used for backwards compatibility, but one can use .gif or .png if they wish. --&gt;
&lt;link rel="icon" type=&quot;image/x-icon&quot; href=&quot;favicon.ico&quot;&gt;
&lt;!-- This links to another file for style stuff, but one can use the STYLE & /STYLE tags instead. --&gt;
&lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&gt;
&lt;!-- Links to JavaScript. If you want JavaScript in HTML, use SCRIPT and /SCRIPT tags at the end of the BODY tag instead. --&gt;
&lt;script src=&quot;script.js&quot;&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;header&gt;
&lt;h1&gt;Stuff at the top&lt;/h1&gt;
&lt;/header&gt;
&lt;p&gt;Stuff for the page&lt;/p&gt;
&lt;footer&gt;
&lt;p&gt;Stuff at the bottom&lt;/p&gt;
&lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<hr/>
<h2 id="2">Headers.</h2>
<pre>
&lt;!-- Make sure to use headers in decending order. Makes it easy on screen readers and other coders. --&gt;
&lt;h1&gt;Header here&lt;/h1&gt;
&lt;h2&gt;Header here&lt;/h2&gt;
&lt;h3&gt;Header here&lt;/h3&gt;
&lt;h4&gt;Header here&lt;/h4&gt;
&lt;h5&gt;Header here&lt;/h5&gt;
&lt;h6&gt;Header here&lt;/h6&gt;
</pre>
<hr/>
<h2 id="3">Text.</h2>
<pre>
&lt;!-- There are multiple ways to display text. Here are a couple of ways to do it: --&gt;
&lt;!-- p stands for paragraph. It is the most frequently used text tag in HTML. --&gt;
&lt;p&gt;Text here&lt;/p&gt;
&lt;!-- noscript does what it says. If scripts are disabled or unsupported, it lists whatever is in the tags --&gt;
&lt;noscript&gt;Text here&lt;/noscript&gt;
</pre>
<hr/>
<h2 id="4">Italics.</h2>
<pre>
&lt;!-- If your text needs a little <i>slant</i> then we got you covered! These both vertually do the same thing. --&gt;
&lt;i&gt;slanted text here&lt;/i&gt;
&lt;em&gt;slanted text here&lt;/em&gt;
</pre>
<hr/>
<h2 id="5">Bolded.</h2>
<pre>
&lt;!-- To get the <b>bolded</b> look of text, just use these! --&gt;
&lt;strong&gt;Bold text here&lt;/strong&gt;
&lt;b&gt;Bold text here&lt;/b&gt;
&lt;!-- samp is a little different. It is bolded, but it uses a monospaced font instead. It replicates computer output --&gt;
&lt;samp&gt;Bold monospaced text here&lt;/samp&gt;
</pre>
<hr/>
<h2 id="6">Strike-through and adding.</h2>
<pre>
&lt;!-- You want a line to go through text. Hey, that is what this is for! --&gt;
&lt;s&gt;deleted text here&lt;/s&gt;
&lt;del&gt;deleted text here&lt;/del&gt;
&lt;strike&gt;deleted text here&lt;/strike&gt;
&lt;!-- Adding things. Enough said. --&gt;
&lt;ins&gt;added text here&lt;/ins&gt;
</pre>
<hr/>
<h2 id="7">Subscript and superscript (higher and lower).</h2>
<pre>
&lt;!-- Make your words <sup>higher!</sup> --&gt;
&lt;sup&gt;Higher text here&lt;sup&gt;
&lt;!-- Make your words <sub>lower!</sub> --&gt;
&lt;sub&gt;Lower text here&lt;sub&gt;
</pre>
<hr/>
<h2>Smaller and bigger text</h2>
<pre>
&lt;!-- make your text <small>smaller than average</small> --&gt;
&lt;small&gt;Small text&lt;/small&gt;
&lt;!-- Depreciated for some reason, but still: make text <big>bigger!</big> --&gt;
&lt;big&gt;Big text&lt;/big&gt;
</pre>
<hr/>
<h2 id="8">Acronyms (abbreviation).</h2>
<pre>
&lt;!-- In case you don't want to type a very long word every time, you can use this! On hover, displays title attribute. --&gt;
&lt;abbr title=&quot;full acronym&quot;&gt;Text here&lt;/abbr&gt;
&lt;!-- Old acronym format. Used for compatibility. --&gt;
&lt;acronym title=&quot;full acronym&quot;Text here&gt;&lt;/acronym&gt;
</pre>
<hr/>
<h2 id="9">Programming Look (code).</h2>
<pre>
&lt;!-- Make something look like a piece of <code>code</code> (copyable too!) with this handy tag. --&gt;
&lt;code&gt;code text here&lt;/code&gt;
&lt;!-- The pre tags are short for "pre formatted text". It is used for long forms of code (for example, this) --&gt;
&lt;pre&gt;code text here&lt;/pre&gt;
</pre>
<hr/>
<h2 id="10">Images.</h2>
<pre>
&lt;!-- Images are frequently used on websites to make the website look good. There are many ways for a website to use an image. --&gt;
&lt;img src=&quot;link to where the image is located on the website.&quot; alt=&quot;Text that is displayed if the image hasn't loaded yet or failed to load.&quot; /&gt;
&lt;!-- Old image format. Harder to use and can only do SVG, PNG and JPEG. Could be used for compatibility. --&gt;
&lt;image href=&quot;link to where the image is located on the website.&quot; height=&quot;number&quot; width=&quot;number&quot; /&gt;
</pre>
<hr/>
<h2 id="11">Videos.</h2>
<pre>
&lt;!-- Expensive on bandwidth, but is generally better at getting points across. Multiple sources can be put for compatibility. --&gt;
&lt;video controls&gt;
&lt;source src=&quot;reference to media.mp4&quot; type=&quot;video/mp4&quot; /&gt;
&lt;/video&gt;
</pre>
<hr/>
<h2 id="12">Audio.</h2>
<pre>
&lt;!-- Audio is used to (in neocities case) play music as a background or as ambiance. It can also serve as sound effects. --&gt;
&lt;audio controls src=&quot;audio source file&quot;&gt;Text in case tags aren't supported&lt;/audio&gt;
</pre>
<hr/>
<h2 id="13">HyperLinks and contacts.</h2>
<pre>
&lt;!-- Hyperlinks are made to send a user to a different page of a website, to another website, to a specific file on a website, and other things! --&gt;
&lt;a href=&quot;FULL link here&quot;&gt;Name here&lt;/a&gt;
&lt; The internet, back in the day, used E-mail and phone numbers for direct contact more often than text or social media. Here is how to replicate that! --&gt;
&lt;address&gt;
&lt;a href=&quot;mailto:Email@test.com&quot;&gt;Text here&lt;/a&gt;
&lt;a href=&quot;tel:+11231231234&quot;&gt;Text here&lt;/a&gt;
&lt;/address&gt;
</pre>
<hr/>
<h2 id="14">Advanced use of tags.</h2>
<p>I try to make these snippets as simple as possible, but sometimes you need something MORE. Check out these resources.</p>
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML">Mozilla HTML developer resources</a> <br>
<a href="https://www.w3schools.com/tags/">W3schools HTML refernece</a> <br>
<a href="https://www.codecademy.com/resources/docs/html">Codecademy concepts reference</a>
<hr/>
<hr/>
<h1>CSS Snippets.</h1>
<table>
<tr><th><a href="#101">Thing 1</a></th></tr>
<tr><th><a href="#102">Thing 2</a></th></tr>
</table>
<hr/>
<h2 id="101">Thing 1</h2>
<hr/>
<h2 id="102">Thing 2</h2>
<hr/>
<hr/>
<h1>JavaScript Snippets.</h1>
<table>
<tr><th><a href="#201">Clock (doesn't update constantly)</a></th></tr>
<tr><th><a href="#202">Thing 2</a></th></tr>
</table>
<hr/>
<h2 id="201">Clock (doesn't update constantly)</h2>
<pre>
&lt;script&gt;
const CurrentTime = new Date();
document.write(&quot;&lt;br&gt;&quot; + CurrentTime);
&lt;/script&gt;</pre>
<hr/>
<h2 id="202">Thing 2</h2>
</body>
</html>

View file

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="../style.css" rel="stylesheet">
<meta name="description" content="A basic rundown on how to program. You can find better resources elsewhere.">
<link rel="icon" type="image/png" href="../Book.png">
<title>Computer science</title>
</head>
<body>
<button onclick="history.back();">Back Out</button>
<h1>Computer science: principles</h1>
<table>
<tr><th><a href="#1">Requirements.</a></th></tr>
<tr><th><a href="#2">Introduction to block programming.</a></th></tr>
<tr><th><a href="#3">Creating your first project.</a></th></tr>
</table>
<hr/>
<h2 id="1">Requirements.</h2>
<p>To learn the ropes of programming, one goes to <a href="https://scratch.mit.edu">scratch.mit.edu</a>. This is the most simplest programming language you can learn, and Scratch is amazing for beginners.</p>
<p>Find the editor. As of November 15, 2023, the editor is located in the header (press the create button next to the big Scratch logo).</p>
<p>Remeber: <b>You don't need any experience.</b></p>
<hr/>
<h2 id="2">Introduction to block programming.</h2>
<p>block programming is different from regular programming in that <em>one doesn't write code, they drag blocks.</em> The skills you will learn goes straight into regular typing, similar to writing a book & typing a book. Same thing, different ways of doing it.</p>
<hr/>
<h2 id="3">Creating your first project.</h2>
<p>What we are going to do is have the sprite (currently Scratch themself) go in a square. Simple enough. But how do we actually do this?</p>
<p>We are going to drag in an event. This event is something that gets called when you press the green flag (located top right of your screen).</p>
<ul>
<li>Located at the left, click the "events" button</li>
<li>Drag the "when Flag clicked" event into the big blank area in the middle</li>
</ul>
<p>That was easy. We are about 25% done.</p>
<p>Next, we are going to have scratch move in a square!</p>
<ul>
<li>Scroll up or press the "motion" button</li>
<li>Drag the "move steps" button down under the event we just created.</li>
</ul>
<p><b>So what did we just do?</b></p>
<p>We made it so when we click the green flag, Scratch moves to the right. Try it out!</p>
<ul>
<li>Click the green flag (play) and watch as the cat moves!</li>
<li>Change the amount of steps Scratch does.</li>
<li>To move scratch without using blocks, simply click and drag scratch to the desired position.</li>
</ul>
<p>Scratch can move in a straight line, but we want to move scratch in a square!</P>
<p>That is where the rotate block comes in handy.</p>
<hr/>
<hr/>
<h1>Computer science: A (beginner)</h1>
<table>
<tr><th><a href="#101">Null</a></th></tr>
</table>
<hr/>
<hr/>
<h1>Computer science: B (intermediate)</h1>
<table>
<tr><th><a href="#201">Null</a></th></tr>
</table>
<hr/>
<hr/>
<h1>Computer science: C (advanced)</h1>
<table>
<tr><th><a href="#301">Null</a></th></tr>
</table>
</body>
</html>

30
Books/Other.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="../style.css" rel="stylesheet">
<meta name="description" content="Other articles that don't fit in any other knowledge books.">
<link rel="icon" type="image/png" href="../Book.png">
<title>Other articles</title>
</head>
<body>
<button onclick="history.back();">Back Out</button>
<h1>Other</h1>
<table>
<tr><th><a href="#1">AntiTrans Legislation Impacting the US</a></th></tr>
<tr><th><a href="#2">Thing 2</a></th></tr>
</table>
<hr/>
<h2 id="1">AntiTrans Legislation Impacting the US</h2>
<a href="2024-Anti-Trans-Legislation-Apr-2024.pdf">click me!</a>
<hr/>
<h2 id="2">Thing 2</h2>
</body>
</html>

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.

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.

30
index.html Normal file
View file

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="style.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" href="Book.png">
<title>Get a book off the shelf</title>
</head>
<body>
<h1>Thank you for coming to my knowledge collection. Select a book and find out knowledge that you might not know about!</h1>
<div class="SectionDiv">
<section class="Book">
<a href="Books/ComputerScience.html"><img alt="Click here to see:" src="Book.png" width="200px" height="200px"></a>
<h2>Computer Science</h2>
</section>
<section class="Book">
<a href="Books/Cleaning.html"><img alt="Click here to see:" src="Book.png" width="200px" height="200px"></a>
<h2>Cleaning</h2>
</section>
<section class="Book">
<a href="Books/CodeSnippets.html"><img alt="Click here to see:" src="Book.png" width="200px" height="200px"></a>
<h2>Code Snippets</h2>
</section>
<section class="Book">
<a href="Books/Other.html"><img alt="Click here to see:" src="Book.png" width="200px" height="200px"></a>
<h2>Other</h2>
</section>
</div>
</body>
</html>

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: /

59
style.css Normal file
View file

@ -0,0 +1,59 @@
/* Global Things. */
html {
overflow-x: hidden;
text-align: center;
background-color: #5C4756
}
body {
margin: 100px;
border-style: solid groove none ridge;
border-width: 10px;
background-color: #FBDB88;
}
pre {
margin-left: 30px;
margin-right: 30px;
border-style: solid;
border-width: 5px;
background-color: #808080;
}
table {
margin-left: auto;
margin-right: auto;
border-style: dotted;
border-width: 5px;
}
/* Main page stuff. */
.SectionDiv {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.Book {
transition: 1s;
margin-left: auto;
margin-right: auto;
width: 25ch;
height: 300px;
background-color: none;
}
.Book:hover {
width: 30ch;
background-color: #FF9930
}