From d6340c4190f4231aa82cdcc57d7abf337bab8b14 Mon Sep 17 00:00:00 2001 From: adplantade Date: Wed, 17 Jun 2020 17:17:45 +0200 Subject: [PATCH 1/9] =?UTF-8?q?ajout=20de=20css,=20d=C3=A9but=20d'affichag?= =?UTF-8?q?e=20en=20colonnes?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- code/index.css | 71 +++++ code/index.html | 751 ++++++++++++++++++++++++++---------------------- 2 files changed, 485 insertions(+), 337 deletions(-) create mode 100644 code/index.css diff --git a/code/index.css b/code/index.css new file mode 100644 index 0000000..02ba8bb --- /dev/null +++ b/code/index.css @@ -0,0 +1,71 @@ + +.all-container { + display : flex; /* + align-items: baseline; + width : min-content; + flex-direction: row; + flex-wrap: wrap;*/ + +} + +.flex-container { + /* We first create a flex layout context */ + display : flex; + align-items: baseline; + width : min-content; + /* Then we define the flow direction + and if we allow the items to wrap + * Remember this is the same as: + * flex-direction: row; + * flex-wrap: wrap; + */ + + + /* Then we define how is distributed the remaining space */ + + flex-direction: column; + } + /* + + .flex-item { + padding: 5px; + width: 200px; + height: 150px; + margin-top: 10px; + line-height: 150px; + color: white; + font-weight: bold; + font-size: 3em; + text-align: center; + }*/ + + .vitraux { + /* We first create a flex layout context */ + display : flex; + align-items: baseline; + width : min-content; + /* Then we define the flow direction + and if we allow the items to wrap + * Remember this is the same as: + * flex-direction: row; + * flex-wrap: wrap; + */ + + + /* Then we define how is distributed the remaining space */ + + flex-direction: column; + } + /* + .vitrail { + background: tomato; + padding: 5px; + width: 200px; + height: 150px; + margin-top: 10px; + line-height: 150px; + color: white; + font-weight: bold; + font-size: 3em; + text-align: center; + }*/ \ No newline at end of file diff --git a/code/index.html b/code/index.html index 06cbec9..52ef980 100644 --- a/code/index.html +++ b/code/index.html @@ -1,368 +1,445 @@ + + - - - - - - - - - - - - - - + - - toutDessiner(tab1,canvas1,ctx1); - toutDessiner(tab2,canvas2,ctx2); - toutDessiner(tab3,canvas3,ctx3); - toutDessiner(tab4,canvas4,ctx4); - - - - + From 31cf1efc1d316dd19159ccf910c86ae879777c09 Mon Sep 17 00:00:00 2001 From: adplantade Date: Thu, 18 Jun 2020 17:12:08 +0200 Subject: [PATCH 2/9] =?UTF-8?q?Affichage=20plus=20espac=C3=A9,=20am=C3=A9l?= =?UTF-8?q?ioration=20de=20la=20r=C3=A9serve?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- code/index.css | 4 ++- code/index.html | 94 ++++++++++++++++++++++++++++++++++--------------- 2 files changed, 69 insertions(+), 29 deletions(-) diff --git a/code/index.css b/code/index.css index 02ba8bb..e9f3021 100644 --- a/code/index.css +++ b/code/index.css @@ -1,6 +1,8 @@ .all-container { - display : flex; /* + display : flex; + justify-content: space-between; + /* align-items: baseline; width : min-content; flex-direction: row; diff --git a/code/index.html b/code/index.html index 52ef980..f9b0ad8 100644 --- a/code/index.html +++ b/code/index.html @@ -7,6 +7,13 @@