Compare commits

...

No commits in common. "main" and "5a6b36309399bafe347517c34eced88b63d90c9c" have entirely different histories.

8 changed files with 271 additions and 28 deletions

160
.gitignore vendored
View File

@ -52,20 +52,6 @@ $RECYCLE.BIN/
# Windows shortcuts
*.lnk
# ---> VisualStudioCode
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
!.vscode/*.code-snippets
# Local History for Visual Studio Code
.history/
# Built Visual Studio Code Extensions
*.vsix
# ---> VisualStudio
## Ignore Visual Studio temporary files, build results, and
## files generated by popular Visual Studio add-ons.
@ -468,3 +454,149 @@ FodyWeavers.xsd
# JetBrains Rider
*.sln.iml
# ---> VisualStudioCode
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
!.vscode/*.code-snippets
# Local History for Visual Studio Code
.history/
# Built Visual Studio Code Extensions
*.vsix
# ---> Node
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*
# Diagnostic reports (https://nodejs.org/api/report.html)
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov
# Coverage directory used by tools like istanbul
coverage
*.lcov
# nyc test coverage
.nyc_output
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
.grunt
# Bower dependency directory (https://bower.io/)
bower_components
# node-waf configuration
.lock-wscript
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
jspm_packages/
# Snowpack dependency directory (https://snowpack.dev/)
web_modules/
# TypeScript cache
*.tsbuildinfo
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Optional stylelint cache
.stylelintcache
# Microbundle cache
.rpt2_cache/
.rts2_cache_cjs/
.rts2_cache_es/
.rts2_cache_umd/
# Optional REPL history
.node_repl_history
# Output of 'npm pack'
*.tgz
# Yarn Integrity file
.yarn-integrity
# dotenv environment variable files
.env
.env.development.local
.env.test.local
.env.production.local
.env.local
# parcel-bundler cache (https://parceljs.org/)
.cache
.parcel-cache
# Next.js build output
.next
out
# Nuxt.js build / generate output
.nuxt
dist
# Gatsby files
.cache/
# Comment in the public line in if your project uses Gatsby and not Next.js
# https://nextjs.org/blog/next-9-1#public-directory-support
# public
# vuepress build output
.vuepress/dist
# vuepress v2.x temp and cache directory
.temp
.cache
# Docusaurus cache and generated files
.docusaurus
# Serverless directories
.serverless/
# FuseBox cache
.fusebox/
# DynamoDB Local files
.dynamodb/
# TernJS port file
.tern-port
# Stores VSCode versions used for testing VSCode extensions
.vscode-test
# yarn v2
.yarn/cache
.yarn/unplugged
.yarn/build-state.yml
.yarn/install-state.gz
.pnp.*

View File

@ -1,3 +1,3 @@
# Social_Cooking_Team
# msc-uxd-fs26-test
Hier im Readme schreiben wir etwas dazu, wie/ob wir KI benutzen.
Test-Repository für Unterrichtszwecke

122
estelle-köhler.html Normal file
View File

@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Estelle's Comedy Show</title>
<style>
:root {
--bg-color: #111;
--text-color: #eee;
--accent-color: #ff69b4; /* pink accent */
--accent2-color: #9370db; /* lila accent */
--font-stack: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
margin: 0;
font-family: var(--font-stack);
color: var(--text-color);
background-color: var(--bg-color);
text-align: center;
overflow-x: hidden;
}
header {
background-color: #222;
padding: 1rem;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2.5rem;
}
.hero {
padding: 2rem;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.hero img {
max-height: 400px;
width: auto;
border-radius: 8px;
border: 4px solid var(--accent-color);
}
.tour {
padding: 2rem;
}
.tour table {
width: 100%;
max-width: 600px;
margin: 0 auto;
border-collapse: collapse;
}
.tour th, .tour td {
border: 1px solid #444;
padding: 0.5rem;
text-align: center;
}
.tour th {
background-color: #222;
}
@media (max-width: 600px) {
.hero img {
max-width: 200px;
}
}
</style>
</head>
<body>
<header>
<h1>Estelle's Comedy Show</h1>
</header>
<section class="hero">
<h2>Live on stage!</h2>
<img src="image_2e567a.png" alt="Estelle auf der Bühne">
</section>
<section class="tour">
<h2>Tour-Daten</h2>
<table>
<thead>
<tr><th>Datum</th><th>Ort</th><th>Status</th></tr>
</thead>
<tbody>
<tr><td>15. April 2026</td><td>Zürich</td><td>Tickets verfügbar</td></tr>
<tr><td>22. April 2026</td><td>Bern</td><td>Ausverkauft</td></tr>
<tr><td>30. April 2026</td><td>Basel</td><td>Tickets verfügbar</td></tr>
<tr><td>5. Mai 2026</td><td>Lausanne</td><td>Vorverkauf</td></tr>
</tbody>
</table>
</section>
<footer>
<p>&copy; 2026 Estelle's Comedy Show</p>
</footer>
<script>
// cursor laugh effect
document.addEventListener('mousemove', function(e) {
const span = document.createElement('span');
span.textContent = 'Ha Ha Ha';
span.style.position = 'fixed';
span.style.left = e.pageX + 'px';
span.style.top = e.pageY + 'px';
span.style.color = 'var(--accent-color)';
span.style.pointerEvents = 'none';
span.style.opacity = '1';
span.style.transition = 'transform 1s ease-out, opacity 1s ease-out';
const size = Math.random() * 10 + 14;
span.style.fontSize = size + 'px';
span.style.transform = `translate(-50%, -50%) rotate(${(Math.random()*40-20)}deg)`;
document.body.appendChild(span);
requestAnimationFrame(() => {
span.style.transform += ' translateY(-30px)';
span.style.opacity = '0';
});
setTimeout(() => document.body.removeChild(span), 1000);
});
</script>
</body>
</html>

1
estelle-köhler.txt Normal file
View File

@ -0,0 +1 @@
Welcome to the chaos

BIN
estelle.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -1,12 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
</body>
</html>

View File

View File