Initial commit
This commit is contained in:
parent
80700ab28b
commit
e89aa4f978
17 changed files with 387 additions and 89 deletions
209
.github/copilot-instructions.md
vendored
Normal file
209
.github/copilot-instructions.md
vendored
Normal file
|
|
@ -0,0 +1,209 @@
|
|||
# Studio UMZU - Copilot Instructions
|
||||
|
||||
## Project Overview
|
||||
|
||||
This is a **Zola static site** for Studio UMZU, a Berlin-based workshop team offering maker education. The site uses the [Duckquill theme](https://duckquill.daudix.one) and is deployed with multilingual support (German primary, English secondary).
|
||||
|
||||
## Architecture & Key Concepts
|
||||
|
||||
### Static Site Structure
|
||||
- **Zola**: Static site generator written in Rust (similar to Hugo/Jekyll)
|
||||
- **Duckquill Theme**: Located in `themes/duckquill/`, provides templates, styles, and base functionality
|
||||
- **Content**: Markdown files in `content/` with TOML frontmatter (`+++`)
|
||||
- **Output**: Generated to `public/` directory (not version controlled)
|
||||
|
||||
### Multilingual Setup
|
||||
- **Default language**: German (`de`) - files without suffix (e.g., `_index.md`)
|
||||
- **English**: Files with `.en.md` suffix (e.g., `_index.en.md`)
|
||||
- Language-specific content uses Zola's built-in i18n with translations in `i18n/de.toml`
|
||||
|
||||
### Content Organization
|
||||
- **Section pages**: `_index.md` or `_index.en.md` files
|
||||
- **Single pages**: Can be either standalone `.md` files or `folder/index.md` structure
|
||||
- **Colocated assets**: Images and resources placed alongside content markdown files
|
||||
|
||||
## Critical Developer Workflows
|
||||
|
||||
### Building & Previewing
|
||||
```bash
|
||||
# Development server with live reload
|
||||
zola serve
|
||||
|
||||
# Production build
|
||||
zola build
|
||||
|
||||
# Build with specific base URL
|
||||
zola build --base-url https://studio-umzu.de/
|
||||
```
|
||||
|
||||
The site is configured in `config.toml` with:
|
||||
- `compile_sass = true` - SCSS compilation enabled
|
||||
- `minify_html = true` - Production optimization
|
||||
- `hard_link_static = false` - Proper static file copying
|
||||
|
||||
### Content Management Scripts
|
||||
|
||||
The `scripts/` directory contains helper utilities:
|
||||
|
||||
1. **`create_german_stubs.sh`**: Creates `.de.md` versions from base `.md` files
|
||||
- Automatically prefixes titles with "Übersetzung: "
|
||||
- Uses macOS-compatible `sed -i ''` syntax
|
||||
|
||||
2. **`add_update_frontmatter.sh`**: Adds `updated` field to frontmatter after existing `date` field
|
||||
|
||||
3. **`organize.sh`**: Converts ISO-dated files (`2023-06-01-post.md`) into folder structure (`2023-06-01-post/index.md`)
|
||||
|
||||
4. **`youtube_rewrite.sh`**: Migrates old Jekyll-style video embeds to Zola shortcodes
|
||||
|
||||
## Custom Shortcodes & Components
|
||||
|
||||
The site extends Duckquill with custom shortcodes in `templates/shortcodes/`:
|
||||
|
||||
### 1. **Skills** (`skills.html`)
|
||||
Renders categorized skill lists with icons. Usage in markdown:
|
||||
```markdown
|
||||
{% skills() %}
|
||||
[
|
||||
{
|
||||
"name": "Category Name",
|
||||
"skills": [
|
||||
{ "name": "Skill", "icon": "fas fa-icon", "link": "https://..." }
|
||||
]
|
||||
}
|
||||
]
|
||||
{% end %}
|
||||
```
|
||||
|
||||
### 2. **Timeline** (`timeline.html`)
|
||||
Displays chronological events with dates and locations:
|
||||
```markdown
|
||||
{% timeline() %}
|
||||
[
|
||||
{
|
||||
"title": "Event",
|
||||
"from": "2023-01",
|
||||
"to": "2023-12",
|
||||
"location": "Berlin",
|
||||
"icon": "fas fa-map-marker",
|
||||
"body": "Description",
|
||||
"link": "https://..."
|
||||
}
|
||||
]
|
||||
{% end %}
|
||||
```
|
||||
|
||||
### 3. **Gallery** (`gallery.html`)
|
||||
Creates image galleries from JSON data:
|
||||
```markdown
|
||||
{% gallery() %}
|
||||
[
|
||||
{ "file": "image.jpg", "alt": "Description", "title": "Caption" }
|
||||
]
|
||||
{% end %}
|
||||
```
|
||||
|
||||
### 4. **Mermaid** (`mermaid.html`)
|
||||
Embeds Mermaid.js diagrams - requires mermaid.js loaded via `config.toml` or page frontmatter
|
||||
|
||||
All custom shortcodes use `load_data(literal = body, format="json")` to parse JSON from markdown body.
|
||||
|
||||
## Styling System
|
||||
|
||||
### SCSS Architecture
|
||||
- **Main**: `sass/style.scss` imports all partials
|
||||
- **Variables**: `sass/_variables.scss` defines theme tokens
|
||||
- **Custom CSS**: Added via `config.toml` extra.styles array:
|
||||
```toml
|
||||
[extra]
|
||||
styles = [
|
||||
"/css/timeline.css",
|
||||
"/css/mermaid.css",
|
||||
"/css/skills.css",
|
||||
"/css/gallery.css",
|
||||
]
|
||||
```
|
||||
|
||||
### Theme Customization
|
||||
- Custom SCSS mods can be added in `sass/mods/` (see examples like `_modern-headings.scss`)
|
||||
- The theme supports dark/light modes with `accent_color` and `accent_color_dark` in config
|
||||
|
||||
## Frontmatter Conventions
|
||||
|
||||
### Required Fields
|
||||
```toml
|
||||
+++
|
||||
title = "Page Title"
|
||||
description = "Meta description"
|
||||
+++
|
||||
```
|
||||
|
||||
### Common Optional Fields
|
||||
- `date = 2023-08-31` - Publication date (ISO format)
|
||||
- `updated = "2024-06-21"` - Last update date
|
||||
- `[taxonomies]` - Tags: `tags = ["Tag1", "Tag2"]`
|
||||
- `[extra]` section for theme-specific options
|
||||
|
||||
### Extra Section Examples
|
||||
```toml
|
||||
[extra]
|
||||
toc = true # Enable table of contents
|
||||
toc_inline = true # Show TOC inline
|
||||
banner = "image.webp" # Hero image (colocated)
|
||||
go_to_top = true # Show "back to top" button
|
||||
styles = ["custom.css"] # Page-specific CSS
|
||||
scripts = ["custom.js"] # Page-specific JS
|
||||
|
||||
[extra.comments] # Mastodon comments integration
|
||||
host = "mastodon.online"
|
||||
user = "reprintedAron"
|
||||
```
|
||||
|
||||
## Configuration Patterns
|
||||
|
||||
### Key Config Locations
|
||||
- **Site config**: `config.toml` (root)
|
||||
- **Theme config**: `themes/duckquill/config.toml` (reference only)
|
||||
- **Old config backup**: `old_config.toml`
|
||||
|
||||
### Important Config Sections
|
||||
```toml
|
||||
[extra.nav]
|
||||
links = [
|
||||
{ url = "https://...", name = "Name", external = true }
|
||||
]
|
||||
|
||||
[extra.footer]
|
||||
socials = [
|
||||
{ url = "mailto:...", name = "Email", icon = "..." }
|
||||
]
|
||||
show_copyright = true
|
||||
show_source = true
|
||||
```
|
||||
|
||||
## Development Best Practices
|
||||
|
||||
1. **Always run from project root**: Zola expects to be run from the directory containing `config.toml`
|
||||
|
||||
2. **Script execution**: Helper scripts expect to be run from `scripts/` directory (use relative path `../content`)
|
||||
|
||||
3. **macOS compatibility**: Scripts use `sed -i ''` syntax (empty string for in-place edit without backup)
|
||||
|
||||
4. **Asset colocation**: Place images next to markdown files, reference with relative paths
|
||||
|
||||
5. **Multilingual workflow**: Create German base content first, then English `.en.md` versions
|
||||
|
||||
6. **Custom shortcodes**: JSON data must be valid - use arrays of objects with consistent schemas
|
||||
|
||||
## Common Pitfalls
|
||||
|
||||
- **Don't edit `public/`**: It's generated output, changes will be overwritten
|
||||
- **Don't modify theme files directly**: Override via `templates/` or `sass/` in project root
|
||||
- **Shortcode JSON**: Must be properly formatted arrays; missing commas or quotes will break builds
|
||||
- **Frontmatter format**: Zola uses `+++` TOML delimiters, not `---` YAML
|
||||
- **Date formats**: Use ISO 8601 (`YYYY-MM-DD`) for dates in frontmatter
|
||||
|
||||
## External Integrations
|
||||
|
||||
- **GoatCounter Analytics**: Configured via `[extra.goatcounter]` section
|
||||
- **Mastodon Comments**: Fetches replies from Mastodon posts via API
|
||||
- **Source Repository**: Links to Forgejo instance at `forgejo.petau.net`
|
||||
11
config.toml
11
config.toml
|
|
@ -67,6 +67,9 @@ links = [
|
|||
]
|
||||
|
||||
[extra.footer]
|
||||
links = [
|
||||
{ url = "@/impressum/_index.md", name = "Impressum" }
|
||||
]
|
||||
|
||||
socials = [
|
||||
{ url = "mailto:kontakt@studio-umzu.de", name = "Email", icon = "%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EEmail%3C/title%3E%3Cpath d='M1.5 4.5h21a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 18V6a1.5 1.5 0 0 1 1.5-1.5zm10.5 7.125L2.25 6.75v.375L12 12.75l9.75-5.625V6.75l-9.75 4.875z'/%3E%3C/svg%3E" }
|
||||
|
|
@ -75,14 +78,6 @@ show_copyright = true
|
|||
show_powered_by = false
|
||||
show_source = true
|
||||
|
||||
[extra.comments]
|
||||
host = "mastodon.online"
|
||||
user = "reprintedAron"
|
||||
show_qr = true
|
||||
|
||||
[extra.goatcounter]
|
||||
#host = ""
|
||||
user = "awebsite"
|
||||
|
||||
[extra.debug]
|
||||
layout = false
|
||||
|
|
|
|||
|
|
@ -2,23 +2,25 @@
|
|||
title = "Studio UM.ZU - Making Workshops"
|
||||
description = "Shaping the future — connecting analog and digital. Book us for your next digital education workshop."
|
||||
+++
|
||||
<br>
|
||||
<br>
|
||||
|
||||
{{ image(url="/logo.png", alt="Studio UM.ZU", no_hover=false, spoiler=false, start=false, full=true) }}
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
## Your Creative Workshop Team
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
We are Aron Petau and Friedrich Weber Goizel — makers, artists, and passionate technology educators.
|
||||
We design and run workshops in Berlin.
|
||||
We are Aron Petau and Friedrich Weber Goizel — makers, artists, and passionate technology educators.
|
||||
|
||||
📍 In Berlin, we design and run workshops with a focus on youth education, while also offering professional development for adults.
|
||||
|
||||
Beyond workshops, we also conceptualize and realize complete makerspaces as physical environments and learning spaces. From initial concept to finished setup, we guide you through the process: We consult on equipment selection, assist with spatial design, and support you in building a functional and inspiring makerspace.
|
||||
|
||||
We bring digital practice into libraries, schools, and youth centers.
|
||||
Our workshops are designed to foster creativity, curiosity, and technical skills.
|
||||
|
|
@ -28,7 +30,17 @@ We offer both mobile demonstrations and introductory events as well as in-depth
|
|||
|
||||
Each workshop is tailored to your needs, your audience, and your space.
|
||||
|
||||
We offer:
|
||||
## Our Approach
|
||||
|
||||
Makerspaces are more than just workshops — they are open learning environments that fundamentally differ from traditional classrooms. Instead of frontal teaching, **peer learning** is at the core: participants learn from each other, exchange ideas, and develop solutions together. Through hands-on experience, people become active, realize their ideas, and experiment in a space that embraces mistakes as part of the learning process.
|
||||
|
||||
Our workshops serve as **scaffolding**: We create a supportive infrastructure of tools, materials, and guidance that enables participants to work and learn independently. This scaffolding provides just the right amount of support — neither too much nor too little — so that everyone can realize their own ideas.
|
||||
|
||||
At the heart of our workshops is **self-efficacy**: We create experiences where everyone discovers that their own actions lead to tangible results. This "I did it!" moment builds confidence and motivates continued learning.
|
||||
|
||||
We reach all participants through their **intrinsic motivation** — through topics and projects that spark their own curiosity. Our offerings are always **voluntary** and inviting, never mandatory. This creates genuine learning experiences driven by personal interest and the joy of discovery.
|
||||
|
||||
We offer:
|
||||
|
||||
- Workshops on 3D printing, laser cutting, plotting, robotics, photo/video, and much more.
|
||||
- Flexible formats: using your equipment or our mobile demo setups
|
||||
|
|
@ -47,10 +59,8 @@ For inquiries, bookings, or to discuss a custom workshop, write to us:
|
|||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
---
|
||||
|
||||
|
||||
## Our Profiles
|
||||
|
||||
### Aron
|
||||
|
|
@ -69,8 +79,7 @@ In particular, within the research program [InKüLe](https://inkuele.de), Innova
|
|||
|
||||
In collaboration at [studio einszwovier](https://www.gvb-berlin.de/unterricht-plus/arbeitsgemeinschaften/maker-space-studio-einszwovier/) with Friedrich, Aron was also able to test his master’s thesis on design practice as a peer-learning format in school teaching.
|
||||
|
||||
Here’s a detailed [bio](https://aron.petau.net/pages/cv):
|
||||
|
||||
Here’s a detailed [bio](https://aron.petau.net/pages/cv):
|
||||
|
||||
### Friedrich
|
||||
|
||||
|
|
@ -93,62 +102,75 @@ What matters most to him is sparking enthusiasm for technology, offering a low-t
|
|||
|
||||
Find out more about Friedrich [here](https://friedrichwebergoizel.com).
|
||||
|
||||
|
||||
---
|
||||
|
||||
|
||||
## Our combined workshop skills
|
||||
|
||||
{% skills() %}
|
||||
[
|
||||
{
|
||||
"name": "3D Design & Slicing",
|
||||
"name": "3D Printing & Manufacturing",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"An intuitive 3D modeling app for creating printable shapes.\">Shapr3D</abbr>", "icon": "fas fa-drafting-compass", "link": "https://www.shapr3d.com" },
|
||||
{ "name": "<abbr title=\"A professional CAD tool used for designing mechanical parts and products.\">Fusion 360</abbr>", "icon": "fas fa-project-diagram", "link": "https://www.autodesk.com/products/fusion-360" },
|
||||
{ "name": "<abbr title=\"A beginner-friendly web app for building simple 3D models.\">Tinkercad</abbr>", "icon": "fas fa-cubes", "link": "https://www.tinkercad.com" },
|
||||
{ "name": "<abbr title=\"An iPad app for intuitive 3D sculpting and organic modeling.\">Nomad Sculpt</abbr>", "icon": "fas fa-hands", "link": "https://nomadsculpt.com" },
|
||||
{ "name": "<abbr title=\"A program that prepares 3D models for printing on Prusa machines.\">PrusaSlicer</abbr>", "icon": "fas fa-cut", "link": "https://www.prusa3d.com/page/prusaslicer_424" },
|
||||
{ "name": "<abbr title=\"A popular slicer software for preparing 3D print jobs.\">Cura</abbr>", "icon": "fas fa-layer-group", "link": "https://ultimaker.com/software/ultimaker-cura/" },
|
||||
{ "name": "<abbr title=\"A slicer program optimized for many modern 3D printers.\">OrcaSlicer</abbr>", "icon": "fas fa-fish", "link": "https://orcaslicer.com" },
|
||||
{ "name": "<abbr title=\"A web-based slicer and CAM tool for 3D printing and CNC.\">Kiri:Moto</abbr>", "icon": "fas fa-network-wired", "link": "https://grid.space/kiri/" }
|
||||
{ "name": "<abbr title=\"A web-based slicer and CAM tool for 3D printing and CNC.\">Kiri:Moto</abbr>", "icon": "fas fa-network-wired", "link": "https://grid.space/kiri/" },
|
||||
{ "name": "<abbr title=\"Printers that use liquid resin and UV light to make detailed prints.\">Resin Printers</abbr>", "icon": "fas fa-vial", "link": "https://www.prusa3d.com/product/original-prusa-sl1s-speed-3d-printer/" },
|
||||
{ "name": "<abbr title=\"Printers that use melted plastic filament to create 3D objects.\">Filament Printers</abbr>", "icon": "fas fa-cube", "link": "https://www.prusa3d.com/product/original-prusa-mk4s-3d-printer-kit/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Graphic Design",
|
||||
"name": "Creative Design",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"A vector design tool for creating graphics and illustrations.\">Affinity Designer</abbr>", "icon": "fas fa-pencil-ruler", "link": "https://affinity.serif.com/designer/" },
|
||||
{ "name": "<abbr title=\"A free, open-source tool for creating vector drawings.\">Inkscape</abbr>", "icon": "fas fa-palette", "link": "https://inkscape.org" },
|
||||
{ "name": "<abbr title=\"An embroidery design extension for Inkscape, used for preparing stitching patterns.\">Ink/Stitch</abbr>", "icon": "fas fa-needle", "link": "https://inkstitch.org" },
|
||||
{ "name": "<abbr title=\"An online design platform for easy graphics, posters, and more.\">Canva</abbr>", "icon": "fas fa-paint-brush", "link": "https://www.canva.com" },
|
||||
{ "name": "<abbr title=\"A 3D creation platform where kids can build interactive virtual worlds.\">CoSpaces Edu</abbr>", "icon": "fas fa-vr-cardboard", "link": "https://cospaces.io/edu/" }
|
||||
{ "name": "<abbr title=\"Versatile iPads for creative and educational workshops.\">iPads</abbr>", "icon": "fas fa-tablet-alt", "link": "https://www.apple.com/ipad/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Educational Technology",
|
||||
"name": "Robotics & Physical Computing",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"Tiny robots that help kids learn coding through play.\">Ozobot</abbr>", "icon": "fas fa-robot", "link": "https://ozobot.com" },
|
||||
{ "name": "<abbr title=\"A simple floor robot that teaches young learners basic programming.\">Blue-Bot</abbr>", "icon": "fas fa-car-side", "link": "https://www.tts-international.com/tts-blue-bot-bluetooth-programmable-floor-robot/1015269.html" },
|
||||
{ "name": "<abbr title=\"A microcontroller board used for teaching coding and electronics.\">Calliope mini</abbr>", "icon": "fas fa-microchip", "link": "https://calliope.cc" },
|
||||
{ "name": "<abbr title=\"A LEGO robotics kit for hands-on STEM learning.\">LEGO Spike</abbr>", "icon": "fas fa-cog", "link": "https://spike.legoeducation.com" },
|
||||
{ "name": "<abbr title=\"A LEGO kit designed to teach kids about robotics and engineering.\">LEGO WeDo</abbr>", "icon": "fas fa-cogs", "link": "http://legoengineering.com/platform/wedo/index.html" },
|
||||
{ "name": "<abbr title=\"Small drones used for aerial photography and hands-on flying demos.\">DJI Drones</abbr>", "icon": "fas fa-drone", "link": "https://www.dji.com" },
|
||||
{ "name": "<abbr title=\"Programmable robot arms like those used in factories.\">Industrial Robot Arms</abbr>", "icon": "fas fa-hand-paper", "link": "https://www.universal-robots.com/products/ur5e/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "3D Printing Hardware",
|
||||
"name": "Programming & Web",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"Printers that use liquid resin and UV light to make detailed prints.\">Resin Printers</abbr>", "icon": "fas fa-vial", "link": "https://www.prusa3d.com/product/original-prusa-sl1s-speed-3d-printer/" },
|
||||
{ "name": "<abbr title=\"Printers that use melted plastic filament to create 3D objects.\">Filament Printers</abbr>", "icon": "fas fa-cube", "link": "https://www.prusa3d.com/product/original-prusa-mk4s-3d-printer-kit/" }
|
||||
{ "name": "<abbr title=\"A visual block-based coding platform for kids and beginners.\">Scratch</abbr>", "icon": "fas fa-cat", "link": "https://scratch.mit.edu" },
|
||||
{ "name": "<abbr title=\"A block-based programming environment for microcontrollers and educational boards.\">MakeCode</abbr>", "icon": "fas fa-code", "link": "https://www.microsoft.com/en-us/makecode" },
|
||||
{ "name": "<abbr title=\"A popular, beginner-friendly programming language.\">Python</abbr>", "icon": "fab fa-python", "link": "https://www.python.org" },
|
||||
{ "name": "<abbr title=\"Python library for data analysis and manipulation.\">Pandas</abbr>", "icon": "fas fa-table", "link": "https://pandas.pydata.org" },
|
||||
{ "name": "<abbr title=\"Python library for creating data visualizations and charts.\">Matplotlib</abbr>", "icon": "fas fa-chart-line", "link": "https://matplotlib.org" },
|
||||
{ "name": "<abbr title=\"The practice of building and designing websites and web applications.\">Web Development</abbr>", "icon": "fas fa-laptop-code", "link": "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Programming",
|
||||
"name": "Electronics & Making",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"A visual block-based coding platform for kids and beginners.\">Scratch</abbr>", "icon": "fas fa-cat", "link": "https://scratch.mit.edu" },
|
||||
{ "name": "<abbr title=\"An invention kit that connects everyday objects to computer programs.\">Makey Makey</abbr>", "icon": "fas fa-plug", "link": "https://makeymakey.com" },
|
||||
{ "name": "<abbr title=\"A popular, beginner-friendly programming language.\">Python</abbr>", "icon": "fab fa-python", "link": "https://www.python.org" },
|
||||
{ "name": "<abbr title=\"The practice of building and designing websites and web applications.\">Web Development</abbr>", "icon": "fas fa-code", "link": "#" }
|
||||
{ "name": "<abbr title=\"A versatile single-board computer for DIY projects and coding.\">Raspberry Pi</abbr>", "icon": "fab fa-raspberry-pi", "link": "https://www.raspberrypi.org" },
|
||||
{ "name": "<abbr title=\"Connecting electronic components using solder.\">Soldering</abbr>", "icon": "fas fa-fire", "link": "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "AI & Digital Media",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"Generative AI image creation using Stable Diffusion.\">Generative Image AI</abbr>", "icon": "fas fa-brain", "link": "https://stability.ai" },
|
||||
{ "name": "<abbr title=\"A visual programming environment for interactive multimedia and real-time graphics projects.\">TouchDesigner</abbr>", "icon": "fas fa-project-diagram", "link": "https://derivative.ca" },
|
||||
{ "name": "<abbr title=\"A game engine for 3D and 2D game development and interactive experiences.\">Unity</abbr>", "icon": "fas fa-gamepad", "link": "https://unity.com" },
|
||||
{ "name": "<abbr title=\"A 3D creation platform where kids can build interactive virtual worlds.\">CoSpaces Edu</abbr>", "icon": "fas fa-vr-cardboard", "link": "https://cospaces.io/edu/" },
|
||||
{ "name": "<abbr title=\"Small drones used for aerial photography and hands-on flying demos.\">DJI Drones</abbr>", "icon": "fas fa-drone", "link": "https://www.dji.com" }
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
|
|||
|
|
@ -2,25 +2,27 @@
|
|||
title = "Studio UM.ZU - Making Workshops"
|
||||
description = "Die Zukunft gestalten — Analoges und Digitales verbindend. Buchen Sie uns für Ihren nächsten Workshop in der digitalen Bildung."
|
||||
+++
|
||||
<br>
|
||||
<br>
|
||||
|
||||
{{ image(url="/logo.png", alt="Studio UM.ZU", no_hover=false, spoiler=false, start=false, full=true) }}
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<br>
|
||||
|
||||
## Euer Kreativ-Workshop-Team
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
Wir sind Aron Petau und Friedrich Weber Goizel — Maker, Künstler und leidenschaftliche Technikvermittler.
|
||||
Wir entwickeln und veranstalten Workshops in Berlin.
|
||||
Wir sind Aron Petau und Friedrich Weber Goizel — Maker, Künstler und leidenschaftliche Technikvermittler.
|
||||
|
||||
Wir bringen digitale Praxis hinein in Bibliotheken, Schulen und Jugendzentren.
|
||||
📍 In Berlin entwickeln und veranstalten wir Workshops mit Schwerpunkt auf Jugendbildung, bieten aber auch Erwachsenenfortbildung an.
|
||||
|
||||
Neben Workshops konzipieren und realisieren wir auch komplette Makerspaces als Räume und Lernumgebungen. Von der ersten Idee bis zur Einrichtung begleiten wir euch: Wir beraten bei der Auswahl des passenden Equipments, helfen bei der Raumgestaltung und unterstützen euch dabei, einen funktionalen und inspirierenden Makerspace aufzubauen.
|
||||
|
||||
Wir bringen digitale Praxis hinein in Bibliotheken, Schulen und Jugendzentren.
|
||||
Unsere Workshops sind darauf ausgelegt, Kreativität, Neugier und technische Fähigkeiten zu fördern.
|
||||
|
||||
Egal, ob ihr schon einen Makerspace mit 3D-Druckern, Lasercuttern oder Plottern habt oder ganz am Anfang steht — wir passen uns an.
|
||||
|
|
@ -28,7 +30,17 @@ Wir bieten sowohl mobile Vorführungen und Einführungsveranstaltungen als auch
|
|||
|
||||
Jeder Workshop wird individuell auf eure Bedürfnisse, euer Publikum und euren Raum zugeschnitten.
|
||||
|
||||
Wir bieten:
|
||||
## Unsere Arbeitsweise
|
||||
|
||||
Makerspaces sind mehr als nur Werkstätten — sie sind offene Lernorte, die sich grundlegend von klassischen Lernräumen unterscheiden. Statt frontalem Unterricht steht hier das **Peer Learning** im Mittelpunkt: Teilnehmende lernen voneinander, tauschen sich aus und entwickeln gemeinsam Lösungen. Durch eigenes Tun werden Menschen aktiv, verwirklichen ihre Ideen und experimentieren in einem Raum, der Fehler als Teil des Lernprozesses begreift.
|
||||
|
||||
Unsere Workshops dienen dabei als **Gerüst**: Wir schaffen eine hilfreiche Infrastruktur aus Werkzeugen, Materialien und Anleitung, die es den Teilnehmenden ermöglicht, eigenständig zu arbeiten und zu lernen. Diese Unterstützung bietet genau die richtige Hilfestellung — weder zu viel noch zu wenig — damit jede:r ihre eigenen Ideen verwirklichen kann.
|
||||
|
||||
In unseren Workshops steht die **Selbstwirksamkeit** im Mittelpunkt: Wir schaffen Erfahrungen, in denen jede:r erlebt, dass die eigenen Handlungen zu sichtbaren Ergebnissen führen. Dieser Moment des „Ich habe es geschafft!" stärkt das Selbstvertrauen und motiviert zum Weiterlernen.
|
||||
|
||||
Wir erreichen alle Teilnehmenden über ihre **intrinsische Motivation** — durch Themen und Projekte, die ihre eigene Neugier wecken. Unsere Angebote sind immer **freiwillig** und einladend, nie zwingend. So entstehen echte Lernerlebnisse, getragen von eigenem Interesse und Entdeckerfreude.
|
||||
|
||||
Wir bieten:
|
||||
|
||||
- Workshops zu 3D-Druck, Lasercutting, Plotten, Robotik, Foto/Video und vielem mehr.
|
||||
- Flexible Durchführung: auf eurem Equipment oder mit unseren mobilen Demo-Setups
|
||||
|
|
@ -42,15 +54,13 @@ Wir freuen uns, von euch zu hören!
|
|||
Für Anfragen, Buchungen oder um über einen individuellen Workshop zu sprechen, schreibt uns:
|
||||
|
||||
<div class="buttons centered">
|
||||
<a class="big colored" href="mailto:kontakt@studio-umzu.de?subject=Studio%20UM%3CZU">
|
||||
<a class="big colored external" href="mailto:kontakt@studio-umzu.de?subject=Studio%20UM%3CZU">
|
||||
kontakt@studio-umzu.de
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
---
|
||||
|
||||
|
||||
## Unsere Profile
|
||||
|
||||
### Aron
|
||||
|
|
@ -63,13 +73,13 @@ Für Anfragen, Buchungen oder um über einen individuellen Workshop zu sprechen,
|
|||
|
||||
Aron hat einen Hintergrund in Kognitionswissenschaften, KI und Mediendidaktik.
|
||||
Er liebt knifflige Software-Probleme und denkt gerne über Plastik als Werkstoff jenseits des Druckers nach.
|
||||
Er hat bereits im Grundstudium im Rahmen des Forschungsprojektes [UOS.DLL – Digitales Lernen Leben](https://lehrportal.uni-osnabrueck.de/uosdll/) Makerspaces mit konzipiert und aufgebaut.
|
||||
Er hat bereits im Grundstudium im Rahmen des Forschungsprojektes [UOS.DLL – Digitales Lernen Leben](https://lehrportal.uni-osnabrueck.de/uosdll/) Makerspaces mit konzipiert und aufgebaut.
|
||||
Auch im künstlerischen Master, [Design and Computation](https://www.newpractice.net/study) beschäftigte er sich viel mit Technikdidaktik und technischen Zukünften.
|
||||
Besonders im Forschungsprogramm [InKüLe](https://inkuele.de), Innovationen für die künstlerische Lehre an der UdK, konnte er viel Erfahrung mit neuen Lehr- und Lernformen sammeln, von Eventbetreuung durch eigene Livestreaminglösungen hin zur Konzeption und Durchführung eigener Workshops zu KI und Virtuellen Realitäten.
|
||||
Besonders im Forschungsprogramm [InKüLe](https://inkuele.de), Innovationen für die künstlerische Lehre an der UdK, konnte er viel Erfahrung mit neuen Lehr- und Lernformen sammeln, von Eventbetreuung durch eigene Livestreaminglösungen hin zur Konzeption und Durchführung eigener Workshops zu KI und Virtuellen Realitäten.
|
||||
|
||||
In der Zusammenarbeit im [studio einszwovier](https://www.gvb-berlin.de/unterricht-plus/arbeitsgemeinschaften/maker-space-studio-einszwovier/) mit Friedrich konnte Aron auch seine Masterarbeit zu Designpraxis als peer-learning Format im schulischen Unterricht erproben.
|
||||
In der Zusammenarbeit im [studio einszwovier](https://www.gvb-berlin.de/unterricht-plus/arbeitsgemeinschaften/maker-space-studio-einszwovier/) mit Friedrich konnte Aron auch seine Masterarbeit zu Designpraxis als peer-learning Format im schulischen Unterricht erproben.
|
||||
|
||||
Hier gibt’s eine ausführliche [Bio](https://aron.petau.net/pages/cv):
|
||||
Hier gibt’s eine ausführliche [Bio](https://aron.petau.net/pages/cv):
|
||||
|
||||
### Friedrich
|
||||
|
||||
|
|
@ -90,7 +100,6 @@ Neben der Leitung des Makerspaces [studio einszwovier](https://www.gvb-berlin.de
|
|||
|
||||
Besonders wichtig ist es ihm, Begeisterung für Technik zu wecken, einen niederschwelligen Einstieg zu geben, gemeinsam Neues auszuprobieren und eine Lernumgebung zu gestalten, in der auf spielerische Weise ein kreativer Zugang zu Technik entsteht.
|
||||
|
||||
|
||||
Finde [hier](https://friedrichwebergoizel.com) mehr über Friedrich heraus.
|
||||
|
||||
---
|
||||
|
|
@ -100,53 +109,68 @@ Finde [hier](https://friedrichwebergoizel.com) mehr über Friedrich heraus.
|
|||
{% skills() %}
|
||||
[
|
||||
{
|
||||
"name": "3D-Design & Slicing",
|
||||
"name": "3D-Druck & Fertigung",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"Eine intuitive 3D-Modellierungs-App für druckbare Formen.\">Shapr3D</abbr>", "icon": "fas fa-drafting-compass", "link": "https://www.shapr3d.com" },
|
||||
{ "name": "<abbr title=\"Ein professionelles CAD-Tool zur Konstruktion mechanischer Teile und Produkte.\">Fusion 360</abbr>", "icon": "fas fa-project-diagram", "link": "https://www.autodesk.com/products/fusion-360" },
|
||||
{ "name": "<abbr title=\"Eine einsteigerfreundliche Web-App für einfache 3D-Modelle.\">Tinkercad</abbr>", "icon": "fas fa-cubes", "link": "https://www.tinkercad.com" },
|
||||
{ "name": "<abbr title=\"Eine iPad-App für intuitive 3D-Skulpturen und organische Modelle.\">Nomad Sculpt</abbr>", "icon": "fas fa-hands", "link": "https://nomadsculpt.com" },
|
||||
{ "name": "<abbr title=\"Ein Programm, das 3D-Modelle für den Druck auf Prusa-Maschinen vorbereitet.\">PrusaSlicer</abbr>", "icon": "fas fa-cut", "link": "https://www.prusa3d.com/page/prusaslicer_424" },
|
||||
{ "name": "<abbr title=\"Eine beliebte Slicer-Software zur Vorbereitung von 3D-Druckaufträgen.\">Cura</abbr>", "icon": "fas fa-layer-group", "link": "https://ultimaker.com/software/ultimaker-cura/" },
|
||||
{ "name": "<abbr title=\"Eine Slicer-Software, optimiert für viele moderne 3D-Drucker.\">OrcaSlicer</abbr>", "icon": "fas fa-fish", "link": "https://orcaslicer.com" },
|
||||
{ "name": "<abbr title=\"Ein webbasierter Slicer und CAM-Tool für 3D-Druck und CNC.\">Kiri:Moto</abbr>", "icon": "fas fa-network-wired", "link": "https://grid.space/kiri/" }
|
||||
{ "name": "<abbr title=\"Ein webbasierter Slicer und CAM-Tool für 3D-Druck und CNC.\">Kiri:Moto</abbr>", "icon": "fas fa-network-wired", "link": "https://grid.space/kiri/" },
|
||||
{ "name": "<abbr title=\"Drucker, die mit Flüssigharz und UV-Licht hochdetaillierte Drucke erstellen.\">Resindrucker</abbr>", "icon": "fas fa-vial", "link": "https://www.prusa3d.com/product/original-prusa-sl1s-speed-3d-printer/" },
|
||||
{ "name": "<abbr title=\"Drucker, die mit geschmolzenem Kunststofffilament 3D-Objekte erzeugen.\">Filamentdrucker</abbr>", "icon": "fas fa-cube", "link": "https://www.prusa3d.com/product/original-prusa-mk4s-3d-printer-kit/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Grafikdesign",
|
||||
"name": "Kreatives Design",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"Ein Vektor-Design-Tool für Grafiken und Illustrationen.\">Affinity Designer</abbr>", "icon": "fas fa-pencil-ruler", "link": "https://affinity.serif.com/designer/" },
|
||||
{ "name": "<abbr title=\"Ein kostenloses Open-Source-Tool für Vektorgrafiken.\">Inkscape</abbr>", "icon": "fas fa-palette", "link": "https://inkscape.org" },
|
||||
{ "name": "<abbr title=\"Eine Inkscape-Erweiterung für Stickmuster.\">Ink/Stitch</abbr>", "icon": "fas fa-needle", "link": "https://inkstitch.org" },
|
||||
{ "name": "<abbr title=\"Eine Online-Plattform für einfaches Grafikdesign, Poster und mehr.\">Canva</abbr>", "icon": "fas fa-paint-brush", "link": "https://www.canva.com" },
|
||||
{ "name": "<abbr title=\"Eine 3D-Umgebungsplattform, in der Kinder interaktive virtuelle Welten bauen.\">CoSpaces Edu</abbr>", "icon": "fas fa-vr-cardboard", "link": "https://cospaces.io/edu/" }
|
||||
{ "name": "<abbr title=\"Vielseitige iPads für kreative und pädagogische Workshops.\">iPads</abbr>", "icon": "fas fa-tablet-alt", "link": "https://www.apple.com/ipad/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Bildungstechnologien",
|
||||
"name": "Robotik & Physical Computing",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"Winzige Roboter, die Kindern spielerisch Programmieren beibringen.\">Ozobot</abbr>", "icon": "fas fa-robot", "link": "https://ozobot.com" },
|
||||
{ "name": "<abbr title=\"Ein einfacher Bodenroboter, der jungen Lernenden grundlegendes Programmieren vermittelt.\">Blue-Bot</abbr>", "icon": "fas fa-car-side", "link": "https://www.tts-international.com/tts-blue-bot-bluetooth-programmable-floor-robot/1015269.html" },
|
||||
{ "name": "<abbr title=\"Ein Mikrocontroller-Board zum Lehren von Programmierung und Elektronik.\">Calliope mini</abbr>", "icon": "fas fa-microchip", "link": "https://calliope.cc" },
|
||||
{ "name": "<abbr title=\"Ein LEGO-Roboterbausatz für praxisnahes STEM-Lernen.\">LEGO Spike</abbr>", "icon": "fas fa-cog", "link": "https://spike.legoeducation.com" },
|
||||
{ "name": "<abbr title=\"Ein LEGO-Set, das Kindern Robotik und Technik näherbringt.\">LEGO WeDo</abbr>", "icon": "fas fa-cogs", "link": "http://legoengineering.com/platform/wedo/index.html" },
|
||||
{ "name": "<abbr title=\"Kleine Drohnen für Luftaufnahmen und praktische Flugdemos.\">DJI Drones</abbr>", "icon": "fas fa-drone", "link": "https://www.dji.com" },
|
||||
{ "name": "<abbr title=\"Programmierbare Roboterarme wie in der Industrie.\">Industrieroboterarme</abbr>", "icon": "fas fa-hand-paper", "link": "https://www.universal-robots.com/products/ur5e/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "3D-Druck-Hardware",
|
||||
"name": "Programmierung & Web",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"Drucker, die mit Flüssigharz und UV-Licht hochdetaillierte Drucke erstellen.\">Resindrucker</abbr>", "icon": "fas fa-vial", "link": "https://www.prusa3d.com/product/original-prusa-sl1s-speed-3d-printer/" },
|
||||
{ "name": "<abbr title=\"Drucker, die mit geschmolzenem Kunststofffilament 3D-Objekte erzeugen.\">Filamentdrucker</abbr>", "icon": "fas fa-cube", "link": "https://www.prusa3d.com/product/original-prusa-mk4s-3d-printer-kit/" }
|
||||
{ "name": "<abbr title=\"Eine visuelle, blockbasierte Programmierplattform für Kinder und Einsteiger.\">Scratch</abbr>", "icon": "fas fa-cat", "link": "https://scratch.mit.edu" },
|
||||
{ "name": "<abbr title=\"Eine blockbasierte Programmierumgebung für Mikrocontroller und Bildungsboards.\">MakeCode</abbr>", "icon": "fas fa-code", "link": "https://www.microsoft.com/en-us/makecode" },
|
||||
{ "name": "<abbr title=\"Eine beliebte, einsteigerfreundliche Programmiersprache.\">Python</abbr>", "icon": "fab fa-python", "link": "https://www.python.org" },
|
||||
{ "name": "<abbr title=\"Python-Bibliothek für Datenanalyse und -manipulation.\">Pandas</abbr>", "icon": "fas fa-table", "link": "https://pandas.pydata.org" },
|
||||
{ "name": "<abbr title=\"Python-Bibliothek zum Erstellen von Datenvisualisierungen und Grafiken.\">Matplotlib</abbr>", "icon": "fas fa-chart-line", "link": "https://matplotlib.org" },
|
||||
{ "name": "<abbr title=\"Das Erstellen und Gestalten von Webseiten und Webanwendungen.\">Webentwicklung</abbr>", "icon": "fas fa-laptop-code", "link": "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "Programmierung",
|
||||
"name": "Elektronik & Making",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"Eine visuelle, blockbasierte Programmierplattform für Kinder und Einsteiger.\">Scratch</abbr>", "icon": "fas fa-cat", "link": "https://scratch.mit.edu" },
|
||||
{ "name": "<abbr title=\"Ein Erfinder-Set, das Alltagsobjekte mit Computerprogrammen verbindet.\">Makey Makey</abbr>", "icon": "fas fa-plug", "link": "https://makeymakey.com" },
|
||||
{ "name": "<abbr title=\"Eine beliebte, einsteigerfreundliche Programmiersprache.\">Python</abbr>", "icon": "fab fa-python", "link": "https://www.python.org" },
|
||||
{ "name": "<abbr title=\"Das Erstellen und Gestalten von Webseiten und Webanwendungen.\">Webentwicklung</abbr>", "icon": "fas fa-code", "link": "#" }
|
||||
{ "name": "<abbr title=\"Ein vielseitiger Einplatinencomputer für DIY-Projekte und Programmierung.\">Raspberry Pi</abbr>", "icon": "fab fa-raspberry-pi", "link": "https://www.raspberrypi.org" },
|
||||
{ "name": "<abbr title=\"Elektronische Bauteile mit Löten verbinden.\">Löten</abbr>", "icon": "fas fa-fire", "link": "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "KI & Digitale Medien",
|
||||
"skills": [
|
||||
{ "name": "<abbr title=\"Generative KI-Bildgenerierung mit Stable Diffusion.\">Generative Bild-KI</abbr>", "icon": "fas fa-brain", "link": "https://stability.ai" },
|
||||
{ "name": "<abbr title=\"Eine visuelle Programmierumgebung für interaktive Multimedia und Echtzeit-Grafikprojekte.\">TouchDesigner</abbr>", "icon": "fas fa-project-diagram", "link": "https://derivative.ca" },
|
||||
{ "name": "<abbr title=\"Eine Spiele-Engine für 3D- und 2D-Spieleentwicklung sowie interaktive Erlebnisse.\">Unity</abbr>", "icon": "fas fa-gamepad", "link": "https://unity.com" },
|
||||
{ "name": "<abbr title=\"Eine 3D-Umgebungsplattform, in der Kinder interaktive virtuelle Welten bauen.\">CoSpaces Edu</abbr>", "icon": "fas fa-vr-cardboard", "link": "https://cospaces.io/edu/" },
|
||||
{ "name": "<abbr title=\"Kleine Drohnen für Luftaufnahmen und praktische Flugdemos.\">DJI Drones</abbr>", "icon": "fas fa-drone", "link": "https://www.dji.com" }
|
||||
]
|
||||
}
|
||||
]
|
||||
|
|
|
|||
27
content/impressum/_index.en.md
Normal file
27
content/impressum/_index.en.md
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
+++
|
||||
title = "Legal Notice"
|
||||
+++
|
||||
|
||||
## Information according to § 5 TMG
|
||||
|
||||
Studio UMZU (private, non-registered project)
|
||||
Owner & responsible for content: Aron Petau
|
||||
Birkenstraße 75
|
||||
10559 Berlin
|
||||
Germany
|
||||
|
||||
Contact:
|
||||
Email: [kontakt@studio-umzu.de](mailto:kontakt@studio-umzu.de)
|
||||
Website: [https://studio-umzu.de](https://studio-umzu.de)
|
||||
|
||||
### Disclaimer
|
||||
|
||||
Despite careful content control, we assume no liability for the content of external links. The operators of the linked pages are solely responsible for their content.
|
||||
|
||||
### Data Protection
|
||||
|
||||
This website is a static site and does not collect or process any personal data. No cookies are set and no user analytics are performed.
|
||||
|
||||
### Dispute Resolution
|
||||
|
||||
The European Commission provides a platform for online dispute resolution (ODR): [https://ec.europa.eu/consumers/odr](https://ec.europa.eu/consumers/odr). Our email address can be found above in the legal notice.
|
||||
27
content/impressum/_index.md
Normal file
27
content/impressum/_index.md
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
+++
|
||||
title = "Impressum"
|
||||
+++
|
||||
|
||||
## Angaben gemäß § 5 TMG
|
||||
|
||||
Studio UMZU (privates, nicht eingetragenes Projekt)
|
||||
Inhaber & inhaltlich verantwortlich: Aron Petau
|
||||
Birkenstraße 75
|
||||
10559 Berlin
|
||||
Deutschland
|
||||
|
||||
Kontakt:
|
||||
E-Mail: [kontakt@studio-umzu.de](mailto:kontakt@studio-umzu.de)
|
||||
Website: [https://studio-umzu.de](https://studio-umzu.de)
|
||||
|
||||
### Haftungsausschluss
|
||||
|
||||
Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.
|
||||
|
||||
### Datenschutz
|
||||
|
||||
Diese Website ist eine statische Seite und erhebt oder verarbeitet keine personenbezogenen Daten. Es werden keine Cookies gesetzt und keine Nutzeranalyse durchgeführt.
|
||||
|
||||
### Streitschlichtung
|
||||
|
||||
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: [https://ec.europa.eu/consumers/odr](https://ec.europa.eu/consumers/odr). Unsere E-Mail-Adresse finden Sie oben im Impressum.
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
# The URL the site will be built for
|
||||
base_url = "https://studio-umzu.de"
|
||||
|
||||
# Whether to automatically compile all Sass files in the sass directory
|
||||
compile_sass = true
|
||||
|
||||
# Whether to build a search index to be used later on by a JavaScript library
|
||||
build_search_index = true
|
||||
|
||||
[markdown]
|
||||
# Whether to do syntax highlighting
|
||||
# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
|
||||
highlight_code = true
|
||||
|
||||
[extra]
|
||||
# Put all your custom variables here
|
||||
BIN
public/.DS_Store
vendored
BIN
public/.DS_Store
vendored
Binary file not shown.
|
|
@ -1,2 +1,2 @@
|
|||
<!doctype html><html data-theme=dark lang=de xmlns=http://www.w3.org/1999/xhtml><head><meta charset=UTF-8><meta content="Spielerisches Lernen mit Technikdidaktik" name=description><meta content="width=device-width,initial-scale=1" name=viewport><meta content=#ff0000 name=theme-color><meta content=#c54854 media=(prefers-color-scheme:dark) name=theme-color><title>404 - Studio UMZU</title><link href=/ rel=canonical><link href=https://mastodon.online/@reprintedAron rel=me><meta content=@reprintedAron@mastodon.online name=fediverse:creator><link href=/favicon/favicon-96x96.png rel=icon sizes=96x96 type=image/png><link href=/favicon/favicon.svg rel=icon type=image/svg+xml><link rel="shortcut icon" href=/favicon/favicon.ico><link href=/favicon/apple-touch-icon.png rel=apple-touch-icon sizes=180x180><meta content="Studio UM_ZU" name=apple-mobile-web-app-title><link href=/favicon/site.webmanifest rel=manifest><link crossorigin href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css integrity=sha512-... referrerpolicy=no-referrer rel=stylesheet><style>:root{--accent-color:red}[data-theme=dark]{--accent-color:#c54854}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-color:#c54854}}</style><link href=https://studio-umzu.de/style.css rel=stylesheet><link href=https://studio-umzu.de/css/timeline.css rel=stylesheet><link href=https://studio-umzu.de/css/mermaid.css rel=stylesheet><link href=https://studio-umzu.de/css/skills.css rel=stylesheet><link href=https://studio-umzu.de/css/gallery.css rel=stylesheet><script defer src=https://studio-umzu.de/closable.js></script><script defer src=https://studio-umzu.de/copy-button.js></script><script data-goatcounter=https://awebsite.goatcounter.com/count defer src=https://studio-umzu.de/count.js></script><script defer src=https://studio-umzu.de/theme-switcher.js></script><script type=module>import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
||||
mermaid.initialize({ startOnLoad: true });</script><meta content="Studio UMZU" property=og:site_name><meta content="404 - Studio UMZU" property=og:title><meta content=/ property=og:url><meta content="Spielerisches Lernen mit Technikdidaktik" property=og:description><meta content=https://studio-umzu.de/card.png property=og:image><meta content=de_DE property=og:locale><body><header id=site-nav><nav><a href=#main-content tabindex=0> Zum Hauptinhalt springen </a><ul><li id=home><a href=https://studio-umzu.de> <i class=icon></i>Studio UMZU</a><li class=divider><li><a class=external href=https://friedrichwebergoizel.com>Friedrich</a><li><a class=external href=https://aron.petau.net>Aron</a><li id=language-switcher><details class=closable><summary class=circle title=Sprache><i class=icon></i></summary> <ul><li><a href=https://studio-umzu.de//en/ lang=en>English</a></ul></details><li id=theme-switcher><details class=closable><summary class=circle title=Thema><i class=icon></i></summary> <ul><li><button title="Zum hellen Thema wechseln" class=circle id=theme-light><i class=icon></i></button><li><button title="Zum dunklen Thema wechseln" class=circle id=theme-dark><i class=icon></i></button><li><button title="Systemthema nutzen" class=circle id=theme-system><i class=icon></i></button></ul></details><li id=repo><a class=circle href=https://forgejo.petau.net/aron/studio-umzu title=Repository> <i class=icon></i> </a></ul></nav></header><main id=main-content><picture><source media="(prefers-reduced-motion: reduce)" srcset=https://studio-umzu.de/404.png><img class="pixels transparent no-hover" alt=404 id=not-found src=https://studio-umzu.de/404.gif></picture><h1>Page Not Found</h1><p>The requested page could not be found. If you feel this is not normal, then you can create an issue on the issue tracker.<div class=buttons><a href=https://studio-umzu.de>Go Home</a><a class="colored external" href=https://forgejo.petau.net/aron/studio-umzu/issues>File an Issue</a></div><span class=hidden id=copy-code-text>Code kopieren</span></main><footer id=site-footer><div class=carbonbadge id=wcb></div><script defer src=https://unpkg.com/website-carbon-badges@1.1.3/b.min.js></script><p><p>© Studio UMZU, 2025<p><a class=external href=https://forgejo.petau.net/aron/studio-umzu>Website-Quelle</a><ul id=socials><li><a rel=" me" href=mailto:kontakt@studio-umzu.de title=Email> <i style="--icon:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EEmail%3C/title%3E%3Cpath d='M1.5 4.5h21a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 18V6a1.5 1.5 0 0 1 1.5-1.5zm10.5 7.125L2.25 6.75v.375L12 12.75l9.75-5.625V6.75l-9.75 4.875z'/%3E%3C/svg%3E")" class=icon></i> <span>Email</span> </a></ul></footer>
|
||||
<!doctype html><html data-theme=dark lang=de xmlns=http://www.w3.org/1999/xhtml><head><meta charset=UTF-8><meta content="Spielerisches Lernen mit Technikdidaktik" name=description><meta content="width=device-width,initial-scale=1" name=viewport><meta content=#ff0000 name=theme-color><meta content=#c54854 media=(prefers-color-scheme:dark) name=theme-color><title>404 - Studio UMZU</title><link href=/ rel=canonical><link href=/favicon/favicon-96x96.png rel=icon sizes=96x96 type=image/png><link href=/favicon/favicon.svg rel=icon type=image/svg+xml><link rel="shortcut icon" href=/favicon/favicon.ico><link href=/favicon/apple-touch-icon.png rel=apple-touch-icon sizes=180x180><meta content="Studio UM_ZU" name=apple-mobile-web-app-title><link href=/favicon/site.webmanifest rel=manifest><link crossorigin href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css integrity=sha512-... referrerpolicy=no-referrer rel=stylesheet><style>:root{--accent-color:red}[data-theme=dark]{--accent-color:#c54854}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-color:#c54854}}</style><link href=https://studio-umzu.de/style.css rel=stylesheet><link href=https://studio-umzu.de/css/timeline.css rel=stylesheet><link href=https://studio-umzu.de/css/mermaid.css rel=stylesheet><link href=https://studio-umzu.de/css/skills.css rel=stylesheet><link href=https://studio-umzu.de/css/gallery.css rel=stylesheet><script defer src=https://studio-umzu.de/closable.js></script><script defer src=https://studio-umzu.de/copy-button.js></script><script defer src=https://studio-umzu.de/theme-switcher.js></script><script type=module>import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
||||
mermaid.initialize({ startOnLoad: true });</script><meta content="Studio UMZU" property=og:site_name><meta content="404 - Studio UMZU" property=og:title><meta content=/ property=og:url><meta content="Spielerisches Lernen mit Technikdidaktik" property=og:description><meta content=https://studio-umzu.de/card.png property=og:image><meta content=de_DE property=og:locale><body><header id=site-nav><nav><a href=#main-content tabindex=0> Zum Hauptinhalt springen </a><ul><li id=home><a href=https://studio-umzu.de> <i class=icon></i>Studio UMZU</a><li class=divider><li><a class=external href=https://friedrichwebergoizel.com>Friedrich</a><li><a class=external href=https://aron.petau.net>Aron</a><li id=language-switcher><details class=closable><summary class=circle title=Sprache><i class=icon></i></summary> <ul><li><a href=https://studio-umzu.de//en/ lang=en>English</a></ul></details><li id=theme-switcher><details class=closable><summary class=circle title=Thema><i class=icon></i></summary> <ul><li><button title="Zum hellen Thema wechseln" class=circle id=theme-light><i class=icon></i></button><li><button title="Zum dunklen Thema wechseln" class=circle id=theme-dark><i class=icon></i></button><li><button title="Systemthema nutzen" class=circle id=theme-system><i class=icon></i></button></ul></details><li id=repo><a class=circle href=https://forgejo.petau.net/aron/studio-umzu title=Repository> <i class=icon></i> </a></ul></nav></header><main id=main-content><picture><source media="(prefers-reduced-motion: reduce)" srcset=https://studio-umzu.de/404.png><img class="pixels transparent no-hover" alt=404 id=not-found src=https://studio-umzu.de/404.gif></picture><h1>Page Not Found</h1><p>The requested page could not be found. If you feel this is not normal, then you can create an issue on the issue tracker.<div class=buttons><a href=https://studio-umzu.de>Go Home</a><a class="colored external" href=https://forgejo.petau.net/aron/studio-umzu/issues>File an Issue</a></div><span class=hidden id=copy-code-text>Code kopieren</span></main><footer id=site-footer><div class=carbonbadge id=wcb></div><script defer src=https://unpkg.com/website-carbon-badges@1.1.3/b.min.js></script><p><nav><ul><li><a href=https://studio-umzu.de/impressum/>Impressum</a></ul></nav><p>© Studio UMZU, 2025<p><a class=external href=https://forgejo.petau.net/aron/studio-umzu>Website-Quelle</a><ul id=socials><li><a rel=" me" href=mailto:kontakt@studio-umzu.de title=Email> <i style="--icon:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EEmail%3C/title%3E%3Cpath d='M1.5 4.5h21a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 18V6a1.5 1.5 0 0 1 1.5-1.5zm10.5 7.125L2.25 6.75v.375L12 12.75l9.75-5.625V6.75l-9.75 4.875z'/%3E%3C/svg%3E")" class=icon></i> <span>Email</span> </a></ul></footer>
|
||||
2
public/en/impressum/index.html
Normal file
2
public/en/impressum/index.html
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<!doctype html><html data-theme=dark lang=en xmlns=http://www.w3.org/1999/xhtml><head><meta charset=UTF-8><meta content="Spielerisches Lernen mit Technikdidaktik" name=description><meta content="width=device-width,initial-scale=1" name=viewport><meta content=#ff0000 name=theme-color><meta content=#c54854 media=(prefers-color-scheme:dark) name=theme-color><title>Legal Notice - Studio UMZU</title><link href=https://studio-umzu.de/en/impressum/ rel=canonical><link href=/favicon/favicon-96x96.png rel=icon sizes=96x96 type=image/png><link href=/favicon/favicon.svg rel=icon type=image/svg+xml><link rel="shortcut icon" href=/favicon/favicon.ico><link href=/favicon/apple-touch-icon.png rel=apple-touch-icon sizes=180x180><meta content="Studio UM_ZU" name=apple-mobile-web-app-title><link href=/favicon/site.webmanifest rel=manifest><link crossorigin href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css integrity=sha512-... referrerpolicy=no-referrer rel=stylesheet><style>:root{--accent-color:red}[data-theme=dark]{--accent-color:#c54854}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-color:#c54854}}</style><link href=https://studio-umzu.de/style.css rel=stylesheet><link href=https://studio-umzu.de/css/timeline.css rel=stylesheet><link href=https://studio-umzu.de/css/mermaid.css rel=stylesheet><link href=https://studio-umzu.de/css/skills.css rel=stylesheet><link href=https://studio-umzu.de/css/gallery.css rel=stylesheet><script defer src=https://studio-umzu.de/closable.js></script><script defer src=https://studio-umzu.de/copy-button.js></script><script defer src=https://studio-umzu.de/theme-switcher.js></script><script type=module>import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
||||
mermaid.initialize({ startOnLoad: true });</script><meta content="Studio UMZU" property=og:site_name><meta content="Legal Notice - Studio UMZU" property=og:title><meta content=https://studio-umzu.de/en/impressum/ property=og:url><meta content="Spielerisches Lernen mit Technikdidaktik" property=og:description><meta content=https://studio-umzu.de/card.png property=og:image><meta content=en_US property=og:locale><body><header id=site-nav><nav><a href=#main-content tabindex=0> Skip to Main Content </a><ul><li id=home><a href=https://studio-umzu.de/en/> <i class=icon></i>Studio UMZU</a><li class=divider><li><a class=external href=https://friedrichwebergoizel.com>Friedrich</a><li><a class=external href=https://aron.petau.net>Aron</a><li id=language-switcher><details class=closable><summary class=circle title=Language><i class=icon></i></summary> <ul><li><a href=https://studio-umzu.de/impressum/ lang=de>Deutsch</a></ul></details><li id=theme-switcher><details class=closable><summary class=circle title=Theme><i class=icon></i></summary> <ul><li><button title="Switch to Light Theme" class=circle id=theme-light><i class=icon></i></button><li><button title="Switch to Dark Theme" class=circle id=theme-dark><i class=icon></i></button><li><button title="Use System Theme" class=circle id=theme-system><i class=icon></i></button></ul></details><li id=repo><a class=circle href=https://forgejo.petau.net/aron/studio-umzu title=Repository> <i class=icon></i> </a></ul></nav></header><main id=main-content><h1>Legal Notice</h1><h2 id=Information_according_to_§_5_TMG>Information according to § 5 TMG</h2><p>Studio UMZU (private, non-registered project)<br> Owner & responsible for content: Aron Petau<br> Birkenstraße 75<br> 10559 Berlin<br> Germany<p>Contact:<br> Email: <a href=mailto:kontakt@studio-umzu.de>kontakt@studio-umzu.de</a><br> Website: <a href=https://studio-umzu.de>https://studio-umzu.de</a><h3 id=Disclaimer>Disclaimer</h3><p>Despite careful content control, we assume no liability for the content of external links. The operators of the linked pages are solely responsible for their content.<h3 id=Data_Protection>Data Protection</h3><p>This website is a static site and does not collect or process any personal data. No cookies are set and no user analytics are performed.<h3 id=Dispute_Resolution>Dispute Resolution</h3><p>The European Commission provides a platform for online dispute resolution (ODR): <a href=https://ec.europa.eu/consumers/odr>https://ec.europa.eu/consumers/odr</a>. Our email address can be found above in the legal notice.</p><span class=hidden id=copy-code-text>Copy Code</span></main><footer id=site-footer><div class=carbonbadge id=wcb></div><script defer src=https://unpkg.com/website-carbon-badges@1.1.3/b.min.js></script><p><nav><ul><li><a class=active href=https://studio-umzu.de/en/impressum/>Impressum</a></ul></nav><p>© Studio UMZU, 2025<p><a class=external href=https://forgejo.petau.net/aron/studio-umzu>Website source</a><ul id=socials><li><a rel=" me" href=mailto:kontakt@studio-umzu.de title=Email> <i style="--icon:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EEmail%3C/title%3E%3Cpath d='M1.5 4.5h21a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 18V6a1.5 1.5 0 0 1 1.5-1.5zm10.5 7.125L2.25 6.75v.375L12 12.75l9.75-5.625V6.75l-9.75 4.875z'/%3E%3C/svg%3E")" class=icon></i> <span>Email</span> </a></ul></footer>
|
||||
File diff suppressed because one or more lines are too long
BIN
public/images/.DS_Store
vendored
BIN
public/images/.DS_Store
vendored
Binary file not shown.
2
public/impressum/index.html
Normal file
2
public/impressum/index.html
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<!doctype html><html data-theme=dark lang=de xmlns=http://www.w3.org/1999/xhtml><head><meta charset=UTF-8><meta content="Spielerisches Lernen mit Technikdidaktik" name=description><meta content="width=device-width,initial-scale=1" name=viewport><meta content=#ff0000 name=theme-color><meta content=#c54854 media=(prefers-color-scheme:dark) name=theme-color><title>Impressum - Studio UMZU</title><link href=https://studio-umzu.de/impressum/ rel=canonical><link href=/favicon/favicon-96x96.png rel=icon sizes=96x96 type=image/png><link href=/favicon/favicon.svg rel=icon type=image/svg+xml><link rel="shortcut icon" href=/favicon/favicon.ico><link href=/favicon/apple-touch-icon.png rel=apple-touch-icon sizes=180x180><meta content="Studio UM_ZU" name=apple-mobile-web-app-title><link href=/favicon/site.webmanifest rel=manifest><link crossorigin href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css integrity=sha512-... referrerpolicy=no-referrer rel=stylesheet><style>:root{--accent-color:red}[data-theme=dark]{--accent-color:#c54854}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-color:#c54854}}</style><link href=https://studio-umzu.de/style.css rel=stylesheet><link href=https://studio-umzu.de/css/timeline.css rel=stylesheet><link href=https://studio-umzu.de/css/mermaid.css rel=stylesheet><link href=https://studio-umzu.de/css/skills.css rel=stylesheet><link href=https://studio-umzu.de/css/gallery.css rel=stylesheet><script defer src=https://studio-umzu.de/closable.js></script><script defer src=https://studio-umzu.de/copy-button.js></script><script defer src=https://studio-umzu.de/theme-switcher.js></script><script type=module>import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
|
||||
mermaid.initialize({ startOnLoad: true });</script><meta content="Studio UMZU" property=og:site_name><meta content="Impressum - Studio UMZU" property=og:title><meta content=https://studio-umzu.de/impressum/ property=og:url><meta content="Spielerisches Lernen mit Technikdidaktik" property=og:description><meta content=https://studio-umzu.de/card.png property=og:image><meta content=de_DE property=og:locale><body><header id=site-nav><nav><a href=#main-content tabindex=0> Zum Hauptinhalt springen </a><ul><li id=home><a href=https://studio-umzu.de> <i class=icon></i>Studio UMZU</a><li class=divider><li><a class=external href=https://friedrichwebergoizel.com>Friedrich</a><li><a class=external href=https://aron.petau.net>Aron</a><li id=language-switcher><details class=closable><summary class=circle title=Sprache><i class=icon></i></summary> <ul><li><a href=https://studio-umzu.de//en/impressum/ lang=en>English</a></ul></details><li id=theme-switcher><details class=closable><summary class=circle title=Thema><i class=icon></i></summary> <ul><li><button title="Zum hellen Thema wechseln" class=circle id=theme-light><i class=icon></i></button><li><button title="Zum dunklen Thema wechseln" class=circle id=theme-dark><i class=icon></i></button><li><button title="Systemthema nutzen" class=circle id=theme-system><i class=icon></i></button></ul></details><li id=repo><a class=circle href=https://forgejo.petau.net/aron/studio-umzu title=Repository> <i class=icon></i> </a></ul></nav></header><main id=main-content><h1>Impressum</h1><h2 id=Angaben_gemäß_§_5_TMG>Angaben gemäß § 5 TMG</h2><p>Studio UMZU (privates, nicht eingetragenes Projekt)<br> Inhaber & inhaltlich verantwortlich: Aron Petau<br> Birkenstraße 75<br> 10559 Berlin<br> Deutschland<p>Kontakt:<br> E-Mail: <a href=mailto:kontakt@studio-umzu.de>kontakt@studio-umzu.de</a><br> Website: <a href=https://studio-umzu.de>https://studio-umzu.de</a><h3 id=Haftungsausschluss>Haftungsausschluss</h3><p>Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.<h3 id=Datenschutz>Datenschutz</h3><p>Diese Website ist eine statische Seite und erhebt oder verarbeitet keine personenbezogenen Daten. Es werden keine Cookies gesetzt und keine Nutzeranalyse durchgeführt.<h3 id=Streitschlichtung>Streitschlichtung</h3><p>Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: <a href=https://ec.europa.eu/consumers/odr>https://ec.europa.eu/consumers/odr</a>. Unsere E-Mail-Adresse finden Sie oben im Impressum.</p><span class=hidden id=copy-code-text>Code kopieren</span></main><footer id=site-footer><div class=carbonbadge id=wcb></div><script defer src=https://unpkg.com/website-carbon-badges@1.1.3/b.min.js></script><p><nav><ul><li><a class=active href=https://studio-umzu.de/impressum/>Impressum</a></ul></nav><p>© Studio UMZU, 2025<p><a class=external href=https://forgejo.petau.net/aron/studio-umzu>Website-Quelle</a><ul id=socials><li><a rel=" me" href=mailto:kontakt@studio-umzu.de title=Email> <i style="--icon:url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EEmail%3C/title%3E%3Cpath d='M1.5 4.5h21a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5h-21A1.5 1.5 0 0 1 0 18V6a1.5 1.5 0 0 1 1.5-1.5zm10.5 7.125L2.25 6.75v.375L12 12.75l9.75-5.625V6.75l-9.75 4.875z'/%3E%3C/svg%3E")" class=icon></i> <span>Email</span> </a></ul></footer>
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
|
|
@ -6,9 +6,15 @@
|
|||
<url>
|
||||
<loc>https://studio-umzu.de/en/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://studio-umzu.de/en/impressum/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://studio-umzu.de/en/tags/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://studio-umzu.de/impressum/</loc>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://studio-umzu.de/tags/</loc>
|
||||
</url>
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 56 KiB |
Loading…
Add table
Add a link
Reference in a new issue