X Tutup
From 3826363ea7e3c8fe529abe62fa1c16656918ec3b Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Tue, 3 Oct 2017 18:11:03 -0400 Subject: [PATCH 01/29] added working drum machine --- 01 - JavaScript Drum Kit/index-FINISHED.html | 83 -------------------- 01 - JavaScript Drum Kit/index-START.html | 17 ++++ 2 files changed, 17 insertions(+), 83 deletions(-) delete mode 100644 01 - JavaScript Drum Kit/index-FINISHED.html diff --git a/01 - JavaScript Drum Kit/index-FINISHED.html b/01 - JavaScript Drum Kit/index-FINISHED.html deleted file mode 100644 index 1a16d0997c..0000000000 --- a/01 - JavaScript Drum Kit/index-FINISHED.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - - JS Drum Kit - - - - - -
-
- A - clap -
-
- S - hihat -
-
- D - kick -
-
- F - openhat -
-
- G - boom -
-
- H - ride -
-
- J - snare -
-
- K - tom -
-
- L - tink -
-
- - - - - - - - - - - - - - - - diff --git a/01 - JavaScript Drum Kit/index-START.html b/01 - JavaScript Drum Kit/index-START.html index 4070d32767..bcb8d2cb4f 100644 --- a/01 - JavaScript Drum Kit/index-START.html +++ b/01 - JavaScript Drum Kit/index-START.html @@ -58,7 +58,24 @@ From 9be6f47bd8e8af97b1aeecec740cbc6e9714d801 Mon Sep 17 00:00:00 2001 From: William Date: Thu, 5 Oct 2017 22:43:11 -0400 Subject: [PATCH 02/29] removed completed files --- 02 - JS and CSS Clock/index-FINISHED.html | 99 ----------------------- 1 file changed, 99 deletions(-) delete mode 100644 02 - JS and CSS Clock/index-FINISHED.html diff --git a/02 - JS and CSS Clock/index-FINISHED.html b/02 - JS and CSS Clock/index-FINISHED.html deleted file mode 100644 index 37436ed1ca..0000000000 --- a/02 - JS and CSS Clock/index-FINISHED.html +++ /dev/null @@ -1,99 +0,0 @@ - - - - - JS + CSS Clock - - - - -
-
-
-
-
-
-
- - - - - - - From ae074b29ee5f5fe05dbd68ae9dce58e781099548 Mon Sep 17 00:00:00 2001 From: William Date: Thu, 5 Oct 2017 23:17:48 -0400 Subject: [PATCH 03/29] added working clock --- 02 - JS and CSS Clock/index-START.html | 31 +++++++++++++++++++++++++- 1 file changed, 30 insertions(+), 1 deletion(-) diff --git a/02 - JS and CSS Clock/index-START.html b/02 - JS and CSS Clock/index-START.html index ee7eaefb1f..3370555206 100644 --- a/02 - JS and CSS Clock/index-START.html +++ b/02 - JS and CSS Clock/index-START.html @@ -62,12 +62,41 @@ background:black; position: absolute; top:50%; + transform-origin: 100%; + transform: rotate(90deg); + transition: all 0.5s; } - + .hour-hand { + background: red; + } + + From 4518186fb4749af5852a8bf21a0e32f5f443d4a1 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Fri, 6 Oct 2017 18:25:00 -0400 Subject: [PATCH 04/29] removed finished files --- 03 - CSS Variables/index-FINISHED.html | 76 -------------------------- 1 file changed, 76 deletions(-) delete mode 100644 03 - CSS Variables/index-FINISHED.html diff --git a/03 - CSS Variables/index-FINISHED.html b/03 - CSS Variables/index-FINISHED.html deleted file mode 100644 index c931959a74..0000000000 --- a/03 - CSS Variables/index-FINISHED.html +++ /dev/null @@ -1,76 +0,0 @@ - - - - - Scoped CSS Variables and JS - - -

Update CSS Variables with JS

- -
- - - - - - - - -
- - - - - - - - - - From d35c2a5ed169563c031e13a3494dd41a4b8dd48e Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Fri, 6 Oct 2017 20:09:21 -0400 Subject: [PATCH 05/29] added css variables --- 03 - CSS Variables/index-START.html | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/03 - CSS Variables/index-START.html b/03 - CSS Variables/index-START.html index 8a4f0d556e..250c253239 100644 --- a/03 - CSS Variables/index-START.html +++ b/03 - CSS Variables/index-START.html @@ -22,6 +22,21 @@

Update CSS Variables with JS

From cbf4fffbc7875f1ebd6a09dbf2b9bcac6a00c59f Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Fri, 6 Oct 2017 20:13:44 -0400 Subject: [PATCH 06/29] removed finished files --- 04 - Array Cardio Day 1/index-FINISHED.html | 106 -------------------- 1 file changed, 106 deletions(-) delete mode 100644 04 - Array Cardio Day 1/index-FINISHED.html diff --git a/04 - Array Cardio Day 1/index-FINISHED.html b/04 - Array Cardio Day 1/index-FINISHED.html deleted file mode 100644 index ede883f1f9..0000000000 --- a/04 - Array Cardio Day 1/index-FINISHED.html +++ /dev/null @@ -1,106 +0,0 @@ - - - - - Array Cardio 💪 - - -

Psst: have a look at the JavaScript Console 💁

- - - From 8e22fe87d8fba96fe4a88f3c61f6260219753540 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Tue, 10 Oct 2017 13:01:41 -0400 Subject: [PATCH 07/29] added filter function --- 04 - Array Cardio Day 1/index-START.html | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index eec0ffc31d..b67678fc47 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -27,10 +27,18 @@ { first: 'Hanna', last: 'Hammarström', year: 1829, passed: 1909 } ]; - const people = ['Beck, Glenn', 'Becker, Carl', 'Beckett, Samuel', 'Beddoes, Mick', 'Beecher, Henry', 'Beethoven, Ludwig', 'Begin, Menachem', 'Belloc, Hilaire', 'Bellow, Saul', 'Benchley, Robert', 'Benenson, Peter', 'Ben-Gurion, David', 'Benjamin, Walter', 'Benn, Tony', 'Bennington, Chester', 'Benson, Leana', 'Bent, Silas', 'Bentsen, Lloyd', 'Berger, Ric', 'Bergman, Ingmar', 'Berio, Luciano', 'Berle, Milton', 'Berlin, Irving', 'Berne, Eric', 'Bernhard, Sandra', 'Berra, Yogi', 'Berry, Halle', 'Berry, Wendell', 'Bethea, Erin', 'Bevan, Aneurin', 'Bevel, Ken', 'Biden, Joseph', 'Bierce, Ambrose', 'Biko, Steve', 'Billings, Josh', 'Biondo, Frank', 'Birrell, Augustine', 'Black, Elk', 'Blair, Robert', 'Blair, Tony', 'Blake, William']; + const people = ['Beck, Glenn', 'Becker, Carl', 'Beckett, Samuel', 'Beddoes, Mick', 'Beecher, Henry', 'Beethoven, Ludwig', + 'Begin, Menachem', 'Belloc, Hilaire', 'Bellow, Saul', 'Benchley, Robert', 'Benenson, Peter', 'Ben-Gurion, David', 'Benjamin, Walter', + 'Benn, Tony', 'Bennington, Chester', 'Benson, Leana', 'Bent, Silas', 'Bentsen, Lloyd', 'Berger, Ric', 'Bergman, Ingmar', 'Berio, Luciano', + 'Berle, Milton', 'Berlin, Irving', 'Berne, Eric', 'Bernhard, Sandra', 'Berra, Yogi', 'Berry, Halle', 'Berry, Wendell', 'Bethea, Erin', 'Bevan, Aneurin', + 'Bevel, Ken', 'Biden, Joseph', 'Bierce, Ambrose', 'Biko, Steve', 'Billings, Josh', 'Biondo, Frank', 'Birrell, Augustine', 'Black, Elk', 'Blair, Robert', + 'Blair, Tony', 'Blake, William']; // Array.prototype.filter() // 1. Filter the list of inventors for those who were born in the 1500's + const fifteen = inventors.filter(inventor => inventor.year >= 1500 && inventor.year < 1600); + + console.table(fifteen); // Array.prototype.map() // 2. Give us an array of the inventors' first and last names From 727b7f83a646f9ced46b2a7f9e348e0680a5b1ae Mon Sep 17 00:00:00 2001 From: William Date: Tue, 10 Oct 2017 23:02:50 -0400 Subject: [PATCH 08/29] mapping function added --- 04 - Array Cardio Day 1/index-START.html | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index b67678fc47..8e1b928a41 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -36,12 +36,13 @@ // Array.prototype.filter() // 1. Filter the list of inventors for those who were born in the 1500's - const fifteen = inventors.filter(inventor => inventor.year >= 1500 && inventor.year < 1600); - - console.table(fifteen); + //const fifteen = inventors.filter(inventor => inventor.year >= 1500 && inventor.year < 1600); + //console.table(fifteen); // Array.prototype.map() // 2. Give us an array of the inventors' first and last names + const names = inventors.map(inventor => inventor.first + ' ' + inventor.last); + console.log(names); // Array.prototype.sort() // 3. Sort the inventors by birthdate, oldest to youngest From a61c6830fe77237002b9d46cf671f8ec8773b594 Mon Sep 17 00:00:00 2001 From: William Date: Tue, 10 Oct 2017 23:16:33 -0400 Subject: [PATCH 09/29] added sort --- 04 - Array Cardio Day 1/index-START.html | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index 8e1b928a41..e5d43504df 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -36,8 +36,8 @@ // Array.prototype.filter() // 1. Filter the list of inventors for those who were born in the 1500's - //const fifteen = inventors.filter(inventor => inventor.year >= 1500 && inventor.year < 1600); - //console.table(fifteen); + const fifteen = inventors.filter(inventor => inventor.year >= 1500 && inventor.year < 1600); + console.table(fifteen); // Array.prototype.map() // 2. Give us an array of the inventors' first and last names @@ -46,6 +46,9 @@ // Array.prototype.sort() // 3. Sort the inventors by birthdate, oldest to youngest + const sorted = inventors.sort((a, b) => a.year > b.year ? 1 : -1); + console.table(sorted); + // Array.prototype.reduce() // 4. How many years did all the inventors live? From 2909ad936c978a78cfa9ab9a50d581b33dd1f081 Mon Sep 17 00:00:00 2001 From: William Date: Tue, 10 Oct 2017 23:27:22 -0400 Subject: [PATCH 10/29] added reduce --- 04 - Array Cardio Day 1/index-START.html | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index e5d43504df..61575a38d4 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -52,6 +52,10 @@ // Array.prototype.reduce() // 4. How many years did all the inventors live? + const totalYears = inventors.reduce((total, inventor) => { + return total + (inventor.passed - inventor.year); + }, 0); + console.log(totalYears); // 5. Sort the inventors by years lived From 6fe424fcbbaaa22b6ccf1fd099f776bbceb46eca Mon Sep 17 00:00:00 2001 From: William Date: Wed, 11 Oct 2017 00:12:26 -0400 Subject: [PATCH 11/29] another sort --- 04 - Array Cardio Day 1/index-START.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index 61575a38d4..03eb5f0b20 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -58,6 +58,8 @@ console.log(totalYears); // 5. Sort the inventors by years lived + const yearsLived = inventors.sort((a, b) => (a.passed - a.year) > (b.passed - b.year) ? -1 : 1); + console.table(yearsLived); // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name // https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris From 6cb6a23694063001b731b248590a226f96746316 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Wed, 11 Oct 2017 18:00:24 -0400 Subject: [PATCH 12/29] gets an aray of dom elements containing specific text --- 04 - Array Cardio Day 1/index-START.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index 03eb5f0b20..a497e5d615 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -63,6 +63,8 @@ // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name // https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris + const category = document.querySelector('.mw-category'); + const links = category.querySelectorAll('a'); // 7. sort Exercise From 58b2cd714d34c155a6a132f7a10fc02969213312 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Wed, 11 Oct 2017 18:17:15 -0400 Subject: [PATCH 13/29] added sort with split --- 04 - Array Cardio Day 1/index-START.html | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index a497e5d615..045f191289 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -63,12 +63,21 @@ // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name // https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris - const category = document.querySelector('.mw-category'); - const links = category.querySelectorAll('a'); + /* const category = document.querySelector('.mw-category'); + const links = [...category.querySelectorAll('a')]; + const de = links + .map(link => link.textContent) + .filter(streetName => streetName.includes('de'));*/ // 7. sort Exercise // Sort the people alphabetically by last name + const alphabeticalSort = people.sort((a, b) => { + const [aLast, aFirst] = a.split(', '); + const [bLast, bFirst] = b.split(', '); + return aLast > bLast ? 1 : -1; + }); + console.log(alphabeticalSort); // 8. Reduce Exercise // Sum up the instances of each of these From 30cc415e249a23a2522d4b193e408bb0359a407e Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Wed, 11 Oct 2017 18:29:04 -0400 Subject: [PATCH 14/29] added reduce function --- 04 - Array Cardio Day 1/index-START.html | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/04 - Array Cardio Day 1/index-START.html b/04 - Array Cardio Day 1/index-START.html index 045f191289..bdd0defad9 100644 --- a/04 - Array Cardio Day 1/index-START.html +++ b/04 - Array Cardio Day 1/index-START.html @@ -63,7 +63,7 @@ // 6. create a list of Boulevards in Paris that contain 'de' anywhere in the name // https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris - /* const category = document.querySelector('.mw-category'); + /*const category = document.querySelector('.mw-category'); const links = [...category.querySelectorAll('a')]; const de = links .map(link => link.textContent) @@ -82,6 +82,15 @@ // 8. Reduce Exercise // Sum up the instances of each of these const data = ['car', 'car', 'truck', 'truck', 'bike', 'walk', 'car', 'van', 'bike', 'walk', 'car', 'van', 'car', 'truck' ]; + const sum = data.reduce(function(obj, item) { + if(!obj[item]){ + obj[item] = 0; + } + obj[item]++; + return obj; + }, {}); + + console.log(sum); From dcff8b4834ccc8b2585e918b524be4bda16d6007 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Mon, 16 Oct 2017 18:03:19 -0400 Subject: [PATCH 15/29] removed finished files --- 05 - Flex Panel Gallery/index-FINISHED.html | 140 -------------------- 1 file changed, 140 deletions(-) delete mode 100644 05 - Flex Panel Gallery/index-FINISHED.html diff --git a/05 - Flex Panel Gallery/index-FINISHED.html b/05 - Flex Panel Gallery/index-FINISHED.html deleted file mode 100644 index f703fed6ae..0000000000 --- a/05 - Flex Panel Gallery/index-FINISHED.html +++ /dev/null @@ -1,140 +0,0 @@ - - - - - Flex Panels 💪 - - - - - - -
-
-

Hey

-

Let's

-

Dance

-
-
-

Give

-

Take

-

Receive

-
-
-

Experience

-

It

-

Today

-
-
-

Give

-

All

-

You can

-
-
-

Life

-

In

-

Motion

-
-
- - - - - From b7baa733c57fc5236a08bd978f6bbdf6d88c1899 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Mon, 16 Oct 2017 18:44:57 -0400 Subject: [PATCH 16/29] added css and js transitions --- 05 - Flex Panel Gallery/index-START.html | 41 ++++++++++++++++++++++++ 1 file changed, 41 insertions(+) diff --git a/05 - Flex Panel Gallery/index-START.html b/05 - Flex Panel Gallery/index-START.html index c6509bed02..1da1d9b35d 100644 --- a/05 - Flex Panel Gallery/index-START.html +++ b/05 - Flex Panel Gallery/index-START.html @@ -24,6 +24,7 @@ .panels { min-height:100vh; overflow: hidden; + display: flex; } .panel { @@ -41,6 +42,11 @@ font-size: 20px; background-size:cover; background-position:center; + flex: 1; + justify-content: center; + align-items: center; + display: flex; + flex-direction: column; } @@ -54,6 +60,26 @@ margin:0; width: 100%; transition:transform 0.5s; + flex: 1 0 auto; + display: flex; + justify-content: center; + align-items: center; + } + + .panel > *:first-child { + transform: translateY(-100%); + } + + .panel.open-active > *:first-child { + transform: translateY(0); + } + + .panel > *:last-child { + transform: translateY(100%); + } + + .panel.open-active > *:last-child { + transform: translateY(0); } .panel p { @@ -68,6 +94,7 @@ .panel.open { font-size:40px; + flex: 5; } @@ -102,7 +129,21 @@ From fee74c74c321912ccf3b5ec80843dccd0883cba8 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Tue, 17 Oct 2017 10:19:09 -0400 Subject: [PATCH 17/29] removed finished files --- 06 - Type Ahead/index-FINISHED.html | 61 ----------------------------- 1 file changed, 61 deletions(-) delete mode 100644 06 - Type Ahead/index-FINISHED.html diff --git a/06 - Type Ahead/index-FINISHED.html b/06 - Type Ahead/index-FINISHED.html deleted file mode 100644 index 5902b43936..0000000000 --- a/06 - Type Ahead/index-FINISHED.html +++ /dev/null @@ -1,61 +0,0 @@ - - - - - Type Ahead 👀 - - - - -
- -
    -
  • Filter for a city
    • -
  • or a state
    • -
-
- - - From 02b66bb29ff2737270fa04653d663cc509c8eb85 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Tue, 17 Oct 2017 14:18:10 -0400 Subject: [PATCH 18/29] added type ahead search --- 06 - Type Ahead/index-START.html | 38 ++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/06 - Type Ahead/index-START.html b/06 - Type Ahead/index-START.html index 1436886918..f1ef0a28d1 100644 --- a/06 - Type Ahead/index-START.html +++ b/06 - Type Ahead/index-START.html @@ -17,6 +17,44 @@ From 9e137f442cb521472689eac24994abb129da0167 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Tue, 17 Oct 2017 14:20:45 -0400 Subject: [PATCH 19/29] removed finished files --- 07 - Array Cardio Day 2/index-FINISHED.html | 68 --------------------- 1 file changed, 68 deletions(-) delete mode 100644 07 - Array Cardio Day 2/index-FINISHED.html diff --git a/07 - Array Cardio Day 2/index-FINISHED.html b/07 - Array Cardio Day 2/index-FINISHED.html deleted file mode 100644 index c8e5b25d3b..0000000000 --- a/07 - Array Cardio Day 2/index-FINISHED.html +++ /dev/null @@ -1,68 +0,0 @@ - - - - - Array Cardio 💪💪 - - -

Psst: have a look at the JavaScript Console 💁

- - - From 7820a9b6cf2592f7d87c209d4ca873295cbf1909 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Tue, 17 Oct 2017 17:38:44 -0400 Subject: [PATCH 20/29] added some function --- 07 - Array Cardio Day 2/index-START.html | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/07 - Array Cardio Day 2/index-START.html b/07 - Array Cardio Day 2/index-START.html index 969566ff78..eae6e343e5 100644 --- a/07 - Array Cardio Day 2/index-START.html +++ b/07 - Array Cardio Day 2/index-START.html @@ -5,7 +5,7 @@ Array Cardio 💪💪 -

Psst: have a look at the JavaScript Console 💁

+

Psst: have a look at the JavaScript Console

From d349c064245b41e38f9dc8fbf132fb89ecc8e28c Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Tue, 31 Oct 2017 11:18:24 -0400 Subject: [PATCH 24/29] removed finished files --- .../index-FINISHED.html | 73 ------------------- 1 file changed, 73 deletions(-) delete mode 100644 08 - Fun with HTML5 Canvas/index-FINISHED.html diff --git a/08 - Fun with HTML5 Canvas/index-FINISHED.html b/08 - Fun with HTML5 Canvas/index-FINISHED.html deleted file mode 100644 index 0791e17d0d..0000000000 --- a/08 - Fun with HTML5 Canvas/index-FINISHED.html +++ /dev/null @@ -1,73 +0,0 @@ - - - - - HTML5 Canvas - - - - - - - - - From 9c6a341df0baee4729312a9952d657e2a7ff4f06 Mon Sep 17 00:00:00 2001 From: "RELIAS\\wcoleman" Date: Wed, 1 Nov 2017 13:05:42 -0400 Subject: [PATCH 25/29] started HTML5 canvas work --- 08 - Fun with HTML5 Canvas/index-START.html | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/08 - Fun with HTML5 Canvas/index-START.html b/08 - Fun with HTML5 Canvas/index-START.html index 37c148df07..b32e84c25a 100644 --- a/08 - Fun with HTML5 Canvas/index-START.html +++ b/08 - Fun with HTML5 Canvas/index-START.html @@ -7,6 +7,27 @@
X Tutup