Просмотр исходного кода

Updates close page and adds a second one.

Close pages text are different depending whether feedback was provided or not.
master
damencho 8 лет назад
Родитель
Сommit
87f7be2182
4 измененных файлов: 90 добавлений и 5 удалений
  1. 25
    3
      close.html
  2. 32
    0
      close2.html
  3. 31
    2
      css/_redirect_page.scss
  4. 2
    0
      css/_variables.scss

+ 25
- 3
close.html Просмотреть файл

@@ -1,8 +1,30 @@
1 1
 <html>
2 2
 <head>
3 3
     <link rel="stylesheet" href="css/all.css"/>
4
+    <script><!--#include virtual="/interface_config.js" --></script>
5
+    <script>function translateStr(id, msg) {
6
+        var div = document.getElementById(id);
7
+        div.innerHTML = msg;
8
+    }
9
+    function translate() {
10
+        translateStr('hintMessage',
11
+            'You can use video calls with '
12
+            + interfaceConfig.APP_NAME +' for your business');
13
+    }
14
+    </script>
4 15
 </head>
5
-<body>
6
-    <div class="redirectPageMessage">Thank you for your feedback!</div>
16
+<body onload="translate();">
17
+<div class="redirectPageMessage">
18
+    <div class="thanks-msg">
19
+        <p id="thanksMessage">Thank you for your feedback!</p>
20
+    </div>
21
+    <div class="hint-msg">
22
+        <p>
23
+            <span>Did you know?</span>
24
+            <span class="hint-msg__holder" id="hintMessage"></span>
25
+        </p>
26
+        <div class="happy-software"></div>
27
+    </div>
28
+</div>
7 29
 </body>
8
-</html>
30
+</html>

+ 32
- 0
close2.html Просмотреть файл

@@ -0,0 +1,32 @@
1
+<html>
2
+<head>
3
+    <link rel="stylesheet" href="css/all.css"/>
4
+    <script><!--#include virtual="/interface_config.js" --></script>
5
+    <script>function translateStr(id, msg) {
6
+        var div = document.getElementById(id);
7
+        div.innerHTML = msg;
8
+    }
9
+    function translate() {
10
+        translateStr('thanksMessage',
11
+            'Thank you for using ' + interfaceConfig.APP_NAME);
12
+        translateStr('hintMessage',
13
+            'You can use video calls with '
14
+            + interfaceConfig.APP_NAME +' for your business');
15
+    }
16
+    </script>
17
+</head>
18
+<body onload="translate();">
19
+    <div class="redirectPageMessage">
20
+        <div class="thanks-msg">
21
+            <p id="thanksMessage"></p>
22
+        </div>
23
+        <div class="hint-msg">
24
+            <p>
25
+                <span>Did you know?</span>
26
+                <span class="hint-msg__holder" id="hintMessage"></span>
27
+            </p>
28
+            <div class="happy-software"></div>
29
+        </div>
30
+    </div>
31
+</body>
32
+</html>

+ 31
- 2
css/_redirect_page.scss Просмотреть файл

@@ -6,7 +6,36 @@ html, body {
6 6
 }
7 7
 
8 8
 .redirectPageMessage {
9
+    width: 30%;
10
+    margin: 20% auto;
9 11
     text-align: center;
10
-    font-size: 36px;
11
-    margin-top: 20%;
12
+    font-size: 24px;
13
+
14
+    .thanks-msg {
15
+        border-bottom: 1px solid $defaultLightFontColor;
16
+        padding-left: 30px;
17
+        padding-right: 30px;
18
+        p {
19
+            margin: 30px auto;
20
+            font-size: 24px;
21
+            line-height: 24px;
22
+        }
23
+    }
24
+    .hint-msg{
25
+        p {
26
+            margin: 26px auto;
27
+            font-weight: 600;
28
+            font-size: 16px;
29
+            line-height: 18px;
30
+            .hint-msg__holder{
31
+                font-weight: 200;
32
+            }
33
+        }
34
+        .happy-software{
35
+            width: 120px;
36
+            height: 86px;
37
+            margin: 0 auto;
38
+            background: $happySoftwareBackground;
39
+        }
40
+    }
12 41
 }

+ 2
- 0
css/_variables.scss Просмотреть файл

@@ -92,6 +92,8 @@ $borderRadius: 4px;
92 92
 $defaultWatermarkLink: '../images/watermark.png';
93 93
 $sidebarWidth: 200px;
94 94
 
95
+$happySoftwareBackground: transparent;
96
+
95 97
 /**
96 98
  * Z-indexes. TODO: Replace this by a function.
97 99
  */

Загрузка…
Отмена
Сохранить