Merge pull request code-dot-org#853 from code-dot-org/waittodeploy

i18n content changes

Author: tanyaparker

pegasus/sites.v3/code.org/public/images/avatars/bebras_challenge.png

@@ -92,30 +92,30 @@ social:
     #column2{:style=>'float:left; width: 33.33%; padding-right: 25px; padding-left: 25px'}
       %h2 Latest Highlights
       #column2content
-        %a{:href=>"http://bit.ly/1y6pcr3", :target=>'_blank'}
-          EU Code Week 11-17 October
+        %a{:href=>"http://youtu.be/JDw1ii7aKwg", :target=>'_blank'}
+          President Obama kicks off the Hour of Code 2014
+        %br // Code.org
+        %hr.narrow_hr
+        %a{:href=>"http://bit.ly/1zFron9", :target=>'_blank'}
+          The Hour of Code is Coming!
+        %br // Scientix.eu
+        %hr.narrow_hr
+        %a{:href=>"http://www.independent.ie/videos/irish-news/video-taoiseach-is-first-head-of-state-to-partake-in-the-hour-of-code-30779183.html", :target=>'_blank'}
+          Ireland's Prime Minister Learns an Hour of Code
+        %br // The Irish Independent
+        %hr.narrow_hr
+        %a{:href=>"http://bit.ly/1zipoTx", :target=>'_blank'}
+          Meet Poppy, the Open-Source, 3d-Printed Robot
         %br // Scientix.eu
         %hr.narrow_hr
         %a{:href=>"http://forumblog.org/2014/10/embracing-digital-era-ensure-europes-competitiveness", :target=>'_blank'}
           How can Europe embrace a digital future?
         %br // World Economic Forum
         %hr.narrow_hr
-        %a{:href=>"http://www.bbc.com/news/technology-29145904", :target=>'_blank'}
-          Does a five-year-old need to learn how to code?
-        %br // BBC
-        %hr.narrow_hr
-        %a{:href=>"http://www.computerweekly.com/news/2240225794/Lack-of-coding-skills-may-lead-to-severe-shortage-of-ICT-pros-in-Europe-by-2020-warns-EC", :target=>'_blank'}
-          Lack of coding skills may lead to skills shortage in Europe
-        %br // Computer Weekly
-        %hr.narrow_hr
         %a{:href=>"http://www.euractiv.com/sections/infosociety/commissioners-urges-coding-classes-school-303820", :target=>'_blank'}
           Commissioners Urge Coding Classes at School
         %br // EurActiv.com
         %hr.narrow_hr
-        %a{:href=>"http://www.huffingtonpost.co.uk/rachel-swidenbank/is-pink-it-shrink-it-real_b_5939546.html", :target=>'_blank'}
-          Is 'Pink It, Shrink It' Really the Answer?
-        %br // HuffPost Tech UK
-        %hr.narrow_hr
         %a{:href=>"http://www.eun.org/publications/detail?publicationID=481", :target=>'_blank'}
           Report: 'Computing Our Future'
         %br // EUN.org

pegasus/sites.v3/eu.code.org/public/index.haml

@@ -1,3 +1,3 @@
 .lines_of_code_header
-  %a{:href=>"http://codeweek.eu", :target=>'_blank', :style=>'color: white; font-weight: normal'}
-    Join us for EU Code Week, October 11-17
+  %a{:href=>"http://hourofcode.com/eu", :target=>'_blank', :style=>'color: white; font-weight: normal'}
+    Try an Hour of Code today! #CSEdWeek 8 – 14 December

pegasus/sites.v3/eu.code.org/views/hoc_count.haml

@@ -0,0 +1,222 @@
+---
+layout: wide_index
+theme: responsive
+title: "<%= hoc_s(:front_title) %>"
+social:
+  "og:title": "<%= hoc_s(:meta_tag_og_title) %>"
+  "og:description": "<%= hoc_s(:meta_tag_og_description) %>"
+  "og:image": "http://<%=request.host%>/images/code-video-thumbnail.jpg"
+  "og:image:width": 1440
+  "og:image:height": 810
+  "og:url": "http://<%=request.host%>"
+
+  "twitter:card": player
+  "twitter:site": "@codeorg"
+  "twitter:url": "http://<%=request.host%>"
+  "twitter:title": "<%= hoc_s(:meta_tag_twitter_title) %>"
+  "twitter:description": "<%= hoc_s(:meta_tag_twitter_description) %>"
+  "twitter:image:src": "http://<%=request.host%>/images/code-video-thumbnail.jpg?456"
+  "twitter:player": 'https://www.youtubeeducation.com/embed/FC5FbmsH4fw?iv_load_policy=3&rel=0&autohide=1&showinfo=0'
+  "twitter:player:width": 1920
+  "twitter:player:height": 1080
+---
+
+-facebook = {:u=>"http://#{request.host}/us"}
+
+-twitter = {:url=>"http://hourofcode.com", :related=>'codeorg', :hashtags=>'', :text=>hoc_s(:twitter_default_text)}
+-twitter[:hashtags] = 'HourOfCode' unless hoc_s(:front_header_banner).include? '#HourOfCode'
+
+%script{type: "text/javascript", src: "/js/sifter.min.js"}
+%script{type: "text/javascript", src: "/js/microplugin.min.js"}
+%script{type: "text/javascript", src: "https://maps.googleapis.com/maps/api/js?client=#{CDO.google_maps_client_id}&sensor=false&libraries=places,geometry&v=3.7"}
+%script{type: "text/javascript", src: "/js/jquery.geocomplete.min.js"}
+
+%link{rel: "stylesheet", type: "text/css", href: "/css/selectize.bootstrap3.css"}/
+
+/[if lt IE 9]
+  %script{src: "/js/es5-shim.min.js"}
+
+:css
+  html, body, #gmap {
+    height: 100%;
+    margin: 0px;
+    padding: 0px;
+  }
+
+- imageheight = 590
+
+#top{style: "position:relative; /*height: #{imageheight}px; */ width:100%; overflow:hidden"}
+  #fullwidth0{style: "z-index: -5; position:absolute; left: 0; top: 0; background-image: url(http://github.com/'/images/the-world.jpg'); background-repeat: no-repeat; background-size: cover; width: 100%; height:100%; opacity: 1; background-position: 0% 0%"}
+
+  #fullwidth1{style: "z-index: -5; position:absolute; left:0; top: 0; background-image: url(http://github.com/'/images/girl-learning.jpg'); background-repeat: no-repeat; background-size: cover; width: 100%; height:100%; opacity: 0; background-position: 50% 50%"}
+
+  #fullwidth2{style: "z-index: -5; position:absolute; left:0; top: 0; background-image: url(http://github.com/'/images/kids-learning.jpg'); background-repeat: no-repeat; background-size: cover; width: 100%; height:100%; opacity: 0; background-position: 30% 40%"}
+
+  #fullwidth3{style: "z-index: -5; position:absolute; left: 0; top: 0; background-image: url(http://github.com/'/images/boy-certificate.jpg'); background-repeat: no-repeat; background-size: cover; width: 100%; height:100%; opacity: 0; background-position: 40% 50%"}
+
+  #fullwidth{style: "/*position:absolute; left:0; top: 0; */width: 100%; /*height:#{imageheight}px*/"}
+
+    .thegap{style: "height: 1px"}
+      &nbsp;
+
+    = view :header
+
+    .container
+      .row
+        .col-sm-6.col-xs-12.col-md-7
+          #leftbox{style: "position:relative; margin-top:50px; padding-bottom:20px; /*background-color:rgba(0,0,0,0.5);*/"}
+
+            #leftvideo{style: "/*position:absolute; left:0; top:0; */ width: 100%; /* margin-top:50px*/"}
+              = view :index_video
+              -#%br/
+              -#%br/
+              %div{style:"clear:both"}
+            #leftbutton{style: "position:absolute; left:0; top:0; text-align:center; /*margin-top:100px; */ width:100%"}
+              %h1.front-header-banner{style: "color:white; text-shadow: 0px 0px 4px rgba(31, 31, 31, 1); margin-top: 0px; margin-bottom:10px; padding:20px"}=hoc_s(:front_watch_video) 
+              %img{src: "/images/play-button.png", width: "120", onclick: "return startVideo();", style: "cursor: pointer"}
+        .col-sm-6.col-xs-12.col-md-5
+          #textbacking{style: "color:white; background-color:rgba(0,0,0,0.5); margin-top:50px; padding: 20px; border-radius: 17px"}
+            %div.front-header-banner{style: "color:white; margin-top:0px"}
+              =I18n.t(:n_have_learned_an_hoc).gsub("#", format_integer_with_commas(fetch_hoc_metrics['started']).to_s)
+              %h4
+                =I18n.t :anybody_can_learn
+            #joinustext{style: "font-size: 18px; font-weight: 500"}
+              %div{style: "width: 100%; text-align: center"}
+                %a#trybutton{href: "http://#{codeorg_url()}/learn", target: "_blank", style: "text-decoration:none"}
+                  %button.btn.btn-default{style: "font-size: 18px; font-weight: 500; padding-left: 30px; padding-right: 30px; height: 40px;"}
+                    =I18n.t :get_started
+
+            #remainder{style: "text-align:center; margin-top: 15px;"}
+              %a{:href=>"http://#{codeorg_url()}/learn/beyond", :style=>'font-size: 16px; color: white'}
+                =I18n.t :beyond_an_hour
+              =view :share_buttons, facebook:facebook, twitter:twitter
+          %br/
+          %br/
+
+      %div{style:"clear:both"}
+    
+
+%br/
+%br/
+
+.container
+
+  #description.row
+    .col-xs-1
+      &nbsp;
+    .col-xs-10{style: "text-align: center; font-size: 24px; line-height:30px; font-weight: 500; color: rgb(26,172,186)"}
+      =hoc_s(:front_intro_default)
+
+  #maparea
+    =view :map
+
+  %h2{style: 'text-align: center;'} Lianne Dalziel, Mayor of Christchurch, tried the Hour of Code
+
+  %div{style: "text-align:center"}
+  %div{style: "width: 720px; height: 405px; margin: 0 auto;"}
+    %div{style: "position:relative"}
+      %img{style: "display:block; width:100%; height:auto", src: "/images/16x9.png"}/
+      %iframe{style: "position:absolute; top: 0; left: 0; width: 720px; height: 405px", src: "https://www.youtubeeducation.com/embed/Bixn2TM8l88?iv_load_policy=3&rel=0&autohide=1&showinfo=0", frameborder: "0", allowfullscreen: true}
+
+  .row
+    .col-xs-12
+      %div{style: 'text-align: center; margin: 3em 0;'}
+        %h2=hoc_s(:stats_hoc_2013_heading)
+
+  .row#infotop{style: "/*margin: 0 auto; width: 900px; */ font-weight: 500; font-size: 16px; color: rgb(26, 172, 186)"}
+    .col-xs-6.col-sm-4{style: "text-align:center;"}
+      %p=hoc_s(:stats_growth)
+      %img{src: "/images/stats-info1.jpg", style: "width: 100%"}
+
+    .col-xs-6.col-sm-4{style: "text-align:center"}
+      %p=hoc_s(:stats_global)
+      %img{src: "/images/stats-info2.jpg", style: "width: 100%"}
+
+    .hidden-xs.col-sm-4{style: "text-align:center"}
+      %p=hoc_s(:stats_girls_more)
+      %img{src: "/images/stats-info3.jpg", style: "width: 100%"}
+
+        %p{style:"color: #ea7717;"}=hoc_s(:stats_girls_million)
+
+  .row#infobottom{style: "/*margin: 0 auto; width: 800px; */ font-weight: 400; font-size: 16px; color: #ea7717;"}
+    .col-xs-6.col-sm-4{style: "text-align:center"}
+      %img{src: "/images/stats-kid1.jpg", style: "width: 70%"}
+      %br/
+      =hoc_s(:stats_nina)
+
+    .col-xs-6.col-sm-4{style: "text-align:center"}
+      %img{src: "/images/stats-kid2.jpg", style: "width: 70%"}
+      %br/
+      =hoc_s(:stats_student)
+
+    .hidden-xs.col-sm-4{style: "text-align:center"}
+      %img{src: "/images/stats-kid3.jpg", style: "width: 70%"}
+      %br/
+      =hoc_s(:stats_michael)
+
+  -##join
+  -#  %h1=hoc_s(:front_join_us_button)
+  -#  %div
+  -#    .row
+  -#      .col-md-6
+  -#        =view :signup_form
+  -#      .col-md-6
+  -#        =view :join_us_description
+  -#        =view :whats_next
+
+  %a#faqs{name:'faq'}
+  .row
+    .col-xs-12
+      =view :faq
+
+  = view 'popup_window.js'
+
+:javascript
+
+  function adjustScroll(destination)
+  {
+    $('html, body').animate({
+      scrollTop: $("#" + destination).offset().top
+    }, 1000);
+  }
+
+  var currentImage = 0;
+  var timerId;
+  var videoStarted = false;
+
+  function cycleImage()
+  {
+    var nextImage = (currentImage + 1) % 4;
+    $("#fullwidth" + currentImage).fadeTo(2000, 0);
+    $("#fullwidth" + nextImage ).fadeTo(2000, videoStarted ? 0.3 : 1);
+    currentImage = nextImage;
+
+    /*if (videoStarted)
+      console.log("fading light to ", nextImage);
+    else
+      console.log("fading normal to ", nextImage);*/
+  }
+
+  $.ready()
+  {
+    timerId = setInterval(cycleImage, 6000);
+
+    //startVideo();
+  }
+
+  function startVideo()
+  {
+    if (videoStarted)
+      return;
+
+    $("<iframe allowfullscreen frameborder='0' src='https://www.youtubeeducation.com/embed/FC5FbmsH4fw?iv_load_policy=3&amp;rel=0&amp;autohide=1&amp;showinfo=0&amp;autoplay=1&cc_load_policy=1' style='position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:black;'></iframe>").appendTo("#videodiv");
+
+    $("#videodiv").fadeTo(1000, 1);
+    $("#leftbutton").fadeTo(500, 0).remove();
+
+    $("#fullwidth" + currentImage).fadeTo(1000, 0.3);
+
+    videoStarted = true;
+    //cycleImage();
+    clearInterval(timerId);
+  }