12 files changed, 71 insertions, 0 deletions
diff --git a/src/bg/images/agl_logo_1080.png b/src/bg/images/agl_logo_1080.png
new file mode 100644
index 0000000..d559e69
--- /dev/null
+++ b/src/bg/images/agl_logo_1080.png
diff --git a/src/bg/images/agl_logo_720.png b/src/bg/images/agl_logo_720.png
new file mode 100644
index 0000000..7aa5d07
--- /dev/null
+++ b/src/bg/images/agl_logo_720.png
diff --git a/src/bg/images/horizontal_background.png b/src/bg/images/horizontal_background.png
new file mode 100644
index 0000000..27a811e
--- /dev/null
+++ b/src/bg/images/horizontal_background.png
diff --git a/src/bg/images/horizontal_background_720.png b/src/bg/images/horizontal_background_720.png
new file mode 100644
index 0000000..3bef6ce
--- /dev/null
+++ b/src/bg/images/horizontal_background_720.png
diff --git a/src/bg/images/vertical_background.png b/src/bg/images/vertical_background.png
new file mode 100644
index 0000000..76c7679
--- /dev/null
+++ b/src/bg/images/vertical_background.png
diff --git a/src/bg/images/vertical_background_720.png b/src/bg/images/vertical_background_720.png
new file mode 100644
index 0000000..f25adbf
--- /dev/null
+++ b/src/bg/images/vertical_background_720.png
diff --git a/src/bg/index.html b/src/bg/index.html
new file mode 100644
index 0000000..ea1f5c2
--- /dev/null
+++ b/src/bg/index.html
@@ -0,0 +1,9 @@
+<html lang="en">
+    <head>
+        <!-- Required meta tags -->
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    </head>
+    <body>
+    </body>
+</html>
diff --git a/src/bg/index.js b/src/bg/index.js
new file mode 100644
index 0000000..4637197
--- /dev/null
+++ b/src/bg/index.js
@@ -0,0 +1,19 @@
+/*
+ * Copyright 2019 Igalia, S.L.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* CSS */
+import './styles/app.scss';
+console.log("Loaded app");
diff --git a/src/bg/styles/app.scss b/src/bg/styles/app.scss
new file mode 100644
index 0000000..f5751d7
--- /dev/null
+++ b/src/bg/styles/app.scss
@@ -0,0 +1,22 @@
+//@import "~bootstrap/scss/bootstrap";
+
+@media (max-device-width: 720px) and (orientation: portrait) {
+    @import "main.scss";
+    @import "portrait.scss";
+}
+
+@media (max-device-width: 1280px) and (orientation: landscape) {
+    @import "main.scss";
+    @import "landscape.scss";
+}
+
+@media (min-device-width: 1080px) and (orientation: portrait) {
+    @import "main.scss";
+    @import "portrait.scss";
+}
+
+@media (min-device-width: 1920px) and (orientation: landscape) {
+    @import "main.scss";
+    @import "landscape.scss";
+}
+
diff --git a/src/bg/styles/landscape.scss b/src/bg/styles/landscape.scss
new file mode 100644
index 0000000..bdfddc5
--- /dev/null
+++ b/src/bg/styles/landscape.scss
@@ -0,0 +1,5 @@
+@media (orientation: landscape) {
+    html {
+        background-image: url('../images/horizontal_background.png');
+    }
+}
diff --git a/src/bg/styles/main.scss b/src/bg/styles/main.scss
new file mode 100644
index 0000000..64b89a2
--- /dev/null
+++ b/src/bg/styles/main.scss
@@ -0,0 +1,11 @@
+::-webkit-scrollbar {
+    display: none;
+}
+
+html {
+    height: 100%;
+    width: 100%;
+    background-size: cover;
+    -webkit-overflow-scrolling: touch;
+    margin: 0;
+}
diff --git a/src/bg/styles/portrait.scss b/src/bg/styles/portrait.scss
new file mode 100644
index 0000000..a7d3522
--- /dev/null
+++ b/src/bg/styles/portrait.scss
@@ -0,0 +1,5 @@
+@media (orientation: portrait) {
+    html {
+        background-image: url('../images/vertical_background.png');
+    }
+}