Aurelie Bayre AurelieBayre

## get-info-and-display-them-with-a-promise.html
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

## randomChoiceForGivenRole.js
const getRandomNum = max => Math.floor(Math.random() * Math.floor(max))

const chooseSomeone = (array, role) => {
    const index = getRandomNum(array.length)
    return `${array[index]} is the ${role}`
}

console.log(chooseSomeone(["Aurelie", "Max", "Thibaut", "Arnaud"], "ScrumMaster"))

## gist:baea6ae7c5475e750846389ae64e4415
/La/
/[(0-9)]{2}\/[(0-9)]{2}\/[(0-9)]{4}/
/\s[(0-9)]{1}\/[(0-9)]{2}/
/(format)[a-z]{1,}/g
/\(.{1,}\)/g

Cher journal,

en ce jour du 04/09/2017, je trouve la Wild Code School géniale. Ma formatrice (ou mon formateur) est la personne la plus belle et intelligente que j'ai eu l'occasion de rencontrer ! La modestie de la personne qui a rédigé ce texte n’est plus à démontrer, de même que sa capacité à écrire un texte intéressant à lire. Je lui mettrai la note de 9/10, ce n'est pas cher payé !

## myseryv2.txt
    1  ls
    2  cd mystery
    3  ls
    4  cat crimescene | grep "CLUE"
    5  ls
    6  cat people | grep "Annabel"
    7  ls
    8  head -n 40 streets/Hart_Place|tail -n 1
    9  head -n 179 streets/Buckingham_Place|tail -n 1
   10  ls

## mystery.txt
    1  webdev
    2  ls
    3  cd WCS exercises
    4  cd WCS_exercises
    5  ls
    6  cd unix
    7  ls
    8  cd clmystery-master
    9  ls
   10  cat instructions

## sauron.css
/*Disclaimer: je suis partie de la soluce de Tanguy Marlot et je l'ai optimisée pour que les carrés restent carrés.*/

.gray,
.orange,
.yellow,
.black {
  border: 1px solid #fff;
  padding: 0px;
}

## index.html
<!-- NB:
je rappelle cette phrase du cours:
"Tu peux alors décider d'organiser le contenu de ton site en utilisant, pour chaque élément, une ou plusieurs colonnes."

Ma solution:
* est responsive
* ne se déforme pas que ce soit sur des petits écrans ou des grands écrans.
* en outre, mon image tient tout entière sur l'écran (petit ou grand),
ce qui n'est le cas d'aucune solution que j'ai vu jusqu'à présent.

## gandalfStyle.css

body {
    font-family: 'Open Sans', sans-serif;
}

.wanted {
    display: inline-block;
    position: relative;
    text-align: center;
}

## gandalfStyle.css

body {
    font-family: 'Open Sans', sans-serif;
}

.wanted {
    display: inline-block;
    position: relative;
    text-align: center;
}

## findThePrecious.html
<!-- purpose: reviewing how to structure a html5 page
structure your code and check it's ok by W3C validator's standards cf: https://validator.w3.org/ -->

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Find the Precious!!! Join Sauron's army! <3 <3 <3 </title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
	<!doctype html>
	<html lang="en">
	<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	const getRandomNum = max => Math.floor(Math.random() * Math.floor(max))

	const chooseSomeone = (array, role) => {
	const index = getRandomNum(array.length)
	return `${array[index]} is the ${role}`
	}

	console.log(chooseSomeone(["Aurelie", "Max", "Thibaut", "Arnaud"], "ScrumMaster"))
	/La/
	/[(0-9)]{2}\/[(0-9)]{2}\/[(0-9)]{4}/
	/\s[(0-9)]{1}\/[(0-9)]{2}/
	/(format)[a-z]{1,}/g
	/\(.{1,}\)/g

	Cher journal,

	en ce jour du 04/09/2017, je trouve la Wild Code School géniale. Ma formatrice (ou mon formateur) est la personne la plus belle et intelligente que j'ai eu l'occasion de rencontrer ! La modestie de la personne qui a rédigé ce texte n’est plus à démontrer, de même que sa capacité à écrire un texte intéressant à lire. Je lui mettrai la note de 9/10, ce n'est pas cher payé !
	1 ls
	2 cd mystery
	3 ls
	4 cat crimescene \| grep "CLUE"
	5 ls
	6 cat people \| grep "Annabel"
	7 ls
	8 head -n 40 streets/Hart_Place\|tail -n 1
	9 head -n 179 streets/Buckingham_Place\|tail -n 1
	10 ls
	1 webdev
	2 ls
	3 cd WCS exercises
	4 cd WCS_exercises
	5 ls
	6 cd unix
	7 ls
	8 cd clmystery-master
	9 ls
	10 cat instructions
	/Disclaimer: je suis partie de la soluce de Tanguy Marlot et je l'ai optimisée pour que les carrés restent carrés./

	.gray,
	.orange,
	.yellow,
	.black {
	border: 1px solid #fff;
	padding: 0px;
	}
	<!-- NB:
	je rappelle cette phrase du cours:
	"Tu peux alors décider d'organiser le contenu de ton site en utilisant, pour chaque élément, une ou plusieurs colonnes."

	Ma solution:
	* est responsive
	* ne se déforme pas que ce soit sur des petits écrans ou des grands écrans.
	* en outre, mon image tient tout entière sur l'écran (petit ou grand),
	ce qui n'est le cas d'aucune solution que j'ai vu jusqu'à présent.

	body {
	font-family: 'Open Sans', sans-serif;
	}

	.wanted {
	display: inline-block;
	position: relative;
	text-align: center;
	}
	<!-- purpose: reviewing how to structure a html5 page
	structure your code and check it's ok by W3C validator's standards cf: https://validator.w3.org/ -->

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Find the Precious!!! Join Sauron's army! <3 <3 <3 </title>
	<meta name="viewport" content="width=device-width, initial-scale=1">