theme-generator/index.html at main · LiveHelperChat/theme-generator · GitHub

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
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Theme generator</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        html,
        body {
            background-color: #c7c7c7;
        }
    </style>
</head>

<body>
    <p>
        Every preview below renders its theme CSS through <code>theme.php</code>, which generates it
        from the theme file (<code>themes/&lt;slug&gt;.json</code>; default set by
        <code>$defaultTheme</code> in <code>theme.php</code>). Edit a theme attribute and reload -
        there is no generated stylesheet to keep in sync. Switch themes with
        <code>theme.php?theme=&lt;slug&gt;</code>.
    </p>
    <p>
        The pages must be served by a PHP-capable web server: opening them from
        <code>file://</code> would show the PHP source instead of CSS.
    </p>
    <h3>Samples of start chat forms</h3>
    <ul>
        <li>
            <h4>Normal style</h4>
            <a href="start-chat-ui.html">Start chat. UI</a>
        </li>
        <li>
            <h4>Normal/Bubble style with fields</h4>
            <a href="start-chat-fields.html">Start chat fields</a>
        </li>
        <li>
            <h4>Buble style</h4>
            <ul>
                <li><a href="start-chat-bubble.html">Start chat. Bubble intro message.</a></li>
            </ul>
        </li>
    </ul>
    <hr>
    <h3>Samples of ongoing chat</h3>
    <ul>
        <li>
            <h4>Normal style</h4>
            <ul>
                <li><a href="started-chat-default.html">Started chat. Default theme</a></li>
                <li><a href="started-chat-new-message.html">Started chat. New message</a></li>
            </ul>
        </li>
        <li>
            <h4>Bubble style</h4>
            <ul>
                <li><a href="started-chat-bubble.html">Started chat. Bubble style messages.</a></li>
                <li><a href="started-chat-bubble-mobile.html">Started chat. Bubble mobile chat started.</a></li>
            </ul>
        </li>
    </ul>
    <hr>
</body>

</html>