jfinn
/
jitsi_corner9
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Updates close page and adds a second one. 

Close pages text are different depending whether feedback was provided or not.
master
damencho 8 years ago
parent
e81a10de4a
commit
87f7be2182
4 changed files with 90 additions and 5 deletions
Unified View Show Diff Stats
  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 View File

1 
 <html>
 1 
 <html>
2 
 <head>
 2 
 <head>
3 
     <link rel="stylesheet" href="css/all.css"/>
 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 
 </head>
 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 
 </body>
 29 
 </body>
8 
-</html>
30 
+</html>

+ 32
- 0
close2.html View File

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 View File

6 
 }
 6 
 }
7
7
8 
 .redirectPageMessage {
 8 
 .redirectPageMessage {
9 
+    width: 30%;
10 
+    margin: 20% auto;
9 
     text-align: center;
 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 View File

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

Write Preview
Loading…
Cancel
Save