-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (81 loc) · 4.68 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
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Easy Customizable Signature Generator Boilerplate</title>
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!-- Bootstrap Framework -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<script src="assets/js/vendor/bootstrap.bundle.min.js" type="text/javascript"></script>
<!-- <script data-main="./assets/js/loader.full" src="assets/js/vendor/require.js"></script> -->
<!-- If you enable previous line, comment ALL next scripts (event last require): -->
<!-- Currently disabled to mantain a bit more "vanilla" app (this can change in future) -->
<!-- Dependences (3rd party) -->
<script src="assets/js/vendor/mustache.min.js" type="text/javascript"></script>
<!-- Dependences (internal) -->
<script src="assets/js/helpers.js" type="text/javascript"></script>
<script src="assets/js/RemoteFilesManager.js" type="text/javascript"></script>
<!-- App -->
<script src="assets/js/app.js" type="text/javascript"></script>
<!-- Require to load settings and load app -->
<script data-main="./assets/js/loaderSettings" src="assets/js/vendor/require.js"></script>
</head>
<body>
<a href="https://github.com/ProtocolNebula/Mail-Signature-Generator-Boilerplate-JS"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a>
<div class="container">
<h1>Signature Generator</h1>
<div class="row">
<!-- FORM -->
<div class="col-12 col-lg-6">
<div class="card">
<h2 class="card-header">Fill the form</h2>
<div class="card-body">
<form id="form">
</form>
</div>
<div class="card-footer">
<button onclick="APP.generateSignature()" class="btn btn-success" type="submit">Generate Signature</button>
</div>
</div>
</div>
<!-- GENERATED SIGNATURE -->
<div class="col-12 col-lg-6">
<div class="card">
<h2 class="card-header">Your generated signature</h2>
<div class="card-body">
<div id="signature" class="signature_container" style="font-family: arial">
</div>
</div>
<div id="actions" class="card-footer">
<button onClick='copyText(document.getElementById("signature"));' class="btn btn-success">Copy Signature</button>
<button onClick='copyText(document.getElementById("signature-link"));' class="btn btn-primary">Copy Link</button>
<button onClick='preview(document.getElementById("signature"));' class="btn btn-primary">Preview</button>
</div>
</div>
</div>
<!-- SIGNATURE LINK -->
<div class="col-12">
<div class="card">
<h2 class="card-header">Signature Link</h2>
<div class="card-body">
<div id="signature-link">
</div>
</div>
<div class="card-footer">
<button onClick='copyText(document.getElementById("signature-link"));' class="btn btn-primary">Copy Link</button>
</div>
</div>
</div>
</div>
<hr />
<div>Created by <a href="https://racs.es">Ruben Arroyo Ceruelo</a> - <a href="https://github.com/ProtocolNebula">GitHub</a></div>
<br />
<div>Icons made by
<a href="https://www.flaticon.com/authors/smashicons" title="Smashicons">Smashicons</a>,
<a href="http://www.freepik.com" title="Freepik">Freepik</a> and
<a href="https://www.flaticon.com/authors/yannick" title="Yannick">Yannick</a>
from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>
</div>
</div>
</body>
</html>