commit 62b7ce4f2701efba1922f2a5e7ba601cdc1dafee Author: CatAClock Date: Sat Apr 19 12:26:23 2025 -0700 moved repository diff --git a/Book.png b/Book.png new file mode 100644 index 0000000..1a09bea Binary files /dev/null and b/Book.png differ diff --git a/Books/2024-Anti-Trans-Legislation-Apr-2024.pdf b/Books/2024-Anti-Trans-Legislation-Apr-2024.pdf new file mode 100644 index 0000000..ec04743 Binary files /dev/null and b/Books/2024-Anti-Trans-Legislation-Apr-2024.pdf differ diff --git a/Books/Cleaning.html b/Books/Cleaning.html new file mode 100644 index 0000000..7ad7c26 --- /dev/null +++ b/Books/Cleaning.html @@ -0,0 +1,56 @@ + + + + + + + Cleaning articles + + + + + +

Hand wash clothing

+ + + + +
The general process of cleaning clothing.
Thin polyester (ex: stockings).
+ +
+ +

The general process of cleaning clothing.

+

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.

+

Here are the things you will need to hand wash clothes.

+ +

Using these items, you need to prepare!

+
    +
  1. Fill the first container with warm water. If the water is really hot, it can damage the clothing.
    2. +
  2. Put in soap. Depending on container size and the detergent concentration, it will change. according to The Spruce, 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.
    3. +
  3. Fill the second container with cold water. This will be rinse water.
    4. +
  4. get your towel ready. The more clothes you have, the more towels you will need (because the others will be soaked).
    5. +
+

Job's done! Now the real fun begins!!!

+
    +
  1. 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.
    2. +
  2. 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.
    3. +
  3. Once it's done soaking, take a piece of clothing out and remove any extra water into the soapy container.
    4. +
  4. Dunk into the rinse. get the water into the fabric.
    5. +
  5. Immediately take it out and remove the extra water from it.
    6. +
  6. Put onto towel so you can squish any extra water out of it.
    7. +
  7. Hang up until dry. Repeat steps 3-7 until all clothes are out of the soapy water
    8. +
  8. If you couldn't fit all the clothing, simply repeat the process again.
    9. +
+

Congrats!

+ +
+ +

Thin polyester (ex: stockings).

+

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.

+ + diff --git a/Books/CodeSnippets.html b/Books/CodeSnippets.html new file mode 100644 index 0000000..54648fb --- /dev/null +++ b/Books/CodeSnippets.html @@ -0,0 +1,270 @@ + + + + + + + Code snippets + + + + + +

HTML snippets

+ + + + + + + + + + + + + + + + +
HTML boilerplate.
Headers.
Text.
Italics.
Bolded.
Strike-through and adding.
Subscript and superscript (higher and lower).
Acronyms (abbreviation).
Programming Look (code).
Images.
Videos.
Audio.
HyperLinks and contacts.
Advanced use of tags.
+ +
+ +

HTML boilerplate.

+ 
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta name="description" content="Home of an independent developer. Find programming projects, games, and work experience on this website.">
+    
+    <title>Sample title here!</title>
+    
+    <!-- .ico is a file type for icons. Used for backwards compatibility, but one can use .gif or .png if they wish. -->
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    
+    <!-- This links to another file for style stuff, but one can use the STYLE & /STYLE tags instead. -->
+    <link rel="stylesheet" href="style.css">
+    
+    <!-- Links to JavaScript. If you want JavaScript in HTML, use SCRIPT and /SCRIPT tags at the end of the BODY tag instead. -->
+    <script src="script.js"></script>
+  </head>
+
+  <body>
+    <header>
+      <h1>Stuff at the top</h1>
+    </header>
+    
+    <p>Stuff for the page</p>
+    
+    <footer>
+      <p>Stuff at the bottom</p>
+    </footer>
+  </body>
+</html>
+
+ +
+ +

Headers.

+ 
+<!-- Make sure to use headers in decending order. Makes it easy on screen readers and other coders. -->
+<h1>Header here</h1>
+<h2>Header here</h2>
+<h3>Header here</h3>
+<h4>Header here</h4>
+<h5>Header here</h5>
+<h6>Header here</h6>
+
+ +
+ +

Text.

+ 
+<!-- There are multiple ways to display text. Here are a couple of ways to do it: -->
+
+<!-- p stands for paragraph. It is the most frequently used text tag in HTML. -->
+<p>Text here</p>
+
+<!-- noscript does what it says. If scripts are disabled or unsupported, it lists whatever is in the tags -->
+<noscript>Text here</noscript>
+
+ +
+ +

Italics.

+ 
+<!-- If your text needs a little slant then we got you covered! These both vertually do the same thing. -->
+
+<i>slanted text here</i>
+<em>slanted text here</em>
+
+ +
+ +

Bolded.

+ 
+<!-- To get the bolded look of text, just use these! -->
+
+<strong>Bold text here</strong>
+<b>Bold text here</b>
+
+<!-- samp is a little different. It is bolded, but it uses a monospaced font instead. It replicates computer output -->
+<samp>Bold monospaced text here</samp>
+
+ +
+ +

Strike-through and adding.

+ 
+<!-- You want a line to go through text. Hey, that is what this is for! -->
+
+<s>deleted text here</s>
+<del>deleted text here</del>
+<strike>deleted text here</strike>
+
+<!-- Adding things. Enough said. -->
+
+<ins>added text here</ins>
+
+
+ +
+ +

Subscript and superscript (higher and lower).

+ 
+<!-- Make your words higher! -->
+<sup>Higher text here<sup>
+
+<!-- Make your words lower! -->
+<sub>Lower text here<sub>
+
+ +
+ +

Smaller and bigger text

+ 
+<!-- make your text smaller than average -->
+<small>Small text</small>
+
+<!-- Depreciated for some reason, but still: make text bigger! -->
+<big>Big text</big>
+
+ +
+ +

Acronyms (abbreviation).

+ 
+<!-- In case you don't want to type a very long word every time, you can use this! On hover, displays title attribute. -->
+<abbr title="full acronym">Text here</abbr>
+
+<!-- Old acronym format. Used for compatibility. -->
+<acronym title="full acronym"Text here></acronym>
+
+ +
+ +

Programming Look (code).

+ 
+<!-- Make something look like a piece of code (copyable too!) with this handy tag. -->
+<code>code text here</code>
+
+<!-- The pre tags are short for "pre formatted text". It is used for long forms of code (for example, this) -->
+<pre>code text here</pre>
+
+ +
+ +

Images.

+ 
+<!-- Images are frequently used on websites to make the website look good. There are many ways for a website to use an image. -->
+<img src="link to where the image is located on the website." alt="Text that is displayed if the image hasn't loaded yet or failed to load." />
+
+<!-- Old image format. Harder to use and can only do SVG, PNG and JPEG. Could be used for compatibility. -->
+<image href="link to where the image is located on the website." height="number" width="number" />
+
+ +
+ +

Videos.

+ 
+<!-- Expensive on bandwidth, but is generally better at getting points across. Multiple sources can be put for compatibility. -->
+
+<video controls>
+  <source src="reference to media.mp4" type="video/mp4" />
+</video>
+
+ +
+ +

Audio.

+ 
+<!-- Audio is used to (in neocities case) play music as a background or as ambiance. It can also serve as sound effects. -->
+
+<audio controls src="audio source file">Text in case tags aren't supported</audio>
+
+ +
+ +

HyperLinks and contacts.

+ 
+<!-- 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! -->
+<a href="FULL link here">Name here</a>
+
+< 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! -->
+<address>
+  <a href="mailto:Email@test.com">Text here</a>
+  <a href="tel:+11231231234">Text here</a>
+</address>
+
+ +
+ +

Advanced use of tags.

+

I try to make these snippets as simple as possible, but sometimes you need something MORE. Check out these resources.

+ Mozilla HTML developer resources
+ W3schools HTML refernece
+ Codecademy concepts reference + +
+
+ +

CSS Snippets.

+ + + + +
Thing 1
Thing 2
+ +
+ +

Thing 1

+ +
+ +

Thing 2

+ +
+
+ +

JavaScript Snippets.

+ + + + +
Clock (doesn't update constantly)
Thing 2
+ +
+ +

Clock (doesn't update constantly)

+ 
+<script>
+  const CurrentTime = new Date();
+  document.write("<br>" + CurrentTime);
+</script>
+ +
+ +

Thing 2

+ + diff --git a/Books/ComputerScience.html b/Books/ComputerScience.html new file mode 100644 index 0000000..1b28256 --- /dev/null +++ b/Books/ComputerScience.html @@ -0,0 +1,85 @@ + + + + + + + Computer science + + + + + +

Computer science: principles

+ + + + + +
Requirements.
Introduction to block programming.
Creating your first project.
+ +
+ +

Requirements.

+

To learn the ropes of programming, one goes to scratch.mit.edu. This is the most simplest programming language you can learn, and Scratch is amazing for beginners.

+

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).

+

Remeber: You don't need any experience.

+ +
+ +

Introduction to block programming.

+

block programming is different from regular programming in that one doesn't write code, they drag blocks. 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.

+ +
+ +

Creating your first project.

+

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?

+

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).

+ +

That was easy. We are about 25% done.

+

Next, we are going to have scratch move in a square!

+ +

So what did we just do?

+

We made it so when we click the green flag, Scratch moves to the right. Try it out!

+ +

Scratch can move in a straight line, but we want to move scratch in a square!

+

That is where the rotate block comes in handy.

+ +
+
+ +

Computer science: A (beginner)

+ + + +
Null
+ +
+
+ +

Computer science: B (intermediate)

+ + + +
Null
+ +
+
+ +

Computer science: C (advanced)

+ + + +
Null
+ + diff --git a/Books/Other.html b/Books/Other.html new file mode 100644 index 0000000..aaed754 --- /dev/null +++ b/Books/Other.html @@ -0,0 +1,30 @@ + + + + + + + Other articles + + + + + +

Other

+ + + + +
AntiTrans Legislation Impacting the US
Thing 2
+ +
+ +

AntiTrans Legislation Impacting the US

+ click me! + +
+ +

Thing 2

+ + + 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..44d8e5c --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + + + + + Get a book off the shelf + + +

Thank you for coming to my knowledge collection. Select a book and find out knowledge that you might not know about!

+
+
+ Click here to see: +

Computer Science

+
+
+ Click here to see: +

Cleaning

+
+
+ Click here to see: +

Code Snippets

+
+
+ Click here to see: +

Other

+
+
+ + 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/style.css b/style.css new file mode 100644 index 0000000..8814e9d --- /dev/null +++ b/style.css @@ -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 +}