diff options
| -rw-r--r-- | app/views/general/_frontpage_intro_sentence.rhtml | 4 | ||||
| -rw-r--r-- | app/views/general/frontpage.rhtml | 55 | ||||
| -rw-r--r-- | app/views/layouts/default.rhtml | 2 | ||||
| -rw-r--r-- | public/images/button-gradient-large.png | bin | 0 -> 266 bytes | |||
| -rw-r--r-- | public/images/flying-computer.png | bin | 0 -> 10357 bytes | |||
| -rw-r--r-- | public/images/home-grad.png | bin | 0 -> 306 bytes | |||
| -rw-r--r-- | public/stylesheets/theme.css | 95 |
7 files changed, 126 insertions, 30 deletions
diff --git a/app/views/general/_frontpage_intro_sentence.rhtml b/app/views/general/_frontpage_intro_sentence.rhtml index 4e6dbecb3..8ef69897c 100644 --- a/app/views/general/_frontpage_intro_sentence.rhtml +++ b/app/views/general/_frontpage_intro_sentence.rhtml @@ -1,3 +1 @@ -<h3>Use your Right to Know</h3> - -Every citizen has the right to access information held by public authorities. <strong>By law, they have to respond</strong>. <a href="<%= help_about_url %>">Find out more about freedom of information.</a> +Every citizen has the right to access information held by public authorities. <strong>By law, they have to respond</strong>. <a href="<%= help_about_url %>">Find out more about freedom of information.</a> diff --git a/app/views/general/frontpage.rhtml b/app/views/general/frontpage.rhtml index ee88d23a1..60bed18a4 100644 --- a/app/views/general/frontpage.rhtml +++ b/app/views/general/frontpage.rhtml @@ -1,32 +1,37 @@ <% view_cache :ttl => 5.minutes, :tag => I18n.locale do %> - - - <div class="frontpage-box" id="frontpage-box-1"> - <%= render :partial => 'frontpage_intro_sentence' %> - </div> - - <div class="frontpage-box" id="frontpage-box-2"> - <div id="bighand"> - Make a new <strong>Freedom of Information</strong> request - <br /> - <a href="/en/new/tgq"><%= image_tag('start-button.png') %></a> - </div> - </div> - - <div class="frontpage-box" id="frontpage-box-3"> - <div id="littlehand"> - Search over <strong><%= InfoRequest.count %> requests</strong> and <strong><%= PublicBody.count %> authorities</strong>: - <% form_tag({:action => "search_redirect"}, {:id => "search_form"}) do %> - <%= text_field_tag 'query', params[:query], { :size => 30 } %> - <%= hidden_field_tag 'bodies', 1 %> - <%= image_submit_tag 'button-search.png', :title => 'Search' %> - <br> - <%= render :partial => 'frontpage_search_examples' %> - <% end %> + <div id="frontpage_splash"> + <div id="left_column"> + <h1> + Make a new<br/> + <strong>Freedom <span>of</span><br/> + Information<br/> + request</strong> + </h1> + <a class="link_button_green_large" href="/en/new/tgq">Start now »</a> </div> + <div id="right_column"> + <div id="frontpage_search_box"> + <h2> + Search over</br> + <strong><%= InfoRequest.count %> requests</strong> <span>and</span><br/> + <strong><%= PublicBody.count %> authorities</strong> + </h2> + <% form_tag({:action => "search_redirect"}, {:id => "search_form"}) do %> + <%= text_field_tag 'query', params[:query], { :size => 30 } %> + <%= hidden_field_tag 'bodies', 1 %> + <%= submit_tag 'Search' %> + <% end %> + </div> + <div id="frontpage_right_to_know"> + <h2> + Your <strong>Right to Know</strong> + </h2> + <p><%= render :partial => 'frontpage_intro_sentence' %></p> + </div> + </div> + <div style="clear:both"></div> </div> - <div id="frontpage_examples"> <% if @popular_bodies.size > 0 %> <div id="examples_0"> diff --git a/app/views/layouts/default.rhtml b/app/views/layouts/default.rhtml index f5fed2a8f..f365134e5 100644 --- a/app/views/layouts/default.rhtml +++ b/app/views/layouts/default.rhtml @@ -51,7 +51,7 @@ <%= render :partial => 'general/before_head_end' %> </head> - <body> + <body <%= "class='front'" if params[:action] == 'frontpage' %>> <% # code for popup advert for a campaign etc. =begin diff --git a/public/images/button-gradient-large.png b/public/images/button-gradient-large.png Binary files differnew file mode 100644 index 000000000..93ebc6cbc --- /dev/null +++ b/public/images/button-gradient-large.png diff --git a/public/images/flying-computer.png b/public/images/flying-computer.png Binary files differnew file mode 100644 index 000000000..b1e1d59bb --- /dev/null +++ b/public/images/flying-computer.png diff --git a/public/images/home-grad.png b/public/images/home-grad.png Binary files differnew file mode 100644 index 000000000..ff9887a11 --- /dev/null +++ b/public/images/home-grad.png diff --git a/public/stylesheets/theme.css b/public/stylesheets/theme.css index fce2bd813..50cc6edfa 100644 --- a/public/stylesheets/theme.css +++ b/public/stylesheets/theme.css @@ -56,6 +56,10 @@ body { font-size: 12px; } +body.front { + background: url(/images/home-grad.png) repeat-x 0px 160px; +} + #wrapper { padding-top:160px; } @@ -596,7 +600,8 @@ form input.use-datepicker[type=text] { } form input[type=submit], -a.link_button_green { +a.link_button_green, +a.link_button_green_large { background: url(/images/button-gradient.png); color: white; text-decoration: none; @@ -611,6 +616,13 @@ a.link_button_green { cursor: pointer; } +a.link_button_green_large { + background: url(/images/button-gradient-large.png); + font-size: 22px; + line-height: 22px; + padding-bottom: 7px; +} + @-moz-document url-prefix() { form input[type=submit], a.link_button_green { @@ -737,6 +749,87 @@ div.correspondence { font-size: 13px; } +/* ---------- Frontpage ----------- */ + +#frontpage_splash { + height: 375px; + margin-top: -12px; + margin-bottom: 20px; + width: 100%; + background: url(/images/flying-computer.png) no-repeat 175px bottom; +} + +#frontpage_splash #left_column { + line-height: 40px; + margin-top: 66px; +} + +#frontpage_splash h1 { + margin: 0px 0px 20px 0px; + font-family: 'DeliciousRoman', Arial, sans-serif; + font-size: 39px; + color: #6B3C6A; + font-weight:normal; +} + +#frontpage_splash h1 strong { + font-family: 'DeliciousHeavyRegular', Arial, sans-serif; + font-size: 54px; + color: #93278F; + font-weight: normal; +} + +#frontpage_splash h1 span { + font-family: Georgia; + font-style: italic; + font-weight:normal; + font-size: 25px; + color: #6B3C6A; +} + +#frontpage_splash #right_column { + width: 265px; +} + +#frontpage_splash h2 { + font-size: 26px; + font-weight:normal; + color: #6B3C6A; + font-family:'DeliciousRoman', Arial, sans-serif; + margin-bottom: 10px; + line-height: 28px; +} + +#frontpage_splash h2 strong { + font-size: 31px; + color: #93278F; + font-family:'DeliciousBold', Arial, sans-serif; +} + +#frontpage_splash h2 span { + color: #6B3C6A; + font-style: italic; + font-size: 19px; + font-family: Georgia; +} + +#frontpage_splash #right_column input[type=text] { + width: 180px; +} + +#frontpage_splash #frontpage_search_box { + margin-bottom: 30px; + margin-top: -10px; +} + +#frontpage_splash #frontpage_right_to_know p { + line-height: 20px; +} + +body.front h3 { + font-size: 28px; +} + /* ---------- Calendar theme ----------- */ #ui-datepicker-div.ui-widget { |
