From 5e5afe2624a9b3b29a500af6e9475ad2942c67ab Mon Sep 17 00:00:00 2001 From: Eleanor Harding Date: Mon, 11 Apr 2016 14:25:17 +0100 Subject: [PATCH] Form, gradient, progress bar --- css/main.css | 32 ++++++++++++++++++- img/gradient.png | Bin 0 -> 5956 bytes index.html | 78 +++++++++++++++++++++++++++++++++++++++++------ 3 files changed, 99 insertions(+), 11 deletions(-) create mode 100644 img/gradient.png diff --git a/css/main.css b/css/main.css index 0251329..3fe9c57 100644 --- a/css/main.css +++ b/css/main.css @@ -142,12 +142,36 @@ textarea { box-shadow: 0px 0px 5px #ddd; background-color: #fff; margin-bottom: 50px; + } +/*iframe { + width: 1px; + min-width: 100%; + *width: 100%; + }*/ + .accordion-container { /*padding: 0px 20px;*/ } +.gradient { + height: 40px; + position: fixed; + bottom: 19px; + background-color: #fff; + z-index: 0; + display: block; + width: 100%; + + /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */ +background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); /* FF3.6-15 */ +background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* Chrome10-25,Safari5.1-6 */ +background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ + +} + .yellow-green { color: #E0F13E; @@ -230,7 +254,6 @@ header { .accordion.open { border-bottom: 3px solid #eee; - padding-bottom: 20px; } .warning ul { @@ -353,6 +376,13 @@ footer { margin-bottom: 50px; } +div.form-container { + background-color: #eee; + padding-top: 30px; + margin-top: 20px; + padding-bottom: 20px; +} + diff --git a/img/gradient.png b/img/gradient.png new file mode 100644 index 0000000000000000000000000000000000000000..a25519b475987ecb838da0266fdf6556d61ab0e0 GIT binary patch literal 5956 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 58dcdce..e719adb 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,8 @@ - + + @@ -86,6 +87,44 @@

Observe:

(Multiple Languages) + +
+
+
+ + +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + + +
+ + +
+
+
+
@@ -377,9 +416,12 @@

Thank you for caring

-

This was developed at EmpowerHack LDN for Terre des hommes by Camille, Nora, Ashley and Eleanor

+

This was developed at EmpowerHackLDN for Terre des hommes by Camille, Nora, Ashley and Eleanor

+
+ . +

    Progress:

@@ -388,6 +430,7 @@

Thank you for caring

+ @@ -416,10 +459,19 @@

Thank you for caring

}); + $("button").click(function(){ + alert("Work in progress - Watch this space"); + }); + + $(".quiz-CTA").click(function(){ + alert("Work in progress - Watch this space"); + }); + + $("h2").click(function(){ - progress += 7; + progress += 9; // alert(progress+"%"); // $('.progress').css("width:", progress+"%"); $('.progress').width(progress+"%"); @@ -427,7 +479,11 @@

Thank you for caring

if (progress > 50 ) { $('.quiz-CTA').css("background-color", "#FD2D52"); } - }); + + if (progress > 95 ) { + $('.progress').css("background-color", "#39b54a"); + } + }); // $.(".section-title").click(function(){ // alert("lsjdhf"); @@ -465,12 +521,14 @@

Thank you for caring