-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (103 loc) · 4.18 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Correct Font Awesome import -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
body {
font-family: 'Roboto', sans-serif;
background-color: #ecf0f1;
margin: 0;
padding: 0;
}
h1 {
background: linear-gradient(to right, #f39c12, #e74c3c); /* Gradient with shades of orange and red */
color: #fff; /* White text for contrast */
padding: 20px; /* Padding around the text */
text-align: center; /* Center-align the text */
font-size: 24px; /* Slightly larger font size */
text-transform: uppercase; /* Uppercase for all text */
border-radius: 10px; /* Rounded corners for a softer look */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Subtle shadow effect for depth */
transition: all 0.3s ease; /* Smooth transition for hover effects */
}
h1::before {
content: "\f0c2"; /* Cloud icon from Font Awesome */
font-family: 'Font Awesome 6 Free'; /* Ensure correct font */
font-weight: 900; /* Font weight for Font Awesome */
padding-right: 10px; /* Space between icon and text */
vertical-align: middle; /* Align icon properly */
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
background-color: #2c3e50; /* Primary color */
}
nav ul li {
margin: 10px 0;
background: linear-gradient(to right, #3498db, #2c3e50); /* Matching gradient */
padding: 10px 20px; /* Padding for spacing */
border-radius: 10px; /* Rounded corners */
transition: all 0.3s ease; /* Smooth transition */
}
nav ul li a {
text-decoration: none;
color: #fff;
font-weight: bold;
padding: 10px 20px;
border: 2px solid transparent;
background-color: #3498db; /* Secondary color */
border-radius: 5px;
display: inline-block;
transition: all 0.3s ease, color 0.3s ease;
}
nav ul li a:hover {
background: linear-gradient(to right, #e67e22, #e74c3c); /* Gradient change on hover */
border-radius: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* Shadow effect */
}
</style>
<script type="text/javascript" charset="utf-8">
(function (g, e, n, es, ys) {
g['_genesysJs'] = e;
g[e] = g[e] || function () {
(g[e].q = g[e].q || []).push(arguments);
};
g[e].t = 1 * new Date();
g[e].c = es;
ys = document.createElement('script');
ys.async = 1;
ys.src = n;
ys.charset = 'utf-8';
document.head.appendChild(ys);
})(window, 'Genesys', 'https://apps.usw2.pure.cloud/genesys-bootstrap/genesys.min.js', {
environment: 'prod-usw2',
deploymentId: '26793471-a103-4332-9298-fce44d2bb593'
});
</script>
</head>
<body>
<h1>Messaging and Chat test links</h1>
<nav>
<ul>
<li><a href="Web-Mess.html">Web Messaging Test</a></li>
<li><a href="Web-Mess-Toaster.html">Web Messaging with Toaster</a></li>
<li><a href="Auth-WebMess.html">Authenticated-Web-Messaging</a></li>
<li><a href="Web-Mess-ChatBot.html">Web Messaging with ChatBot</a></li>
<li><a href="Web-Mess-Knowledge.html">Web Messaging with Knowledge Base</a></li>
<li><a href="Web-Chat.html">Web Chat 2.0</a></li>
</ul>
</nav>
<!-- Final script -->
<script>
(function(a,t,c,l,o,u,d){a['_genesysJourneySdk']=o;a[o]=a[o]||function(){
(a[o].q=a[o].q||[]).push(arguments)},a[o].l=1* new Date();u=t.createElement(c),
d=t.getElementsByTagName(c)[0];u.async=1;u.src=l;u.charset='utf-8';d.parentNode.insertBefore(u,d);
})(window, document, 'https://apps.usw2.pure.cloud/journey/sdk/js/web/v1/ac.js', 'ac');
ac('init', '977ce6f8-947b-4f2a-9aaf-70c5281aeff2', { region: 'usw2' });
ac('pageview');
</script>
</body>
</html>