-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (42 loc) · 1.67 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
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="./style.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Smart Capitalise JS</title>
</head>
<body>
<div class="heading" align="center"><h2>Smart Capitalisation</h2></div>
<form id = 'my-form'>
<textarea id = 'ta1' placeholder="Enter text here">this is a dummy text for you to test. if you click on the button down below, you will see the little magic happening. intentionally, i MAdE thE teXt ridIculOus here. to be honest, i'm not a bad guy.</textarea>
<div class="break"><br></div>
<textarea id = 'ta2' class="ta2" placeholder="Output will be shown here"></textarea>
<br>
</form>
<button id = 'capitalise'>Smart capitalize text!</button>
<br>
<div class="info">
<br>
<h3>Capitalises</h3>
<li>First letter of text. </li>
<li>First letter after a whitespace preceeded by a period. </li>
<li>Small i as a word and those with an apostrophe, for e.g. i'm, i'd. </li>
<br>
</div>
<br>
<div class="info">
<br>
<h3>Does not capitalises</h3>
<li>First letter directly after a period, for e.g. [email protected]. </li>
<br>
</div>
<br><br>
<div align="center">
<div class="regex" align="center">Powered by <a href="https://en.wikipedia.org/wiki/Regular_expression" target="_blank">Regex</a> </div> -
<div class="github" align="center">Contribute/suggest at <a href="https://github.com/akashaggarwal7/smartCapitaliseJs/issues">GitHub</a></div>
</div>
<!-- <script src="http://cdn.jsdelivr.net/rsvp/3.0.6/rsvp.js"></script> -->
<script src="./rsvp.js"></script>
<script src="./format.js"></script>
</body>
</html>