add motion

hbk-bs · Dec 10, 2024 · 86d0c40 · 86d0c40
1 parent 34c7b3d
commit 86d0c40
Show file tree

Hide file tree

Showing 356 changed files with 2,268,254 additions and 0 deletions.
diff --git a/CO/css.css b/CO/css.css
@@ -0,0 +1,13 @@
+body {
+	height: 100dvh;
+	width: 100dvw;
+	margin: 0 auto;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+img {
+	max-width: 100%;
+	height: auto;
+}
diff --git a/CO/html.html b/CO/html.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="icon" type="image/svg+xml" href="favicon.svg" />
+
+		<title>{the archive}</title>
+		<link rel="stylesheet" href="style.css" />
+	</head>
+	<body>
+		<img
+			src="assets/images/ff6347-icon-512x512.webp"
+			alt="A square icon with rounded corners. Inside is a geometric design featuring a white square frame containing a black and gray diagonal split, with a smaller white square in the center where the diagonal lines meet."
+		/>
+		<script src="index.js"></script>
+	</body>
+</html>
diff --git a/CO/js.js b/CO/js.js
@@ -0,0 +1,3 @@
+document.addEventListener("DOMContentLoaded", () => {
+	console.log("DOM is loaded");
+});
diff --git a/lynn's archiv/.editorconfig b/lynn's archiv/.editorconfig
@@ -0,0 +1,12 @@
+root = true
+[*]
+indent_style = tab
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 80
+
+[*.{yml,yaml}]
+indent_style = space
diff --git a/lynn's archiv/.vscode/extensions.json b/lynn's archiv/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+	"recommendations": [
+		"ms-vscode.live-server",
+		"esbenp.prettier-vscode",
+		"ritwickdey.liveserver"
+	]
+}
diff --git a/lynn's archiv/.vscode/settings.json b/lynn's archiv/.vscode/settings.json
@@ -0,0 +1 @@
+{ "prettier.useEditorConfig": true }
diff --git a/lynn's archiv/index.html b/lynn's archiv/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+
+
+<body>
+    <header>
+        <section>
+          <nav>
+            <ul>
+              <li><a href="#Thema1">Algorithmen</a></li>
+              <li><a href="#Thema2">p5.js</a></li>
+              <li><a href="#Thema3">Thema 3</a></li>
+            </ul>
+          </nav>
+          <h1>Lynn's Archiv</h1>
+        </section>
+      </header>
+
+      <main>
+      <section id="Thema1">
+      <h2>Algorithmen</h2>
+      <div class="image-container">
+
+        <figure>
+          <img src="https://hbk-bs.github.io/the-archives-Lynnadam/assets/images/R.jpg" alt="R">
+          <figcaption>1. Versuch</figcaption>
+          <details>
+            <summary>Beschreibung</summary>
+            <p>Zeichne auf eine hochformatige Seite ein Rechteck, das von der oberen Kante bis ca. zur Hälfte des Blattes reicht. Platziere darunter einen Regenschirm.</p>
+          </details>
+        </figure>
+
+
+        <figure>
+          <img src="https://hbk-bs.github.io/the-archives-Lynnadam/assets/images/R4.jpeg" alt="R2">
+          <figcaption>3. Versuch</figcaption>
+          <details>
+            <summary>Beschreibung</summary>
+            <p>Zeichne auf eine hochformatige Seite zwei Striche von der oberen Kante bis ca. zur Hälfte des Blattes. Die Striche haben ungefähr den Abstand von einem Viertel des Blattes. Um die beiden Striche zu verbinden, male einen Regenschirm darunter, der leicht abgeschrägt ist.</p>
+          </details>
+        </figure>
+
+
+        <figure>
+          <img src="https://hbk-bs.github.io/the-archives-Lynnadam/assets/images/R1.jpeg" alt="R3">
+          <figcaption>5. Versuch</figcaption>
+          <details>
+            <summary>Beschreibung</summary>
+            <p>Zeichne auf eine hochformatige Seite zwei Striche von der oberen Kante bis ca. zur Hälfte des Blattes. Die Striche haben ungefähr den Abstand von einem Viertel des Blattes und befinden sich eher auf der linken Seite des Blattes. Um die beiden Striche zu verbinden, male einen Regenschirm darunter, der ungefähr 45 Grad abgeschrägt ist. Die Fläche zwischen den beiden Strichen fülle dann mit Blau aus. An den unteren beiden Ecken des Blattes befinden sich Viertelkreise, der linke ist kleiner als der rechte. Im rechten Viertelkreis befindet sich der Schriftzug „RAIN". der sich an die Form des Viertelkreises anpasst und die Form ausfüllt.</p>
+          </details>
+        </figure>
+      </div>
+
+    </section>
+          <div class="image-container2">
+            <figure> 
+              <img src="https://hbk-bs.github.io/the-archives-Lynnadam/assets/images/R5.jpeg" alt="R3">
+              <figcaption>Vorlage</figcaption>
+            </figure>
+          </div>
+          <h3><a href="https://powerfolder.sonia.de/getlink/fi6KeFVzKeadz2N3qvDXV6/Algorithmen%20Lynn.pdf" target="_blank" class="Doku">> Zur vollen Sammlung</a></h3>
+        </section>
+
+
+        <section id="Thema2">
+          <h2>p5.js</h2>
+          <div class="image-container">
+            <figure>  <a href="https://codepen.io/Lynnadam/pen/jOgRLQx" target="_blank">
+              <img src="https://hbk-bs.github.io/the-archives-Lynnadam/assets/images/c.png" alt="Contrast">  </a>
+              <figcaption><a href="https://codepen.io/Lynnadam/pen/jOgRLQx" target="_blank">CONTRAST</a></figcaption>
+            </figure>
+
+            <figure>  <a href="https://codepen.io/Lynnadam/pen/VwogZWd" target="_blank">
+              <img src="https://hbk-bs.github.io/the-archives-Lynnadam/assets/images/s.png" alt="Shadow"> </a>
+              <figcaption><a href="https://codepen.io/Lynnadam/pen/VwogZWd" target="_blank">SHADOW</a></figcaption>
+            </figure>
+
+            <figure>  <a href="https://codepen.io/Lynnadam/pen/poMBrOK" target="_blank">
+              <img src="https://hbk-bs.github.io/the-archives-Lynnadam/assets/images/t.png" alt="Transparency"> </a>
+              <figcaption><a href="https://codepen.io/Lynnadam/pen/poMBrOK" target="_blank">TRANSPARENCY</a></figcaption>
+            </figure>
+
+            <figure>  <a href="https://codepen.io/Lynnadam/pen/bGXJrOY" target="_blank">
+              <img src="https://hbk-bs.github.io/the-archives-Lynnadam/assets/images/l.png" alt="Light"> </a>
+              <figcaption><a href="https://codepen.io/Lynnadam/pen/bGXJrOY" target="_blank">LIGHT</a></figcaption>
+            </figure>
+
+            <figure>  <a href="https://codepen.io/Lynnadam/pen/abeXoEL" target="_blank">
+              <img src="https://hbk-bs.github.io/the-archives-Lynnadam/assets/images/d.png" alt="Distance"> </a>
+              <figcaption><a href="https://codepen.io/Lynnadam/pen/abeXoEL" target="_blank">DISTANCE</a></figcaption>
+            </figure>
+          </div>
+
+          <h3><a href="https://codepen.io/collection/gPpgqJ?cursor=eyJwYWdlIjoxfQ==" target="_blank">> Zur vollen Sammlung</a></h3>
+        </section>
+
+        <section id="Thema3">
+          <h2>Thema 3</h2>
+          <p>Text<a href="" target="_blank">Beispiel-Link</a></p>
+          <ul>
+            <details>
+              <summary>Details</summary>
+              <li>1</li>
+              <li>2</li>
+            </details>
+          </ul>
+        </section>
+      </main>
+
+    <script src="./modules/p5/lib/p5.min.js"></script>
+    <!-- <script src="./modules/p5/lib/addons/p5.sound.min.js"></script> -->
+   <!-- <script src="./modules/@ff6347/p5-easing/dist/p5.easing.min.js"></script> -->
+    <link rel="stylesheet" href="style.css">
+    <script src="index.js"></script>
+</body>
+</html>
diff --git a/lynn's archiv/index.js b/lynn's archiv/index.js
diff --git a/lynn's archiv/modules/@ff6347/p5-easing/LICENSE b/lynn's archiv/modules/@ff6347/p5-easing/LICENSE
@@ -0,0 +1,28 @@
+BSD 3-Clause License
+
+Copyright (c) 2024, Fabian Morón Zirfas
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its
+   contributors may be used to endorse or promote products derived from
+   this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
diff --git a/lynn's archiv/modules/@ff6347/p5-easing/README.md b/lynn's archiv/modules/@ff6347/p5-easing/README.md
@@ -0,0 +1,55 @@
+# P5js Easing functions
+
+This is a library that provides easing functions for use with p5.js. The library is based on [Robert Penner's easing equations](http://robertpenner.com/easing/).
+
+## Installation
+
+To install the library, [download](#) the `p5.easing.js` files and include it in your project.
+
+## Usage
+
+To use the library, include the `p5.easing.js` file in your html and call the easing functions like this:
+
+index.html
+
+```html
+<!doctype html>
+<html>
+	<head>
+		<title>P5 Easing Functions</title>
+		<script src="p5.js"></script>
+		<script src="p5.easing.js"></script>
+		<script src="sketch.js"></script>
+	</head>
+	<body></body>
+</html>
+```
+
+This is sketch.js
+
+```js
+const start = 0; // The value at the start of the easing function
+const end = 100; // The value we want to reach
+const duration = 100; // The duration of the easing function in frames in our case
+
+function setup() {
+	createCanvas(end, end);
+}
+function draw() {
+	background(255, 10);
+	// The time is what drives the easing function
+	// It is the current frame count provided by p5.js
+	// constrained to the duration of the easing function using module
+	const time = frameCount % duration;
+	const x = easeInOutExpo(, start, end, duration);
+	const y = frameCount % duration;
+	circle(x, y, 10);
+}
+```
+
+## License and Attribution
+
+This project uses easing functions based on Robert Penner's easing equations.
+Copyright © 2001 Robert Penner
+These functions are released under the BSD License.
+See http://robertpenner.com/easing_terms_of_use.html for full license details.
diff --git a/lynn's archiv/modules/@ff6347/p5-easing/package.json b/lynn's archiv/modules/@ff6347/p5-easing/package.json
@@ -0,0 +1,79 @@
+{
+	"devDependencies": {
+		"@eslint/js": "9.11.1",
+		"@rollup/plugin-terser": "0.4.4",
+		"@rollup/plugin-typescript": "12.1.0",
+		"@technologiestiftung/semantic-release-config": "1.2.4",
+		"@types/p5": "1.7.6",
+		"chokidar-cli": "3.0.0",
+		"esbuild": "0.24.0",
+		"eslint": "9.11.1",
+		"globals": "15.9.0",
+		"live-server": "1.2.2",
+		"np": "10.0.7",
+		"npm-run-all": "4.1.5",
+		"p5": "1.10.0",
+		"prettier": "3.3.3",
+		"rollup": "4.22.4",
+		"rollup-plugin-copy": "3.5.0",
+		"semantic-release": "24.1.1",
+		"tslib": "2.7.0",
+		"tsx": "4.19.1",
+		"typescript": "5.6.2",
+		"typescript-eslint": "8.7.0"
+	},
+	"scripts": {
+		"build": "rollup -c",
+		"dev": "rollup -c -w",
+		"test:manual": "live-server test",
+		"test": "echo 'no tests yet' exit 0"
+	},
+	"name": "@ff6347/p5-easing",
+	"version": "0.1.1-0",
+	"main": "./dist/p5.easing.js",
+	"module": "./dist/p5.easing.mjs",
+	"types": "./dist/types/index.d.ts",
+	"unpkg": "./dist/p5.easing.min.js",
+	"exports": {
+		".": {
+			"types": "./dist/types/index.d.ts",
+			"import": "./dist/p5.easing.mjs",
+			"require": "./dist/p5.easing.js",
+			"default": "./dist/p5.easing.js"
+		},
+		"./package.json": "./package.json"
+	},
+	"files": [
+		"dist/",
+		"package.json",
+		"README.md",
+		"LICENSE"
+	],
+	"keywords": [
+		"p5.js",
+		"easing",
+		"penner"
+	],
+	"author": "ff6347 <[email protected]>",
+	"license": "BSD",
+	"description": "Easing functions for p5js",
+	"type": "module",
+	"prettier": {
+		"tabWidth": 2,
+		"semi": true,
+		"singleQuote": false,
+		"useTabs": true,
+		"printWidth": 80,
+		"overrides": [
+			{
+				"files": [
+					"*.yml",
+					"*.yaml"
+				],
+				"options": {
+					"useTabs": false
+				}
+			}
+		]
+	}
+}