Cette fameuse vidéo filmée au Sasquatch Music Festival 2009 est souvent montrée dans des entreprises, des classes ouvrières en équipe, etc. et elle montre en fait un aspect intéressant en psychologie : le rôle de diriger par l'exemple (même si bizarre) et l'imitation

Quelles sont les informations personnelles conservées par Infomaniak ?
Nom, adresse et lieu de résidence

Votre nom est stocké, car vous êtes plus qu'un numéro de client à nos yeux lorsque vous prenez contact avec notre support. Nous avons également besoin de votre nom et lieu de résidence pour préparer vos factures, vous contacter ou vous rendre visite pour boire une tasse de café (si vous nous invitez).
Adresse électronique

Nous stockons votre adresse email pour vous envoyer des messages importants concernant votre commande ou votre compte. Nous vous informons également par le biais de bulletins d'information sur les nouveaux développements d'Infomaniak. En cas de besoin, vous pouvez choisir de vous désabonner de ceux-ci.
Numéro de téléphone

Nous stockons votre numéro de téléphone pour vous contacter en cas d'urgence ou vous demander votre avis. De plus, nous utilisons votre numéro pour vous envoyer des SMS dans le cadre de la validation en deux étapes ou pour vous authentifier.
Détails de connexion et numéro de client

Nous stockons vos données de connexion pour sécuriser l'accès à votre compte et vous assurer que seules les personnes autorisées puissent accéder à vos données personnelles. Nous générons également un numéro de client unique afin de pouvoir vous aider plus rapidement et efficacement.
Adresse IP

Nous stockons votre adresse IP pour vous permettre d'avoir une vue d'ensemble des adresses IP utilisées pour se connecter à votre compte et vérifier l'auteur d'éventuelles modifications. Cette information est également utilisée pour renforcer la protection de votre compte contre les accès non autorisés depuis d'autres emplacements.
Informations de paiement

Nous stockons les informations de paiement comme vos coordonnées PayPal, votre carte de crédit, numéro de compte, et votre nom en tant que titulaire de compte. Le traitement de vos paiements engage également d'autres parties telles que les sociétés affiliées à votre moyen de paiement ou cartes de crédit. Lors d'une commande, nous générons aussi une offre unique ou un numéro de facture qui sera ensuite lié à votre compte.
Votre utilisation de notre site Internet

Les détails mentionnés ci-dessus en combinaison avec des cookies nous permettent de voir comment vous utilisez notre site, nos services, et d'identifier vos intérêts. Cela nous permet d'améliorer notre site, nos services et le ciblage de nos publicités. Pour un détail de l'utilisation de vos données, veuillez vous référer à la section "Produits, Services & Application" en bas de page.

Données personnelles sur l'utilisateur:
Nous collectons les données personnelles que vous nous fournissez lorsque vous utilisez ou vous inscrivez à l'un de nos services, que vous achetez et/ou enregistrez un nom de domaine, et/ou lorsque vous nous contactez directement par un canal de communication quelconque (par exemple, les tickets d'assistance, le chat ou les appels ; nous enregistrons également des informations lorsque vous nous contactez, telles que des requêtes du support, des notes, ou informations concernant vos demandes et la manière dont nous vous avons répondu). Cette collecte est nécessaire afin de nous permettre de vous fournir nos services. Nous utilisons également des cookies et technologies similaires sur nos sites et applications mobiles pour collecter des informations sur les interactions et l'utilisation que vous avez de nos services. Voici les types de données personnelles que nous recueillons à votre sujet :

Données de contact

votre nom
votre prénom
le nom de votre société, association, fondation
votre adresse mail de connexion
une adresse mail de récupération
votre numéro de téléphone portable
une adresse postale

Identifiants
Mots de passe et informations de sécurité utilisés pour permettre l'authentification et l'accès

Données d'interaction

Données sur l'appareil
Configuration de l'appareil
Adresse(s) IP
Paramètres régionaux et linguistiques
Les points d'accès à proximité de votre appareil
Données de géolocalisation (Veuillez consulter la section 'Produits, Services & Applications')
Infomaniak Sync
Infomaniak Check
Données personnelles relatives au paiement, comme l'adresse de facturation ou les données de la carte de crédit (pour les Utilisateurs de Services payants)
Données personnelles que vous incluez dans vos communications avec nous (comme une carte d'identité, un passeport ou les documents officiels d'enregistrement de la société, le procès verbal d'une association, un certificat d'héritiers, actes de décès)

<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<title>Mon site web</title>
<style type="text/css" media="all">
/ surcharge de styles existants et ajouts /
a:link{text-decoration:none;color:#134A81;}
a:active{text-decoration:none;color:#666;}
a:visited{text-decoration:none;color:#666;}
a:hover{text-decoration:none;color:#176dc3;}
body {
font-family: Helvetica,Verdana,Arial,sans-serif;
font-size: 1.1rem;
}

</style>
</head>
<body>
<header id="masthead">
Mon site
</header>
<div id="contenu">
<h1>Titre de mon site</h1>
<h2>Sous titre de mon site</h1>
<p>Paragraphe</p>
<p>Paragraphe</p>
<p><strong>Paragraphe en gras</strong></p>
<p>Paragraphe <img src="image.jpg" alt="chat"></p>
<p>Visite le <a href="https://martouf.ch">site de Martouf</>.</p>
</div>
</body>
</html>

<!-- This svgs just have historical / explanative values. -->

<h4>Via svg, pattern, and <a href="http://jsfiddle.net/jwrmwxzt/7/">path</a><h4>
<?xml version="1.0" ?>
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<pattern id="Triangle" width="10" height="10" patternUnits="userSpaceOnUse">
<path fill="black"d="M5,0 10,10 0,10 Z" />
</pattern>
</defs>
<circle cx="60" cy="60" r="50" fill="url(#Triangle)" />
</svg>

<h4>Via svg, pattern, and rectangles<h4>
<?xml version="1.0" ?>
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<pattern id="hash4_4" width="8" height="8" patternUnits="userSpaceOnUse" patternTransform="rotate(45)">
<rect width="4" height="8" transform="translate(0,0)" fill="orange"></rect>
</pattern>
</defs>
<circle cx="60" cy="60" r="50" fill="url(#hash4_4)" />
</svg>

<h4>Via svg, pattern, and d3<h4>

------------ js + d3js

// SVG injection:
var svg = d3.select("body").append("svg").attr("id", "d3svg")
.attr("width", 120)
.attr("height", 120);
//Pattern injection
var defs = svg.append("defs")
var pattern = svg.append("pattern")
.attr({ id:"hash4_4", width:"8", height:"8", patternUnits:"userSpaceOnUse", patternTransform:"rotate(-45)"})
.append("rect")
.attr({ width:"4", height:"8", transform:"translate(0,0)", fill:"#88AAEE" });

//Shape design
svg.append("g").attr("id","shape")
.append("circle")
.attr({cx:"60",cy:"60",r:"50", fill:"url(#hash4_4)" })

----- css

svg { border : 1px solid #88AAEE; background-color: #FEE; }
h4 { color: #777;}