-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
118 lines (101 loc) · 4.46 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
118
<!DOCTYPE html>
<html lang="en" manifest="app.cache">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Md. Minhazul Haque" />
<meta name="description" content="probhat.im - Type in Bangla using virtual Probhat keyboard on your browser, without installing anything." />
<title>probhat.im</title>
<link rel="icon" type="image/x-icon" href="favicon.ico?t=20160710">
<link rel="apple-touch-icon" href="apple-touch-icon.png?t=20160710">
<link href="https://cdnjs.cloudflare.com/ajax/libs/pure/1.0.0/pure-min.css" rel="stylesheet">
<link href="https://mdminhazulhaque.github.io/solaimanlipi/css/solaimanlipi.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ime/0.2.0/jquery.ime.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ime/0.2.0/jquery.ime.selector.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ime/0.2.0/jquery.ime.preferences.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.ime/0.2.0/jquery.ime.inputmethods.min.js"></script>
<style>
body {
font-family: SolaimanLipi, sans-serif;
padding: 20px;
padding-top: 0px;
}
textarea {
height: auto !important;
width: 100%;
font-size: 16px;
padding: 15px;
}
/* hide ime switch button */
.imeselector {
display: none !important;
}
</style>
<script>
$(document).ready(function() {
// patch default settings so bn will be default without hitting Ctrl+M
$.ime.preferences.registry.language = "bn";
$.ime.preferences.registry.showSelector = false;
$.ime.preferences.registry.imes = {
bn: 'bn-probhat',
en: 'system'
};
$.ime.preferences.getDefaultLanguage = function() {
return "bn";
};
// load ime rules from cdn
$('textarea').ime({
languages: ['bn'],
imePath: "https://cdnjs.cloudflare.com/ajax/libs/jquery.ime/0.2.0/"
});
// copy text functionality
$('#action-select-all').click(function() {
$('#banglapad').select();
try {
var successful = document.execCommand('copy');
var msg = successful ? 'Copied' : 'Failed to copy';
// flash text after selection is copied to clipboard
$('#info').fadeIn(250);
$('#info').html(msg);
$('#info').fadeOut(2000);
} catch (err) {
$('#info').html("Error copying");
}
});
// clear textarea when clicked
$('#action-clear-all').click(function() {
$('#banglapad').val('');
$('#banglapad').focus();
});
// set cursor on textarea when document is loaded
$('#banglapad').focus();
});
</script>
</head>
<body>
<h1>অনলাইন প্রভাত কিবোর্ড</h1>
<button class="pure-button pure-button-primary" id="action-select-all">Copy</button>
<button class="pure-button pure-button-primary" id="action-clear-all">Clear</button>
<label id="info" class="pure-button-disabled"></label>
<br>
<br>
<form class="pure-form">
<textarea id="banglapad" placeholder="এখানে বাংলা লিখুন, বাংলা-ইংরেজী সুইচ করতে Ctrl+M চাপুন" rows="10"></textarea>
</form>
<br>
<a target="_blank" href="https://github.com/mdminhazulhaque/probhat.im">
<button class="pure-button"><img src="https://cdnjs.cloudflare.com/ajax/libs/octicons/8.5.0/svg/mark-github.svg"> mdminhazulhaque/probhat.im</button>
</a>
</body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-57632461-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-57632461-8');
</script>
</html>