diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..7b62a71475984b44c700092cfd39a3a211559319
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,13 @@
+# Generated files by hugo
+/public/
+/resources/_gen/
+/assets/jsconfig.json
+hugo_stats.json
+
+# Executable may be added to repository
+hugo.exe
+hugo.darwin
+hugo.linux
+
+# Temporary lock file while building
+/.hugo_build.lock
\ No newline at end of file
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000000000000000000000000000000000000..69d6fae985594f8a777ccfb4c93d6db3ba3131d7
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,6 @@
+[submodule "themes/hugo-book"]
+	path = themes/hugo-book
+	url = https://github.com/alex-shpak/hugo-book
+[submodule "themes/hugo-video"]
+	path = themes/hugo-video
+	url = https://github.com/martignoni/hugo-video.git
diff --git a/archetypes/default.md b/archetypes/default.md
new file mode 100644
index 0000000000000000000000000000000000000000..00e77bd79be44872c0b29256b03799c2fb00c10d
--- /dev/null
+++ b/archetypes/default.md
@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..89b0bcd862f0264b9231e46dde5a1820b0245652
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,12 @@
+---
+title: Introduction
+type: docs
+---
+
+# Design for Physical Prototyping
+
+
+## Read me
+Only edit the content in the [content/docs/projects/our_project]({{< ref "our_project" >}}) folder. This is also the folder to be handed in at the end of the semester. Rename the folder to your projects title. The total size should not exceed **20 MB**. GIFs are encouraged to demonstrate movement in your prototype. 
+The current content content provides an exemplary structure for the documentation but can be freely adapted to your needs. Write in a way so that the documentation would be useful for your pre-project self.
+
diff --git a/content/docs/_index.md b/content/docs/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..4c0f23a48f6397e58fdb92dc4de03058b52c15fa
--- /dev/null
+++ b/content/docs/_index.md
@@ -0,0 +1,4 @@
+---
+type: docs
+bookCollapseSection: true
+---
diff --git a/content/docs/chindogu.md b/content/docs/chindogu.md
new file mode 100644
index 0000000000000000000000000000000000000000..8ef1ab634b87fd2c472856fdb0b16595f5576d04
--- /dev/null
+++ b/content/docs/chindogu.md
@@ -0,0 +1,9 @@
+---
+weight: 1
+title: "Chindōgu"
+bookHidden: true
+---
+
+# 珍道具
+
+Chindōgu is the practice of inventing ingenious everyday gadgets that seem to be ideal solutions to particular problems, but which may cause more problems than they solve. The term is of Japanese origin.
\ No newline at end of file
diff --git a/content/docs/projects/_index.md b/content/docs/projects/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..d1c63341d79a15dfd3dd566562494a5673f9ea64
--- /dev/null
+++ b/content/docs/projects/_index.md
@@ -0,0 +1,14 @@
+---
+bookCollapseSection: true
+weight: 20
+title: Projects
+type: docs
+---
+
+# DPP Project Collection
+
+This site is a collection of projects done as part of the Design for Physical Prototyping course, winter semester 2023. This years topic is *Denshi Chindōgu*, focusing on the whimsical side of Interaction Design. [Read me](/).
+
+{{< hint info >}}
+Leave this page as it is. It will be used for general information about the course.
+{{< /hint >}}
\ No newline at end of file
diff --git a/content/docs/projects/our_project/_index.md b/content/docs/projects/our_project/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..0e9a32ae1de09057480b85bbc126a0f9382e419f
--- /dev/null
+++ b/content/docs/projects/our_project/_index.md
@@ -0,0 +1,42 @@
+---
+title: Our project name
+type: docs
+---
+
+# The project name
+
+## Abstract
+
+A short and concise description of your project. 
+
+## Introduction
+
+A detailed description of the concept and sketches of the planned implementation.
+
+If a section grows too large or handles a very specific part of the project it can be put into [subpages]({{< ref "subpage_1#how-to-format" >}}).
+
+{{< figure src="get_in.jpg" caption="*A drawing by David Shrigley.*">}}
+
+## Related work 
+
+References to related concepts, projects, books, websites, stories, systems, fruits, etc. and their relation to the project at hand.
+
+## Implementation 
+
+A detailed description of your prototyping process.
+
+### Iteration â„–1
+
+This did not work.
+
+### Iteration â„–2
+
+This did also not work.
+
+### Iteration â„–3
+
+This worked!
+
+## Conclusion
+
+A reflection on your prototyping process and the project outcome. What happens to the prototype after the project?
\ No newline at end of file
diff --git a/content/docs/projects/our_project/get_in.jpg b/content/docs/projects/our_project/get_in.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b47435c4162b6cebdec7bcfe7598b8d66afecaf2
Binary files /dev/null and b/content/docs/projects/our_project/get_in.jpg differ
diff --git a/content/docs/projects/our_project/subpage_1/_index.md b/content/docs/projects/our_project/subpage_1/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..8e7260ad4d1ac33ed343aae629b48c3009a01e2a
--- /dev/null
+++ b/content/docs/projects/our_project/subpage_1/_index.md
@@ -0,0 +1,48 @@
+---
+title: Formatting
+weight: 10
+---
+
+# How to format?
+
+[Hugo](https://gohugo.io/) uses **Markdown** to format *text*. Find out more on how to format [Markdown files](https://www.markdownguide.org/basic-syntax/).
+
+The hugo book theme enables the use of [Mermaid](https://mermaid.js.org/intro/) diagrams ... 
+
+{{< mermaid >}}
+stateDiagram-v2
+    idea --> prototype: 🛠
+{{< /mermaid >}}
+
+... and [KaTeX](https://katex.org/) math typesetting.
+
+{{< katex >}}
+e^{\pi i} + 1 = 0
+{{< /katex >}}
+
+```python
+print("Format code in your Markdown file.")
+```
+
+Try to always add a descriptive caption to an included image. Also make sure images are not unnecessarily large.
+{{< figure src="bears.gif" caption="Two care bears putting on their seat belts.">}}
+
+You can also embed videos. For more details see the [hugo-video](https://github.com/martignoni/hugo-video) theme component.
+
+More details on how to use the Hugo book theme can be found [here](https://github.com/alex-shpak/hugo-book).
+
+{{< video src="test.mp4" autoplay="true" loop="true" muted="true" >}}
+
+You can also create:
+* unordered lists
+* and tables:
+
+| Milestone   | Date      |
+| :----       | ----:     |
+| ~~Idea~~        | ~~1.1.1979~~  |
+| New idea        | 2.1.1979 |
+| Prototype   | 3.1.1979  |
+
+Also task lists can be formatted:
+- [x] Prototype
+- [ ] Documentation
\ No newline at end of file
diff --git a/content/docs/projects/our_project/subpage_1/bears.gif b/content/docs/projects/our_project/subpage_1/bears.gif
new file mode 100644
index 0000000000000000000000000000000000000000..8742ec262807b7efc1cc4c00d4d1d7f26849128b
Binary files /dev/null and b/content/docs/projects/our_project/subpage_1/bears.gif differ
diff --git a/content/docs/projects/our_project/subpage_1/test.mp4 b/content/docs/projects/our_project/subpage_1/test.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..f4e388a2254acdc7b81625889578cdeb96f0b166
Binary files /dev/null and b/content/docs/projects/our_project/subpage_1/test.mp4 differ
diff --git a/content/docs/projects/our_project/subpage_2/_index.md b/content/docs/projects/our_project/subpage_2/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..529e8114884e74ad2fc7f584affc80cc55455c66
--- /dev/null
+++ b/content/docs/projects/our_project/subpage_2/_index.md
@@ -0,0 +1,7 @@
+---
+weight: 20
+---
+
+# More details
+
+Form is the possibility of structure.
\ No newline at end of file
diff --git a/hugo.toml b/hugo.toml
new file mode 100644
index 0000000000000000000000000000000000000000..4eb76a7d11beda799b34df8837e0de4a8c1ef37b
--- /dev/null
+++ b/hugo.toml
@@ -0,0 +1,13 @@
+baseURL = ''
+languageCode = 'en-us'
+title = 'DPP Documentation'
+theme = ["hugo-video", "hugo-book"]
+
+
+# Needed for mermaid/katex shortcodes
+[markup]
+[markup.goldmark.renderer]
+  unsafe = true
+
+[params]
+  BookComments = false
\ No newline at end of file