diff --git a/apps/communications/ftu/css/images/bg_bubbles@2x.png b/apps/communications/ftu/css/images/bg_bubbles@2x.png
new file mode 100644
index 000000000000..4a8f9ae871e4
Binary files /dev/null and b/apps/communications/ftu/css/images/bg_bubbles@2x.png differ
diff --git a/apps/communications/ftu/css/images/checked.png b/apps/communications/ftu/css/images/checked.png
index 69d5c3d18138..7100869d28ff 100644
Binary files a/apps/communications/ftu/css/images/checked.png and b/apps/communications/ftu/css/images/checked.png differ
diff --git a/apps/communications/ftu/css/images/checked@2x.png b/apps/communications/ftu/css/images/checked@2x.png
new file mode 100644
index 000000000000..246b169c66b9
Binary files /dev/null and b/apps/communications/ftu/css/images/checked@2x.png differ
diff --git a/apps/communications/ftu/css/images/icon_tour@2x.png b/apps/communications/ftu/css/images/icon_tour@2x.png
new file mode 100644
index 000000000000..cf30e4495f6d
Binary files /dev/null and b/apps/communications/ftu/css/images/icon_tour@2x.png differ
diff --git a/apps/communications/ftu/css/images/import_fb.png b/apps/communications/ftu/css/images/import_fb.png
index 6f226ea94099..eb4d1a462963 100644
Binary files a/apps/communications/ftu/css/images/import_fb.png and b/apps/communications/ftu/css/images/import_fb.png differ
diff --git a/apps/communications/ftu/css/images/import_fb@2x.png b/apps/communications/ftu/css/images/import_fb@2x.png
new file mode 100644
index 000000000000..896271fb5929
Binary files /dev/null and b/apps/communications/ftu/css/images/import_fb@2x.png differ
diff --git a/apps/communications/ftu/css/images/import_sim.png b/apps/communications/ftu/css/images/import_sim.png
index ef3df15cfc36..5379fc40e3b1 100644
Binary files a/apps/communications/ftu/css/images/import_sim.png and b/apps/communications/ftu/css/images/import_sim.png differ
diff --git a/apps/communications/ftu/css/images/import_sim@2x.png b/apps/communications/ftu/css/images/import_sim@2x.png
new file mode 100644
index 000000000000..3135a2b4e707
Binary files /dev/null and b/apps/communications/ftu/css/images/import_sim@2x.png differ
diff --git a/apps/communications/ftu/css/images/map@2x.png b/apps/communications/ftu/css/images/map@2x.png
new file mode 100644
index 000000000000..25c750edcf1f
Binary files /dev/null and b/apps/communications/ftu/css/images/map@2x.png differ
diff --git a/apps/communications/ftu/css/images/next@2x.png b/apps/communications/ftu/css/images/next@2x.png
new file mode 100644
index 000000000000..32c6a586c3a5
Binary files /dev/null and b/apps/communications/ftu/css/images/next@2x.png differ
diff --git a/apps/communications/ftu/css/images/prev@2x.png b/apps/communications/ftu/css/images/prev@2x.png
new file mode 100644
index 000000000000..42086f748d5d
Binary files /dev/null and b/apps/communications/ftu/css/images/prev@2x.png differ
diff --git a/apps/communications/ftu/css/images/thumb_up@2x.png b/apps/communications/ftu/css/images/thumb_up@2x.png
new file mode 100644
index 000000000000..6f0976971b83
Binary files /dev/null and b/apps/communications/ftu/css/images/thumb_up@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0000@2x.png b/apps/communications/ftu/css/images/timezone/+0000@2x.png
new file mode 100644
index 000000000000..e50bb6cafe06
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0000@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0100@2x.png b/apps/communications/ftu/css/images/timezone/+0100@2x.png
new file mode 100644
index 000000000000..7f668a87baed
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0100@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0200@2x.png b/apps/communications/ftu/css/images/timezone/+0200@2x.png
new file mode 100644
index 000000000000..ce1058b74203
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0200@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0300@2x.png b/apps/communications/ftu/css/images/timezone/+0300@2x.png
new file mode 100644
index 000000000000..54f4890ffff6
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0300@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0330@2x.png b/apps/communications/ftu/css/images/timezone/+0330@2x.png
new file mode 100644
index 000000000000..1f7322f7c287
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0330@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0400@2x.png b/apps/communications/ftu/css/images/timezone/+0400@2x.png
new file mode 100644
index 000000000000..46c5f5adf0eb
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0400@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0500@2x.png b/apps/communications/ftu/css/images/timezone/+0500@2x.png
new file mode 100644
index 000000000000..0e4b42b70e1a
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0500@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0600@2x.png b/apps/communications/ftu/css/images/timezone/+0600@2x.png
new file mode 100644
index 000000000000..6d5c920196ef
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0600@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0630@2x.png b/apps/communications/ftu/css/images/timezone/+0630@2x.png
new file mode 100644
index 000000000000..ed0e1a6ed2f4
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0630@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0700@2x.png b/apps/communications/ftu/css/images/timezone/+0700@2x.png
new file mode 100644
index 000000000000..77ce614d91dc
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0700@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0800@2x.png b/apps/communications/ftu/css/images/timezone/+0800@2x.png
new file mode 100644
index 000000000000..21625fe448d7
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0800@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0845@2x.png b/apps/communications/ftu/css/images/timezone/+0845@2x.png
new file mode 100644
index 000000000000..c9f4d30dbb46
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0845@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0900@2x.png b/apps/communications/ftu/css/images/timezone/+0900@2x.png
new file mode 100644
index 000000000000..319b17561764
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0900@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+0930@2x.png b/apps/communications/ftu/css/images/timezone/+0930@2x.png
new file mode 100644
index 000000000000..1dda80707eea
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+0930@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+1000@2x.png b/apps/communications/ftu/css/images/timezone/+1000@2x.png
new file mode 100644
index 000000000000..cfb9aa6b9e6f
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+1000@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+1100@2x.png b/apps/communications/ftu/css/images/timezone/+1100@2x.png
new file mode 100644
index 000000000000..9ccb202e4e71
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+1100@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+1200@2x.png b/apps/communications/ftu/css/images/timezone/+1200@2x.png
new file mode 100644
index 000000000000..4d711f0aa8f5
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+1200@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+1300@2x.png b/apps/communications/ftu/css/images/timezone/+1300@2x.png
new file mode 100644
index 000000000000..9293a3ad41d0
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+1300@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+1400@2x.png b/apps/communications/ftu/css/images/timezone/+1400@2x.png
new file mode 100644
index 000000000000..74b1841d6546
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+1400@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+430@2x.png b/apps/communications/ftu/css/images/timezone/+430@2x.png
new file mode 100644
index 000000000000..fc9c1995d01a
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+430@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+530@2x.png b/apps/communications/ftu/css/images/timezone/+530@2x.png
new file mode 100644
index 000000000000..d3a6287d01f9
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+530@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/+545@2x.png b/apps/communications/ftu/css/images/timezone/+545@2x.png
new file mode 100644
index 000000000000..1e56e89fbbd3
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/+545@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0100@2x.png b/apps/communications/ftu/css/images/timezone/-0100@2x.png
new file mode 100644
index 000000000000..a4bbece933e4
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0100@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0200@2x.png b/apps/communications/ftu/css/images/timezone/-0200@2x.png
new file mode 100644
index 000000000000..63fe6e5e84fe
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0200@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0300@2x.png b/apps/communications/ftu/css/images/timezone/-0300@2x.png
new file mode 100644
index 000000000000..c21b78acbb26
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0300@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0330@2x.png b/apps/communications/ftu/css/images/timezone/-0330@2x.png
new file mode 100644
index 000000000000..5f32e9c67501
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0330@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0400@2x.png b/apps/communications/ftu/css/images/timezone/-0400@2x.png
new file mode 100644
index 000000000000..b670e3cbf1f4
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0400@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0500@2x.png b/apps/communications/ftu/css/images/timezone/-0500@2x.png
new file mode 100644
index 000000000000..30521ed08438
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0500@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0600@2x.png b/apps/communications/ftu/css/images/timezone/-0600@2x.png
new file mode 100644
index 000000000000..09e1187bd3c9
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0600@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0700@2x.png b/apps/communications/ftu/css/images/timezone/-0700@2x.png
new file mode 100644
index 000000000000..98bb1e438607
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0700@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0800@2x.png b/apps/communications/ftu/css/images/timezone/-0800@2x.png
new file mode 100644
index 000000000000..eaa99ea99309
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0800@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-0900@2x.png b/apps/communications/ftu/css/images/timezone/-0900@2x.png
new file mode 100644
index 000000000000..b5ea579a8bfb
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-0900@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-1000@2x.png b/apps/communications/ftu/css/images/timezone/-1000@2x.png
new file mode 100644
index 000000000000..c1f9f334678b
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-1000@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-1100@2x.png b/apps/communications/ftu/css/images/timezone/-1100@2x.png
new file mode 100644
index 000000000000..428ba06c95ec
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-1100@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-1200@2x.png b/apps/communications/ftu/css/images/timezone/-1200@2x.png
new file mode 100644
index 000000000000..9edc49a074a3
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-1200@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-430@2x.png b/apps/communications/ftu/css/images/timezone/-430@2x.png
new file mode 100644
index 000000000000..dbdafc29ff6f
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-430@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/-930@2x.png b/apps/communications/ftu/css/images/timezone/-930@2x.png
new file mode 100644
index 000000000000..f034f5b22fd6
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/-930@2x.png differ
diff --git a/apps/communications/ftu/css/images/timezone/map@2x.png b/apps/communications/ftu/css/images/timezone/map@2x.png
new file mode 100644
index 000000000000..25c750edcf1f
Binary files /dev/null and b/apps/communications/ftu/css/images/timezone/map@2x.png differ
diff --git a/apps/communications/ftu/css/images/tutorial/1@2x.png b/apps/communications/ftu/css/images/tutorial/1@2x.png
new file mode 100644
index 000000000000..73a76efc6fdc
Binary files /dev/null and b/apps/communications/ftu/css/images/tutorial/1@2x.png differ
diff --git a/apps/communications/ftu/css/images/tutorial/2@2x.png b/apps/communications/ftu/css/images/tutorial/2@2x.png
new file mode 100644
index 000000000000..c328ba0c8ccb
Binary files /dev/null and b/apps/communications/ftu/css/images/tutorial/2@2x.png differ
diff --git a/apps/communications/ftu/css/images/tutorial/3@2x.png b/apps/communications/ftu/css/images/tutorial/3@2x.png
new file mode 100644
index 000000000000..c3595255953b
Binary files /dev/null and b/apps/communications/ftu/css/images/tutorial/3@2x.png differ
diff --git a/apps/communications/ftu/css/images/tutorial/4@2x.png b/apps/communications/ftu/css/images/tutorial/4@2x.png
new file mode 100644
index 000000000000..6da442b6b3f3
Binary files /dev/null and b/apps/communications/ftu/css/images/tutorial/4@2x.png differ
diff --git a/apps/communications/ftu/css/images/tutorial/5@2x.png b/apps/communications/ftu/css/images/tutorial/5@2x.png
new file mode 100644
index 000000000000..149444c1f691
Binary files /dev/null and b/apps/communications/ftu/css/images/tutorial/5@2x.png differ
diff --git a/apps/communications/ftu/css/images/wifi_connected_locked_sprite@2x.png b/apps/communications/ftu/css/images/wifi_connected_locked_sprite@2x.png
new file mode 100644
index 000000000000..74dae90f5fcb
Binary files /dev/null and b/apps/communications/ftu/css/images/wifi_connected_locked_sprite@2x.png differ
diff --git a/apps/communications/ftu/css/images/wifi_connected_sprite.png b/apps/communications/ftu/css/images/wifi_connected_sprite.png
index f3863a3f4246..8603eada2ef7 100644
Binary files a/apps/communications/ftu/css/images/wifi_connected_sprite.png and b/apps/communications/ftu/css/images/wifi_connected_sprite.png differ
diff --git a/apps/communications/ftu/css/images/wifi_connected_sprite@2x.png b/apps/communications/ftu/css/images/wifi_connected_sprite@2x.png
new file mode 100644
index 000000000000..cc91904b1e07
Binary files /dev/null and b/apps/communications/ftu/css/images/wifi_connected_sprite@2x.png differ
diff --git a/apps/communications/ftu/css/images/wifi_disconnected_locked_sprite@2x.png b/apps/communications/ftu/css/images/wifi_disconnected_locked_sprite@2x.png
new file mode 100644
index 000000000000..91b1ca0481a5
Binary files /dev/null and b/apps/communications/ftu/css/images/wifi_disconnected_locked_sprite@2x.png differ
diff --git a/apps/communications/ftu/css/images/wifi_disconnected_sprite@2x.png b/apps/communications/ftu/css/images/wifi_disconnected_sprite@2x.png
new file mode 100644
index 000000000000..547d60635c8d
Binary files /dev/null and b/apps/communications/ftu/css/images/wifi_disconnected_sprite@2x.png differ
diff --git a/apps/communications/ftu/css/style.css b/apps/communications/ftu/css/style.css
index d6b3b30820d1..49928a4d2ccf 100644
--- a/apps/communications/ftu/css/style.css
+++ b/apps/communications/ftu/css/style.css
@@ -70,7 +70,7 @@ html, body {
}
[role=navigation] button {
- width: calc((100% - 1rem) / 2);
+ width: calc((100% / 2) - 0.5rem);
float: left;
margin-right: 1rem;
position: relative;
@@ -88,12 +88,12 @@ html, body {
left: 0;
position: absolute;
pointer-events: none;
- background: url(images/prev.png) no-repeat center center;
+ background: url(images/prev.png) no-repeat center center / 1.1rem;
}
[role=navigation] button.recommend span {
left: calc(100% - 3rem);
- background: url(images/next.png) no-repeat center center;
+ background-image: url(images/next.png);
}
[role=navigation] #wifi-join-button {
@@ -200,7 +200,8 @@ html, body {
z-index: 3000;
transition: all 1s ease;
background-image: url(/shared/resources/branding/powered.png);
- background-size: 100% auto;
+ background-size: cover;
+ background-position: center top;
}
#splash-screen.show {
@@ -336,7 +337,7 @@ html, body {
#wifi #no-result-container {
position: absolute;
- background: url('images/wifi_icon.png') no-repeat fixed center;
+ background: url('images/wifi_icon.png') no-repeat fixed center / 23.6rem;
height: 100%;
width: 100%;
}
@@ -361,7 +362,8 @@ html, body {
aside.wifi-icon {
background-repeat: no-repeat;
background-position: 0 center;
- width: 3rem;
+ background-size: 16rem;
+ width: 3.2rem;
}
aside.wifi-signal { background-image: url(images/wifi_disconnected_sprite.png);}
aside.connected { background-image: url(images/wifi_connected_sprite.png);}
@@ -482,6 +484,7 @@ aside.connecting {
height: calc(100% - 6rem);
padding: 0 3rem;
width: calc(100% - 6rem);
+ background-size: 17.6rem;
}
#finish-screen [role=navigation],#tutorialFinish [role=navigation] {
@@ -492,6 +495,10 @@ aside.connecting {
text-align: center;
}
+#step1Img, #step2Img, #step3Img, #step4Img, #step5Img {
+ width: 28.9rem;
+}
+
/*
Date and time
*/
@@ -504,6 +511,7 @@ aside.connecting {
#time_zone_overlay {
background-position: bottom;
background-repeat: no-repeat;
+ background-size: 100%;
position: relative;
position: absolute;
z-index: 10;
@@ -558,6 +566,7 @@ aside.connecting {
background-image: url('images/timezone/map.png') ;
background-position: bottom;
background-repeat: no-repeat;
+ background-size: 100%;
position: relative;
height: 21.5rem;
width: 100%;
@@ -691,7 +700,7 @@ aside.connecting {
#fb_after_import1 {
- background: url('images/import_fb.png') center left no-repeat;
+ background: url('images/import_fb.png') no-repeat center left /3rem;
}
#statusMsg.ftu {
@@ -720,10 +729,15 @@ aside.connecting {
font-size: 1.35rem;
line-height: 1.8rem;
}
+
#welcome_browser #browser_logo_horizontal {
margin: 1rem 0;
}
+#welcome_browser #browser_logo_horizontal img{
+ max-width: 100%;
+}
+
#welcome_browser label {
position: absolute;
margin: -1.5rem 0 0 -1.5rem;
@@ -977,7 +991,7 @@ i.hack-first-child {
}
[data-type="list"].pack-value-selector li label:not([for]) input:checked + span {
- background: url("images/checked.png") no-repeat right center;
+ background: url("images/checked.png") no-repeat right center / 100%;
}
[data-type="list"].pack-value-selector li label:not([for]) input + span + p {
@@ -1067,3 +1081,4 @@ i.hack-first-child {
width: calc(100% / 5);
background: #FFFFFF;
}
+
diff --git a/apps/communications/ftu/index.html b/apps/communications/ftu/index.html
index a46f7c8bfa36..8036736fcb60 100644
--- a/apps/communications/ftu/index.html
+++ b/apps/communications/ftu/index.html
@@ -22,6 +22,8 @@
+
+
Welcome to Browser OS
diff --git a/shared/style/responsive.css b/shared/style/responsive.css
index 2bb145e50bec..a9b35f60559d 100644
--- a/shared/style/responsive.css
+++ b/shared/style/responsive.css
@@ -50,4 +50,3 @@
html { font-size: 105%!important; }
}
-