text-transform/index.html at master · timof1308/text-transform · 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
<!DOCTYPE html>
<html>
<head>
    <title>Text-Transform</title>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge;"/>

    <link href="https://unpkg.com/cirrus-ui" type="text/css" rel="stylesheet"/>

    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</head>

<body>

<div class="header unselectable header-animated">
    <div class="header-brand">
        <div class="nav-item no-hover">
            <h6 class="title">Text-Transform</h6>
        </div>
    </div>
    <div class="header-nav" id="header-menu">
        <div class="nav-right">
            <div class="nav-item text-center">
                <a href="https://github.com/timof1308/text-transform" target="_blank">
                    <span class="icon">
                        <i class="fab fa-github" aria-hidden="true"></i>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="content">
    <div class="row text-center">
        <h1 class="title" id="replace" tt-text="Text-Transform" tt-chars="0011 "></h1>
    </div>
</div>

<div class="content">
    <h6 class="light subtitle" id="replace2"></h6>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="text-transform.js"></script>
<script>
    $(document).ready(function () {
        new Text_Transform('#replace');

        new Text_Transform('#replace2', {
            text: "Text-Transform with extra options",
            chars: "@!§$%&\\/()=?+*#-_<>{}[]",
            loop: true,
            encode_delay: 10000,
            decode_delay: 4000
        });
    });
</script>
</body>
</html>