diff --git a/app/assets/stylesheets/photobooth.css b/app/assets/stylesheets/photobooth.css index c4dd706..f1fb3cf 100644 --- a/app/assets/stylesheets/photobooth.css +++ b/app/assets/stylesheets/photobooth.css @@ -25,13 +25,16 @@ body { .shoot_button { width: 430px; - max-width: 100%; + max-width: 85%; margin: 10px 20px 10px 20px; } +.shoot_text { + font-size: 1.3em; +} + .shoot_img { - height: 200px; - margin: 0px 70px 0px 70px; + max-width: 65%; } .shoot_img_btn { @@ -63,6 +66,10 @@ body { min-height: 40%; } +.shoot_button:hover { + background-color: #fff; +} + #button-start { position: absolute; top: 3px; diff --git a/app/assets/templates/picture_sets.html.haml b/app/assets/templates/picture_sets.html.haml index 5cf0d48..a495278 100644 --- a/app/assets/templates/picture_sets.html.haml +++ b/app/assets/templates/picture_sets.html.haml @@ -2,8 +2,8 @@ %button.btn.btn-default.shoot_button{type: 'button', 'ng-click' => 'takePicture()', 'ng-hide' => 'rw' } %span - = image_tag 'take_picture.png', {:class => 'shoot_img'} - %h2 + = image_tag 'take_picture_animation.gif', {:class => 'shoot_img'} + .shoot_text Click here to take a picture %span{ 'ng-repeat' => 'picture_set in picture_sets'} diff --git a/public/images/take_picture_animation.gif b/public/images/take_picture_animation.gif new file mode 100644 index 0000000..7ca4e34 Binary files /dev/null and b/public/images/take_picture_animation.gif differ diff --git a/public/images/take_picture_animation.xcf b/public/images/take_picture_animation.xcf new file mode 100644 index 0000000..cd0f0a2 Binary files /dev/null and b/public/images/take_picture_animation.xcf differ diff --git a/public/images/take_picture_animation_1.png b/public/images/take_picture_animation_1.png new file mode 100644 index 0000000..0c822e6 Binary files /dev/null and b/public/images/take_picture_animation_1.png differ diff --git a/public/images/take_picture_animation_2.png b/public/images/take_picture_animation_2.png new file mode 100644 index 0000000..c78a182 Binary files /dev/null and b/public/images/take_picture_animation_2.png differ diff --git a/public/images/take_picture_animation_3.png b/public/images/take_picture_animation_3.png new file mode 100644 index 0000000..57a96f0 Binary files /dev/null and b/public/images/take_picture_animation_3.png differ diff --git a/public/images/take_picture_animation_4.png b/public/images/take_picture_animation_4.png new file mode 100644 index 0000000..3ef3aea Binary files /dev/null and b/public/images/take_picture_animation_4.png differ