styles.md

Styles (to delete)

## Build shredder (it's bloody easy) Hallward glanced round him with a puzzled expression. The room looked as if it had not been lived in for years. A faded Flemish tapestry, a curtained picture, an old Italian cassone, and an almost empty book-case--that was all that it seemed to contain, besides a chair and a table. As Dorian Gray was lighting a half-burned candle that was standing on the mantelshelf, he saw that the whole place was covered with dust and that the carpet was in holes. A mouse ran scuffling behind the wainscoting. There was a damp odour of mildew.
### Video Chapters - 0:11 Introduction - 00:18 What is plastic? - 01:15 Different types - 02:45 Recognize plastics - 05:18 Transform plastics

title 1

title 2

title 3

This is a quote.

This is a link to another document. This is a link to an external page.

Button

Image

To add images in markdown use:

![Background](/academy/img/menu-selection-bg.jpg)
Will produce πŸ‘‡

Background

If you need to specify the size of the image use an <img /> tag

When using imagery and icons that we have produced add them to the docs/assets folder and include them with the url prefix assets/. Example: β€œSaskia wants to add an image fancy-plastic.jpg to the folder docs/assets/fancy-plastic.jpg and then she uses it in the docs like this:

![Fancy Plastic is Fancy](assets/fancy-plastic.jpg)

Produces this image below:

Fancy Plastic is Fancy

(🀫 She would never do that of course)

Example with <img />:

<img src="/academy/img/favicon.ico" width="150" height="150" />
Will produce πŸ‘‡

Icons are included in the same way as images

![machine](https://preciousplastic.com/images/Community-machine-3.jpg) ![machine](https://preciousplastic.com/images/Community-machine-1-p-1600.jpeg) ![machine](https://preciousplastic.com/images/Community-machine-6.jpg) ![machine](https://preciousplastic.com/images/Community-machine-5.jpg) ![machine](https://preciousplastic.com/images/Community-machine-2.jpg)

Icon list with labels

![Weight](assets/icons/weight.svg)
![Money](assets/icons/money.svg)
![Difficulty](assets/icons/difficulty.svg)
![Time](assets/icons/time-needed.svg)

Icon list with labels and one without

![hdpe](assets/plastic/type-hdpe.svg)
![ldpe](assets/plastic/type-ldpe.svg)
![other](assets/plastic/type-other.svg)
![pet](assets/plastic/type-pet.svg)
![pp](assets/plastic/type-pp.svg)
![ps](assets/plastic/type-ps.svg)
![pvc](assets/plastic/type-pvc.svg)

The icon without a label

pet

Since this is a Vector graphic it will fill up the available space in the document so it MUST BE CONSTRAINED!

Use the img tag instead:

Or:

  • Search: what to think about when choosing your space
  • Plan: how to plan your space effectively
  • Build: transforming an empty room into a injection workspace
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in neque a risus dignissim cursus id et nisi. Sed dignissim, leo et semper fermentum, justo ligula dictum massa, ac ornare arcu felis ut urna. Duis sodales massa ut pharetra tempus. Etiam eu fringilla nisl. Nullam rhoncus et elit a consectetur. Duis nec auctor tellus, ut varius urna. In nunc quam, ornare in suscipit a, iaculis eu tellus. Nunc et vestibulum neque. Sed laoreet justo a magna hendrerit ornare. Nulla facilisi. In sodales, purus in maximus consequat, eros purus sollicitudin purus, sed sagittis libero nunc vel lectus.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in neque a risus dignissim cursus id et nisi. Sed dignissim, leo et semper fermentum, justo ligula dictum massa, ac ornare arcu felis ut urna. Duis sodales massa ut pharetra tempus. Etiam eu fringilla nisl. Nullam rhoncus et elit a consectetur. Duis nec auctor tellus, ut varius urna. In nunc quam, ornare in suscipit a, iaculis eu tellus. Nunc et vestibulum neque. Sed laoreet justo a magna hendrerit ornare. Nulla facilisi. In sodales, purus in maximus consequat, eros purus sollicitudin purus, sed sagittis libero nunc vel lectus.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in neque a risus dignissim cursus id et nisi. Sed dignissim, leo et semper fermentum, justo ligula dictum massa, ac ornare arcu felis ut urna. Duis sodales massa ut pharetra tempus. Etiam eu fringilla nisl. Nullam rhoncus et elit a consectetur. Duis nec auctor tellus, ut varius urna. In nunc quam, ornare in suscipit a, iaculis eu tellus. Nunc et vestibulum neque. Sed laoreet justo a magna hendrerit ornare. Nulla facilisi. In sodales, purus in maximus consequat, eros purus sollicitudin purus, sed sagittis libero nunc vel lectus.

Tips and notes

> Pro-tip: will show up in yellow will show up like this:

Pro-tip: will show up in yellow

<p class="note">Note: will show up in blue</p> will show up like this:

Note: will show up in blue

Download Button

<a class="downloadButton" href="https://github.com/hakkens/precious-plastic-kit/archive/master.zip">↳ DOWNLOAD HERE</a>

Will produce:

↳ DOWNLOAD HERE

Comments