updated for fabacademy 2019

docs/assignments/week19.md

+# 19. Invention, intellectual property and income
+
+This week I worked on defining my final project idea and started to getting used to the documentation process.
+
+## Research
+
+"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."
+
+## Useful links
+
+- [Jekyll](http://jekyll.org)
+- [Google](http://google.com)
+- [Markdown](https://en.wikipedia.org/wiki/Markdown)
+
+## Code Example
+
+Use the three backticks to separate code.
+
+```
+// the setup function runs once when you press reset or power the board
+void setup() {
+  // initialize digital pin LED_BUILTIN as an output.
+  pinMode(LED_BUILTIN, OUTPUT);
+}
+
+// the loop function runs over and over again forever
+void loop() {
+  digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
+  delay(1000);                       // wait for a second
+  digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
+  delay(1000);                       // wait for a second
+}
+```
+
+## Gallery
+
+![](../images/sample-photo.jpg)
+
+## Video
+
+### 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>
+
+## 3D Models
+
+<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>

docs/assignments/week20.md

+# 20. Project development
+
+This week I worked on defining my final project idea and started to getting used to the documentation process.
+
+## Research
+
+"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."
+
+## Useful links
+
+- [Jekyll](http://jekyll.org)
+- [Google](http://google.com)
+- [Markdown](https://en.wikipedia.org/wiki/Markdown)
+
+## Code Example
+
+Use the three backticks to separate code.
+
+```
+// the setup function runs once when you press reset or power the board
+void setup() {
+  // initialize digital pin LED_BUILTIN as an output.
+  pinMode(LED_BUILTIN, OUTPUT);
+}
+
+// the loop function runs over and over again forever
+void loop() {
+  digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)
+  delay(1000);                       // wait for a second
+  digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW
+  delay(1000);                       // wait for a second
+}
+```
+
+## Gallery
+
+![](../images/sample-photo.jpg)
+
+## Video
+
+### 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>
+
+## 3D Models
+
+<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>

docs/index.md

-Hello!
+# Hello, new student!
 
-This is an example blog for the Fabricademy Course.
+![](./images/week01/assignment-photo.jpg)
 
-You can edit it on [Gitlab](http://gitlab.fabcloud.org). The software used turns simple text files
-written in [Markdown](https://en.wikipedia.org/wiki/Markdown) format, into the site you are navigating.
-
-Each time you change a page using the Gitlab interface the site is rebuilt and all the changes published 
-in few minutes.
-
-If this is your site, go on and edit this page clicking the Gitlab link on the upper right, changing the text below and deleting this.
-
-No worries, you can't break anything, all the changes you make are saved under [Version Control](https://en.wikipedia.org/wiki/Version_control) using [GIT](https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control). This means that you have all the different versions of your page saved and available all the time in the Gitlab interface.
-
-## About me
-
-![](images/avatar-photo.jpg)
-
-Hi! I am Emma Brewer. I am an art director & graphic designer based in New York City working on branding, visual identities, editorial design and web design.
+## Welcome to your new Fab Academy site
 
-Visit this website to see my work!
+This is an example student blog for the Fab Academy.
 
-## My background
+## How to edit it
 
-I was born in a nice city called..
-
-## Previous work
-
-I'm a paragraph. Edit the page on Gitlab to add your own text and edit me.  I’m a great place for you to tell a story and let your users know a little more about you.​
-
-### Project A
-
-This is an image from an external site:
-
-![This is the image caption](https://images.unsplash.com/photo-1512436991641-6745cdb1723f?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=ad25f4eb5444edddb0c5fb252a7f1dce&auto=format&fit=crop&w=900&q=80)
+You can edit it on [Gitlab](http://gitlab.fabcloud.org). The software used turns simple text files
+written in [Markdown](https://en.wikipedia.org/wiki/Markdown) format, into the site you are navigating.
 
-While this is an image from the assets/images folder. Never use absolute paths (starting with /) when linking local images, always relative.
+No worries, you can't break anything, all the changes you make are saved under [Version Control](https://en.wikipedia.org/wiki/Version_control) using [GIT](https://git-scm.com/book/en/v2/Getting-Started-About-Version-Control). This means that you have all the different versions of your page saved and available all the time in the Gitlab interface.
 
-![This is another caption](images/sample-photo.jpg)
+## In short
 
+- This website is built automatically by gitlab every time you edit the files in the docs folder
+- It does so thanks to [Mkdocs](https://mkdocs.org) a static site generator written in Python
+- You must start customizing the file `mkdocs.yml` with your information
+- You can change the looks of your website using mkdocs themes, you can find in the `mkdocs.yml` the options for the [Material Mkdocs theme](https://squidfunk.github.io/mkdocs-material/)
+- If you want to start from scratch, you can delete everything (using [git-rm](https://git-scm.com/docs/git-rm)) in this repository and push any other static website

docs/projects/sample-project.md

-# Vimeo
+# Another project
+
+### Vimeo
 
 <iframe src="https://player.vimeo.com/video/269013987" width="640" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
 <p><a href="https://vimeo.com/269013987">Ricardo O Nascimento- prototyping movement</a> from <a href="https://vimeo.com/fabricademy">Textile Academy</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
 
-# Youtube
+### Youtube
 
 <iframe width="560" height="315" src="https://www.youtube.com/embed/jjNgJFemlC4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
-

mkdocs.yml

 # Replace the text below to customize your site
-site_name: Fiore Basile - Fab Academy 2019
+site_name: Fab Academy Student Name
 site_description: My Fabacademy site
-site_url: http://fibasile.fabcloud.io/mkdocs
-repo_url: https://gitlab.fabcloud.org/fibasile/mkdocs
-site_author: Fiore Basile
-docs_dir: docs 
+
+site_author: Your name here
+docs_dir: docs
 site_dir: _site
 copyright: Creative Commons Attribution Non Commercial
-theme: 
-    name: spacelab # try also cerulean, cosmo, cyborg, amelia, darkly, spacelab, united
-    extra:
-        include_sidebar: false
+theme:
+  name: material
+  # see https://squidfunk.github.io/mkdocs-material/getting-started/#color-palette
+  palette:
+    primary: "deep"
+    accent: "indigo"
+  font:
+    false
+    # text: "Ubuntu"
+    # code: "Ubuntu Mono"
+  feature:
+    tabs: true
+extra:
+  social:
+    - type: "github"
+      link: "https://github.com/academany"
+    - type: "twitter"
+      link: "https://twitter.com/fabacademany"
+    - type: "linkedin"
+      link: "https://linkedin.com/in/academany"
+    - type: "instagram"
+      link: "https://instagram.com/fabacademany"
+
 markdown_extensions:
-    - toc:
-        permalink: '#'
-    - extra
-    - smarty
+  - extra
+  - smarty
+  - admonition
+  - codehilite:
+      guess_lang: false
+  - toc:
+      permalink: true

requirements.txt

 mkdocs
-mkdocs-bootswatch
+mkdocs-material
\ No newline at end of file