From 360c79106dbdfd4ac99af862d5b468a84c77552f Mon Sep 17 00:00:00 2001 From: TheChangeApp Date: Sat, 25 Jan 2020 15:14:32 -0800 Subject: [PATCH 1/5] added file structure and links --- assets/app.js | 0 assets/reset.css | 138 +++++++++++++++++++++++++++++++++++++++++++++++ assets/style.css | 0 index.html | 47 ++++++++++++++++ 4 files changed, 185 insertions(+) create mode 100644 assets/app.js create mode 100644 assets/reset.css create mode 100644 assets/style.css create mode 100644 index.html diff --git a/assets/app.js b/assets/app.js new file mode 100644 index 0000000..e69de29 diff --git a/assets/reset.css b/assets/reset.css new file mode 100644 index 0000000..dfbd513 --- /dev/null +++ b/assets/reset.css @@ -0,0 +1,138 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +*{ + box-sizing: border-box; +} + +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} + +body { + line-height: 1; +} + +ol, +ul { + list-style: none; +} + +blockquote, +q { + quotes: none; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/assets/style.css b/assets/style.css new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..eac415e --- /dev/null +++ b/index.html @@ -0,0 +1,47 @@ + + + + + + + + + + + Document + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file From 6813d40b7731c1ce70d734a59ef5343b17d5781d Mon Sep 17 00:00:00 2001 From: jordan Date: Wed, 29 Jan 2020 19:41:11 -0800 Subject: [PATCH 2/5] added some html --- assets/style.css | 10 ++++++++++ index.html | 13 ++++++++++++- 2 files changed, 22 insertions(+), 1 deletion(-) diff --git a/assets/style.css b/assets/style.css index e69de29..eee1225 100644 --- a/assets/style.css +++ b/assets/style.css @@ -0,0 +1,10 @@ + +.jumbotron{ + align-content: center; +} +#quiz{ + margin-left: 250px; +} +#questions{ + align-content: center; +} \ No newline at end of file diff --git a/index.html b/index.html index eac415e..32d29e7 100644 --- a/index.html +++ b/index.html @@ -13,6 +13,18 @@ +
+
+

The Quiz

+

question?

+ + + + + +
+
+ @@ -31,7 +43,6 @@ - From 5ee392672b1284b4caf46e4f5208641208116916 Mon Sep 17 00:00:00 2001 From: jordan Date: Wed, 29 Jan 2020 23:47:03 -0800 Subject: [PATCH 3/5] layout done --- assets/app.js | 10 ++++++++ assets/style.css | 11 +++++--- index.html | 67 +++++++++++++++++++++++++++++++++++++++++++----- 3 files changed, 79 insertions(+), 9 deletions(-) diff --git a/assets/app.js b/assets/app.js index e69de29..45f11a7 100644 --- a/assets/app.js +++ b/assets/app.js @@ -0,0 +1,10 @@ +let chloe = { + age:'19', + birthday:'oct 9th', + color:'blue', + height:`5'5`, + eyes:'black', + type:'demon', + hair:'blonde,gray,green,brown' +} +console.log(chloe) \ No newline at end of file diff --git a/assets/style.css b/assets/style.css index eee1225..f0ab6db 100644 --- a/assets/style.css +++ b/assets/style.css @@ -3,8 +3,13 @@ align-content: center; } #quiz{ - margin-left: 250px; + text-align: center; + text-decoration: underline; + text-transform: capitalize; + color: red; } #questions{ - align-content: center; -} \ No newline at end of file + text-align: center; + text-transform: capitalize; + color:rgb(19, 28, 107); +} diff --git a/index.html b/index.html index 32d29e7..11a33a3 100644 --- a/index.html +++ b/index.html @@ -15,13 +15,68 @@
-

The Quiz

-

question?

+

The Quiz Slide-1

+

Inside which HTML element do we put the JavaScript?

- - - - + + + + +
+
+
+
+

The Quiz Slide-2

+

How do you write "Hello World" in an alert box?

+ + + + + +
+
+
+
+

The Quiz Slide-3

+

How do you create a function in JavaScript?

+ + + + + +
+
+
+
+

The Quiz slide-3

+

How to write an IF statement for executing some code if "i" is NOT equal to 5?

+ + + + + +
+
+
+
+

The Quiz slide-4

+

What is the correct way to write a JavaScript array?

+ + + + + +
+
+
+
+

The Quiz slide-5

+

Which event occurs when the user clicks on an HTML element?

+ + + + +
From e1c6a6dcf95a20604eec287ab30e964c0cca11e0 Mon Sep 17 00:00:00 2001 From: jordan Date: Wed, 29 Jan 2020 23:51:49 -0800 Subject: [PATCH 4/5] '#' --- assets/app.js | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/assets/app.js b/assets/app.js index 45f11a7..e69de29 100644 --- a/assets/app.js +++ b/assets/app.js @@ -1,10 +0,0 @@ -let chloe = { - age:'19', - birthday:'oct 9th', - color:'blue', - height:`5'5`, - eyes:'black', - type:'demon', - hair:'blonde,gray,green,brown' -} -console.log(chloe) \ No newline at end of file From 20035b9880d3e2f030ff74ce102993964e2666e9 Mon Sep 17 00:00:00 2001 From: jordan Date: Thu, 30 Jan 2020 20:34:45 -0800 Subject: [PATCH 5/5] '#' --- assets/logic.js | 1 + assets/questions.js | 4 ++++ assets/{app.js => score.js} | 0 3 files changed, 5 insertions(+) create mode 100644 assets/logic.js create mode 100644 assets/questions.js rename assets/{app.js => score.js} (100%) diff --git a/assets/logic.js b/assets/logic.js new file mode 100644 index 0000000..dfba0bf --- /dev/null +++ b/assets/logic.js @@ -0,0 +1 @@ +startScreenEl.setAtrribute('class','hide') // to hide an element \ No newline at end of file diff --git a/assets/questions.js b/assets/questions.js new file mode 100644 index 0000000..b118bb4 --- /dev/null +++ b/assets/questions.js @@ -0,0 +1,4 @@ +var = questions { + title:`Inside which HTML element do we put the JavaScript?`, + question:'' +} \ No newline at end of file diff --git a/assets/app.js b/assets/score.js similarity index 100% rename from assets/app.js rename to assets/score.js