Ressources

Ici c'est les trucs que j'ai créé et que je met à dispo. C'est en vrac et généralement mis en ligne trop longtemps après que je l'ai fait mais ça existe.

Patron - Sur-masque puppy

Patron créé par mes soins de surmasque adapté à la plupart des masques FFP2 (verticaux, 3 plis ou "canards"), alongé et auquel on peut ajouter un museau par exemple ! (patron du museau intégré)

A scanner et uploader

medium

This is a "medium" div. It takes up two-thirds of the width of the container!

half

A "half" div will take up half the width.

half short

For a short box, add the "short" class! A box can have multiple div classes, like this one here.

reverse

For a div with the background color as the text color and the text color as the background color, add the "reverse" class.

borderless

For a box with no visible borders, add the "borderless" class!

tilt

To put a div at a jaunty little tilt to the right (like this one!), add the class "tiltright". For the same but to the left, do "tiltleft".

Empty

If you add the "empty" class, it won't have a background color. Combine with "borderless" to make an invisible div!

taped

You can add a little bit of tape to a div by adding the "taped" class! This also gives it a very slight shadow. Be aware that "taped" divs can't scroll if you put too much text in them, though!!

images

Add the class "picturebox" to a div if you want an image inside of it to fill the whole box. On the left is an example of a medium picturebox! The image will be resized and cropped by the CSS.

This works with big images and with small images. Try swapping between these two, if you want to see what that looks like. (the first one is very small, the second one is very big; they'll both be resized to fill the box!)

gallery

One more thing! A little 4-column gallery snippet for you, if you want it. Put an approximately equal number of images in four column divs and voila!

On mobile, it'll switch to 2 columns.