Commit 3a837b5d authored by Julian Gallimore's avatar Julian Gallimore
Browse files

Initial commit from student template

parents
Pipeline #329534 passed with stage
in 30 seconds
.env
site/
.DS_Store
image: python:3.10-slim
before_script:
# install Git for the mkdocs revision plugin
- time apt update && apt-get install -y git
# Install mkdocs and theme
- time pip install -r requirements.txt
test:
stage: test
script:
- time mkdocs build --verbose --site-dir test
artifacts:
paths:
- test
rules:
- if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH
when: never
pages:
stage: deploy
variables:
CI: 1
GIT_DEPTH: 1000
script:
- time mkdocs build --site-dir public
artifacts:
paths:
- public
rules:
- if: $CI_COMMIT_BRANCH == $CI_DEFAULT_BRANCH
# Fabricademy student documentation
Visit [class.textile-academy.org](https://class.textile-academy.org/) for class and other information
or read the [Documentation Tutorial](http://fabricademy.fabcloud.io/gitlab-documentation-tutorial/) for more about this site.
* This website is built and published automatically using [GitLab CI](https://about.gitlab.com/gitlab-ci/), every time you edit the files in the docs folder
* The markdown content is generated into a site using the Mkdocs tool, a static site generator written in Python
* You can start by customizing the file `mkdocs.yml` with your information
* To change the looks of your website, use the theme options found in the `mkdocs.yml` file or see the names of the available themes
* If you want to start a website from scratch, you can delete everything in this repository and push your own static website
## Project layout
mkdocs.yml # The site configuration file.
docs/ # All site content/files should be in this folder.
index.md # The homepage.
files/ # Put files you'd like available in your site here (except videos)
images/ # You can put your images in here
... # Other markdown pages and folders
Read more about MkDocs at [mkdocs.org](https://www.mkdocs.org).
## Building locally
To work locally on your computer with this project, you can start with the following the steps:
1. Fork, clone, or download this project (to your computer)
1. Either check out [official docs](https://www.mkdocs.org/user-guide/installation/) to install MkDocs on your computer.
1. Or this quick guide, if you already have python v3 install on your computer (ie. MacOS):
* `pip3 install -r requirements.txt` to intall mkdocs (or just `pip`)
* `python3 -m mkdocs serve` to run your site (or just `python`)
1. Now you can see the live preview of your project using this `mkdocs serve` command.
* Watch the terminal output of the command for the URL to your site (e.g. `http://127.0.0.1:8000/`)
1. Edit the markdown pages in the `docs` folder and see your changes in the browser.
1. To add new pages, create the markdown file in the `docs/` folder (i.e. `docs/new-page.md`)
1. Finally use GIT to push your changes to GitLab (or add manually through the "Gitlab Web IDE", check your repo page).
### Run with docker
For those that know how to use Docker, you can easily run mkdocs server without installing mkdocs.
Use this command with the Mkdocs-Material theme (see more info on [Docker Hub](https://hub.docker.com/r/squidfunk/mkdocs-material)).
```
docker run --rm -it -p 8000:8000 -v ${PWD}:/docs squidfunk/mkdocs-material
```
# Assignments
_example from the documentation of [Loes Bogers](https://class.textile-academy.org/2020/loes.bogers/) TextileLab Amsterdam 2019-20_
||||
|---|---|---|
|[![](../images/home/sample-image.jpg){ width=175 } Project management](../assignments/week01)|[![](../images/home/sample-image.jpg){ width=175 } Digital bodies](../assignments/week02)|[![](../images/home/sample-image.jpg){ width=175 } Circular fashion](../assignments/week03)|
|[![](../images/home/sample-image.jpg){ width=175 } Biochromes](../assignments/week04)|[![](../images/home/sample-image.jpg){ width=175 } . . . E-textiles](../assignments/week05)|[![](../images/home/sample-image.jpg){ width=175 } Biofabricating ](../assignments/week06)|
|[![](../images/home/sample-image.jpg){ width=175 } Open-source hardware ](../assignments/week07)|[![](../images/home/sample-image.jpg){ width=175 } Computational couture](../assignments/week08)|[![](../images/home/sample-image.jpg){ width=175 } Textile scaffold](../assignments/week09)|
|[![](../images/home/sample-image.jpg){ width=175 } Wearables ](../assignments/week10)|[![](../images/home/sample-image.jpg){ width=175 } SoftRobotics](../assignments/week12)|[![](../images/home/sample-image.jpg){ width=175 } Skin electronics](../assignments/week13)|
And in [week 11](../assignments/week11) I proposed my final project.
??? info "check for advanced users tip - delete this tip!!"
If you like to use a more styled grid, find an example using [HTML/CSS here](https://gitlab.fabcloud.org/-/snippets/167). This is not Markdown and you might need some time to be able to adjust and work with it, if you desire to make changes. There is no support on how to adjust this file or customise it from you instrcutor or during the tutorial, because it is just a suggestion for advanced users that want to expand their possibilities and know already how to code. You can find the info in the the snippet *here* and in the *stylesheets* file. You can find an example of a CSS grid when you visit [Diane Wakim](https://class.textile-academy.org/2021/diane.wakim/) Le TextileLab Lyon_
# 1. State of the art, project management and documentation
## Research & Ideation
![describe what you see in this image](../images/home/sample-image.jpg){ width=400 align=right }
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
??? task "weekly assignment"
Check out the weekly assignment [here](http://fabricademy.fabcloud.io/handbook/assessment/criteria/#1-project-management-and-documentation) or login to your [NuEval](http://nueval.fabacademy.org) progress and evaluation page.
??? tip "about your images..delete the tip!!"
1. Remember to credit/reference all your images to their authors. Open source helps us create change faster together, but we all deserve recognition for what we make, design, think, develop.
2. remember to resize and optimize all your images. You will run out of space and the more data, the more servers, the more cooling systems and energy wasted :) make a choice at every image :)
This image is optimised in size with resolution 72 and passed through tinypng for final optimisation.
_**Remove tips when you don't need them anymore!**_
??? bug "get inspired!!!"
Check out and research alumni pages to betetr understand how to document and get inspired
* [Diane Wakim](https://class.textile-academy.org/2021/diane.wakim/) Le TextileLab Lyon 2020-21_
* [Petra Garaiová](https://class.textile-academy.org/2022/petra-garajova/) FabTextiles Barcelona 2021-22_
* [Loes Bogers](https://class.textile-academy.org/2020/loes.bogers/) TextileLab Amsterdam 2019-20_
* [Sara Alvarez](https://class.textile-academy.org/2021/sara_alvarez/) TextileLab Amsterdam 2020-21_
* [Olatz Pereda](https://class.textile-academy.org/2022/olatz-pereda/) Basque Design Center 2021-22_
_Add your fav alumni's pages as references_
## References & Inspiration
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
* Two images side-by-side
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=left }
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=right }
<p style="clear: both;"></p>
<br/>
* Image reference
<figure markdown>
![](../images/home/sample-image.jpg)
<figcaption>centered image with credits/reference</figcaption>
</figure>
* Download reference
Links to reference files, PDF, booklets,
??? tip "about your images..delete the tip!!"
1. Remember to credit/reference all your images to their authors. Open source helps us create change faster together, but we all deserve recognition for what we make, design, think, develop.
2. remember to resize and optimize all your images. You will run out of space and the more data, the more servers, the more cooling systems and energy wasted :) make a choice at every image :)
This image is optimised in size with resolution 72 and passed through tinypng for final optimisation.
_**Remove tips when you don't need them anymore!**_
---
## Tools
!!! example ""
- [Jekyll](http://jekyll.org)
- [TinyPNG](https://tinypng.com/)
- [Markdown](https://en.wikipedia.org/wiki/Markdown)
- [Markdown](https://en.wikipedia.org/wiki/Markdown)
- [MkDocs](https://xxx)
- [Material theme](https://xxx)
## Documentation workflow
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
![describe what you see in this image](../images/home/sample-image.jpg)
### Step 1
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
### Step 2
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
### Step 3
...
---
## Videos
_learn how to add video tutorials, inspirational videos and movies etc_
### From Vimeo
<iframe src="https://player.vimeo.com/video/10048961" width="640" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p><a href="https://vimeo.com/10048961">Sound Waves</a> from <a href="https://vimeo.com/radarboy">George Gally (Radarboy)</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
### From Youtube
<iframe width="560" height="315" src="https://www.youtube.com/embed/jjNgJFemlC4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
# 2. Digital bodies
## Research & Ideation
![describe what you see in this image](../images/home/sample-image.jpg){ width=400 align=right }
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
??? task "weekly assignment"
Check out the weekly assignment [here](http://fabricademy.fabcloud.io/handbook/assessment/criteria/#2-digital-bodies) or login to your [NuEval](http://nueval.fabacademy.org) progress and evaluation page.
??? tip "about your images..delete the tip!!"
1. Remember to credit/reference all your images to their authors. Open source helps us create change faster together, but we all deserve recognition for what we make, design, think, develop.
2. remember to resize and optimize all your images. You will run out of space and the more data, the more servers, the more cooling systems and energy wasted :) make a choice at every image :)
This image is optimised in size with resolution 72 and passed through tinypng for final optimisation.
_**Remove tips when you don't need them anymore!**_
??? bug "get inspired!"
Check out and research alumni pages to betetr understand how to document and get inspired
* [Marie-Charlotte Desforges](https://class.textile-academy.org/2022/marie-desforges/assignments/week02/) _TextileLab Lyon 2021-22_
* [Kate Reed](https://class.textile-academy.org/2021/kate.reed/assignments/week02/) _Dassault Systems 2020-21_
* [Sara Alvarez](https://class.textile-academy.org/2021/sara_alvarez/) _TextileLab Amsterdam 2020-21_
* [Betiana Pavon](http://class.textile-academy.org/2019/betiana.pavon/) _FabLab Barcelona 2019-20
* [Haneem Jaafreh](https://class.textile-academy.org/2022/haneen-jaafreh/) _Techworks Amman 2021-22_
* [Ana Correa](http://class.textile-academy.org/2019/ana.correa/assignments/week02/) _FabLab Barcelona 2019-20
_Add your fav alumni's pages as references_
## References & Inspiration
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
* Two images side-by-side
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=left }
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=right }
<p style="clear: both;"></p>
<br/>
* Image reference
<figure markdown>
![](../images/home/sample-image.jpg)
<figcaption>centered image with credits/reference</figcaption>
</figure>
* Download reference
Links to reference files, PDF, booklets,
??? tip "about your images.."
1. Remember to credit/reference all your images to their authors. Open source helps us create change faster together, but we all deserve recognition for what we make, design, think, develop.
2. remember to resize and optimize all your images. You will run out of space and the more data, the more servers, the more cooling systems and energy wasted :) make a choice at every image :)
This image is optimised in size with resolution 72 and passed through tinypng for final optimisation.
---
## Tools
!!! example ""
- [TinyPNG](https://tinypng.com/)
- [3d scan with Skanect](https://skanect.structure.io)
- [Mesh repair with ...](http://class.textile-academy.org)
- [3d Model with MakeHuman](http://www.makehumancommunity.org/content/downloads.html)
## Process and workflow
My hand drawn sketches are ...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=right}
<p style="clear: left;"></p>
### Step
This model [^1] was obtained by..
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
### Step
The laser cut nesting [^2] was created using..
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
### Step
...
My hand drawn sketches are ...
![](../images/home/sample-image.jpg)
This model [^1] was obtained by..
The laser cut nesting [^2] was created using..
??? tip "footnote fabrication files"
_Fabrication files_ are a necessary element for evaluation. You can add the _fabrication files_ at the bottom of the page and simply link them as a footnote. This was your work stays organised and files will be all together at the bottom of the page. Footnotes are created using [ ^ 1 ] (without spaces, and referenced as you see at the last chapter of this page) You can reference the fabrication files to multiple places on your page as you see for footnote nr. 2 also present in the Gallery.
## 3D Models
_upload the 3d models of MakeHuman, Final 3d modelled body, 3D Scans, etc_
<div class="sketchfab-embed-wrapper"><iframe width="640" height="480" src="https://sketchfab.com/models/658c8f8a2f3042c3ad7bdedd83f1c915/embed" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
<a href="https://sketchfab.com/models/658c8f8a2f3042c3ad7bdedd83f1c915?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Dita&#39;s Gown</a>
by <a href="https://sketchfab.com/francisbitontistudio?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Francis Bitonti Studio</a>
on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
</p>
</div>
---
## Videos
_learn how to add video tutorials, inspirational videos and movies etc_
### From Vimeo
<iframe src="https://player.vimeo.com/video/10048961" width="640" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p><a href="https://vimeo.com/10048961">Sound Waves</a> from <a href="https://vimeo.com/radarboy">George Gally (Radarboy)</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
### From Youtube
<iframe width="560" height="315" src="https://www.youtube.com/embed/jjNgJFemlC4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
---
---
## Fabrication files
[^1]: File: [3d modelling of mannequin](../images/week02/testfile.stl)
[^2]: File: Laser cut sheets
[^3]: File: additional models
# 3. Circular Open Source Fashion
## Research & Ideation
![describe what you see in this image](../images/home/sample-image.jpg){ width=400 align=right }
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
??? task "weekly assignment"
Check out the weekly assignment [here](http://fabricademy.fabcloud.io/handbook/assessment/criteria/#3-open-source-circular-fashion) or login to your [NuEval](http://nueval.fabacademy.org) progress and evaluation page.
??? tip "about your images..delete the tip!!"
1. Remember to credit/reference all your images to their authors. Open source helps us create change faster together, but we all deserve recognition for what we make, design, think, develop.
2. remember to resize and optimize all your images. You will run out of space and the more data, the more servers, the more cooling systems and energy wasted :) make a choice at every image :)
This image is optimised in size with resolution 72 and passed through tinypng for final optimisation.
_**Remove tips when you don't need them anymore!**_
??? bug "get inspired!"
Check out and research alumni pages to betetr understand how to document and get inspired
* [Pauline Gamore](https://class.textile-academy.org/2020/pauline.gamore/assignments/week03/) _TextileLab Lyon 2019-20_
* [Noemi Carrier](https://class.textile-academy.org/2021/noemie.carrier/) _EchoFab Montreal 2020-21_
* [Maite Sosa](https://class.textile-academy.org/2021/maite.methol/) _FabLab Montevideo 2020-21_
* [Jessica Stanley](http://class.textile-academy.org/2019/jessica.stanley/assignments/week03/) _TextileLab Amsterdam 2018-19_
* [Irene Caretti](http://class.textile-academy.org/2019/irene.caretti/assignments/week03/) _TextileLab Amsterdam 2018-19_
* [Ana San Roman](http://class.textile-academy.org/2019/analaura.sanroman/assignments/week03/) _FabLab Barcelona 2018-19_
_Add your fav alumni's pages as references_
## References & Inspiration
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
* Two images side-by-side
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=left }
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=right }
<p style="clear: both;"></p>
<br/>
* Image reference
<figure markdown>
![](../images/home/sample-image.jpg)
<figcaption>centered image with credits/reference</figcaption>
</figure>
* Download reference
Links to reference files, PDF, booklets,
??? tip "about your images.."
1. Remember to credit/reference all your images to their authors. Open source helps us create change faster together, but we all deserve recognition for what we make, design, think, develop.
2. remember to resize and optimize all your images. You will run out of space and the more data, the more servers, the more cooling systems and energy wasted :) make a choice at every image :)
This image is optimised in size with resolution 72 and passed through tinypng for final optimisation.
---
## Tools
!!! example ""
- [TinyPNG](https://tinypng.com/)
- [2D/3D modelling Rhino3D](http://class.textile-academy.org)
- [2D modelling Illustrator](http://class.textile-academy.org)
## Process and workflow
My hand drawn sketches are ...
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=right}
<p style="clear: both;"></p>
### Step
This module [^1] was obtained by..
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
### Step
The laser cut nesting [^2] was created using..
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
### Step
...
My hand drawn sketches are ...
![](../images/home/sample-image.jpg)
This model [^1] was obtained by..
The laser cut nesting [^2] was created using..
??? tip "footnote fabrication files"
_Fabrication files_ are a necessary element for evaluation. You can add the _fabrication files_ at the bottom of the page and simply link them as a footnote. This was your work stays organised and files will be all together at the bottom of the page. Footnotes are created using [ ^ 1 ] (without spaces, and referenced as you see at the last chapter of this page) You can reference the fabrication files to multiple places on your page as you see for footnote nr. 2 also present in the Gallery.
---
## Assembly videos
_learn how to add video of tutorials or time-lapse of the assembly, etc_
### From Vimeo
<iframe src="https://player.vimeo.com/video/10048961" width="640" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<p><a href="https://vimeo.com/10048961">Sound Waves</a> from <a href="https://vimeo.com/radarboy">George Gally (Radarboy)</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
### From Youtube
<iframe width="560" height="315" src="https://www.youtube.com/embed/jjNgJFemlC4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
---
---
## Fabrication files
[^1]: File: Modules
[^2]: File: Laser cut sheets
[^3]: File: additional models
# 4. BioChromes
## Research
![describe what you see in this image](../images/home/sample-image.jpg){ width=400 align=right }
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
??? task "weekly assignment"
Check out the weekly assignment [here](http://fabricademy.fabcloud.io/handbook/assessment/criteria/#4-biochromes) or login to your [NuEval](http://nueval.fabacademy.org) progress and evaluation page.
??? tip "about your images..delete the tip!!"
1. Remember to credit/reference all your images to their authors. Open source helps us create change faster together, but we all deserve recognition for what we make, design, think, develop.
2. remember to resize and optimize all your images. You will run out of space and the more data, the more servers, the more cooling systems and energy wasted :) make a choice at every image :)
This image is optimised in size with resolution 72 and passed through tinypng for final optimisation.
_**Remove tips when you don't need them anymore!**_
??? bug "get inspired!"
Check out and research alumni pages to betetr understand how to document and get inspired
* [Beatriz Sandini](https://class.textile-academy.org/2020/beatriz.sandini/) TextileLab Amsterdam 2019-20_
* [Kate Reed](https://class.textile-academy.org/2021/kate.reed/) _Dassault Systems 2020-21_
* [Petra Garaiová](https://class.textile-academy.org/2022/petra-garajova/) FabTextiles Barcelona 2021-22_
* [Olatz Pereda](https://class.textile-academy.org/2022/olatz-pereda/) Basque Design Center 2021-22_
_Add your fav alumni's pages as references_
## References & Inspiration
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
* Two images side-by-side
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=left }
![describe what you see in this image](../images/home/sample-image.jpg){ width=300 align=right }
<p style="clear: both;"></p>
<br/>
* Image reference
<figure markdown>
![](../images/home/sample-image.jpg)
<figcaption>centered image with credits/reference</figcaption>
</figure>
* Download reference
Links to reference files, PDF, booklets,