Codestin Search App

A @@ -59,19 +58,19 @@ - + \ No newline at end of file diff --git a/01 - JavaScript Drum Kit/myindex.html b/01 - JavaScript Drum Kit/myindex.html deleted file mode 100644 index 63d4e792ef..0000000000 --- a/01 - JavaScript Drum Kit/myindex.html +++ /dev/null @@ -1,66 +0,0 @@ - - - - - Codestin Search App - - - - -

- A - clap -

- S - hihat -

- D - kick -

- F - openhat -

- G - boom -

- H - ride -

- J - snare -

- K - tom -

- L - tink -

- -

- - - - - \ No newline at end of file diff --git a/01 - JavaScript Drum Kit/style.css b/01 - JavaScript Drum Kit/style.css index 3e0a320b37..ed9a81052b 100644 --- a/01 - JavaScript Drum Kit/style.css +++ b/01 - JavaScript Drum Kit/style.css @@ -32,8 +32,8 @@ body,html { } .playing { - transform:scale(1.1); - border-color:#ffc600; + transform:scale(1.3); + border-color: hotpink; box-shadow: 0 0 10px #ffc600; } From 2cf2b0d761a4a375a5507b4685ee7f1524bc3318 Mon Sep 17 00:00:00 2001 From: cecstar Date: Fri, 16 Dec 2016 05:55:11 +0000 Subject: [PATCH 3/5] completed html clock with in-line css stlying. Future iterations: Add conditional to transitions to improve quality. --- 02 - JS + CSS Clock/index-FINISHED.html | 98 ------------------------- 02 - JS + CSS Clock/index-START.html | 73 ------------------ 02 - JS + CSS Clock/index.html | 81 ++++++++++---------- 3 files changed, 39 insertions(+), 213 deletions(-) delete mode 100644 02 - JS + CSS Clock/index-FINISHED.html delete mode 100644 02 - JS + CSS Clock/index-START.html diff --git a/02 - JS + CSS Clock/index-FINISHED.html b/02 - JS + CSS Clock/index-FINISHED.html deleted file mode 100644 index d4cb3b56a8..0000000000 --- a/02 - JS + CSS Clock/index-FINISHED.html +++ /dev/null @@ -1,98 +0,0 @@ - - - - - Codestin Search App - - - - -

- - - - - - - diff --git a/02 - JS + CSS Clock/index-START.html b/02 - JS + CSS Clock/index-START.html deleted file mode 100644 index 2712384201..0000000000 --- a/02 - JS + CSS Clock/index-START.html +++ /dev/null @@ -1,73 +0,0 @@ - - - - - Codestin Search App - - - - -

- - - - - - - diff --git a/02 - JS + CSS Clock/index.html b/02 - JS + CSS Clock/index.html index 1c777557da..af900adbc1 100644 --- a/02 - JS + CSS Clock/index.html +++ b/02 - JS + CSS Clock/index.html @@ -1,28 +1,22 @@ - - Codestin Search App + + Codestin Search App - -

- +

- + setInterval(setDate, 1000); + - + \ No newline at end of file From e644885d27b45713caa00d1b67305c4a76cff9e9 Mon Sep 17 00:00:00 2001 From: cecstar Date: Fri, 16 Dec 2016 06:13:29 +0000 Subject: [PATCH 4/5] alphabetized css --- 02 - JS + CSS Clock/index.html | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/02 - JS + CSS Clock/index.html b/02 - JS + CSS Clock/index.html index af900adbc1..83b40717ed 100644 --- a/02 - JS + CSS Clock/index.html +++ b/02 - JS + CSS Clock/index.html @@ -20,39 +20,38 @@ } body { - font-size: 2rem; + align-items: center; display:flex; flex:1; + font-size: 2rem; min-height: 100vh; - align-items: center; } .clock { - width: 30rem; - height: 30rem; - border:20px solid hotpink; - border-radius:50%; - margin:50px auto; - position: relative; - padding:2rem; box-shadow: 0 0 0 4px rgba(0,0,0,0.1), inset 0 0 0 3px #EFEFEF, inset 0 0 10px black, 0 0 10px rgba(0,0,0,0.2); + border:20px solid hotpink; + border-radius:50%; + height: 30rem; + margin:50px auto; + padding:2rem; + position: relative; + width: 30rem; } .clock-face { - position: relative; - width: 100%; height: 100%; + position: relative; transform: translateY(-3px); + width: 100%; } .hand { - width: 50%; - height: 6px; background: black; + height: 6px; position: absolute; top: 50%; transform-origin: 100%; @@ -60,6 +59,7 @@ transition: all 0.05s; /*add 'if' stateement to above transition to remove glitch when clock hits 60*/ transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1); + width: 50%; } From fdae46e6fbf6f7c1047cb5550bd53a545df7b2d3 Mon Sep 17 00:00:00 2001 From: cecstar Date: Sun, 18 Dec 2016 04:04:44 +0000 Subject: [PATCH 5/5] work in progress index --- 03 - CSS Variables/index.html | 78 +++++++++++++++++++++++++++++++++++ 1 file changed, 78 insertions(+) create mode 100644 03 - CSS Variables/index.html diff --git a/03 - CSS Variables/index.html b/03 - CSS Variables/index.html new file mode 100644 index 0000000000..16e6e4358f --- /dev/null +++ b/03 - CSS Variables/index.html @@ -0,0 +1,78 @@ + + + + + Codestin Search App + + +

Update CSS Variables with JS

+ +

+ Spacing + + + Blur + + + + Base Colour + +

+ +

+ + + + + + + \ No newline at end of file