forked from kd-co/charapara
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (124 loc) · 10 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Charapara - Dummy Text Generator for Malayalam</title>
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name="description"
content="സുലോ വിന്തേന പിഷി വാട്ടിയം കിടിരാമൽ തൈവലം - അതായതുത്തമാ മലയാളത്തിൽ ഒരു ലോറം ഇപ്‌സം ജനറേറ്റർ">
<meta name="keywords"
content="Malayalam, Design, Typography, Lorem, Ipsum, Letters, Charapara, Malayalam Lorem Ipsum Generator, Malayalam Lipsum Generator">
<meta name="author" content="Kerala Designers Collaborative">
<meta name=viewport content="width=device-width, initial-scale=1">
<meta property="og:title" content="Charapara - Dummy Text Generator for Malayalam" />
<meta property="og:description"
content="സുലോ വിന്തേന പിഷി വാട്ടിയം കിടിരാമൽ തൈവലം - അതായതുത്തമാ മലയാളത്തിൽ ഒരു ലോറം ഇപ്‌സം ജനറേറ്റർ">
<meta property="og:url" content="https://charapara.digitalmalayali.in/" />
<meta property="og:image" content="https://charapara.digitalmalayali.in/img/og-meta-image.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@DigiMalayali">
<meta name="twitter:title" content="Charapara - Dummy Text Generator for Malayalam" />
<meta name="twitter:description"
content="സുലോ വിന്തേന പിഷി വാട്ടിയം കിടിരാമൽ തൈവലം - അതായതുത്തമാ മലയാളത്തിൽ ഒരു ലോറം ഇപ്‌സം ജനറേറ്റർ" />
<meta name="twitter:image" content="https://charapara.digitalmalayali.in/img/og-meta-image.jpg" />
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anek+Malayalam:[email protected]&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<nav class="navbar">
<a class="brand-header">
ചറപറ!
</a>
<p class="brand-sub-header">സുലോ വിന്തേന പിഷി വാട്ടിയം കിടിരാമൽ തൈവലം.</p>
<p class="brand-info-header">അതായതുത്തമാ, മലയാളത്തിൽ ഒരു ലോറം ഇപ്‌സം ജനറേറ്റർ!<br>ഇത് <a class="gh"
href="https://github.com/kd-co/charapara" target="_blank">KDco ചറപറയുടെ</a> ഒരു അനൗദ്യോഗിക ഫോർക്കാണ്!</p>
<a class="fork" href="https://github.com/digitalmalayali/charapara" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-github"
viewBox="0 0 16 16">
<path
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8" />
</svg>
</a>
</nav>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="charapara-controls-container">
<div class="row">
<div class="col-xs-12">
<a class="control-btn para-control-btn control-btn-active" id="para-control-btn-1"
onclick="handleParagraphChange(this, 1)">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="para1"
viewBox="0 0 16 16">
<path
d="M15.9 11.1c0-2.3-1.9-4.2-4.2-4.2-2.3 0-4.2 1.9-4.2 4.2 0 2.3 1.9 4.2 4.2 4.2 2.4 0 4.2-1.9 4.2-4.2zm-3 2.7h-1.4v-3.6h-.1l-1 .4V9.3l1.2-.5h1.2v5zM4.6 1.9h9.9c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H4.6c-.4 0-.6.3-.6.6s.2.6.6.6zM.7 6h13.7c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H.7c-.3-.1-.6.2-.6.6 0 .3.3.6.6.6zM5.7 8.8h-5c-.3 0-.6.3-.6.6s.3.6.6.6h5c.3 0 .6-.2.6-.6 0-.3-.3-.6-.6-.6zM5.7 12.8h-5c-.3 0-.6.3-.6.6s.3.6.6.6h5c.3 0 .6-.3.6-.6s-.3-.6-.6-.6z"
class="st0" />
</svg>
</a>
<a class="control-btn para-control-btn" id="para-control-btn-2" onclick="handleParagraphChange(this, 2)">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="para2"
viewBox="0 0 16 16">
<path
d="M4.6 1.9h9.9c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H4.6c-.4 0-.6.3-.6.6s.2.6.6.6zM.7 6h13.7c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H.7c-.3-.1-.6.2-.6.6 0 .3.3.6.6.6zM.7 8.8c-.3 0-.6.3-.6.6s.3.6.6.6h5c.3 0 .6-.2.6-.6 0-.3-.3-.6-.6-.6h-5zM6.3 13.5c0-.3-.3-.6-.6-.6h-5c-.3 0-.6.3-.6.6s.3.6.6.6h5c.3 0 .6-.3.6-.6zM15.9 11.1c0-2.3-1.9-4.2-4.2-4.2-2.3 0-4.2 1.9-4.2 4.2 0 2.3 1.9 4.2 4.2 4.2 2.4 0 4.2-1.9 4.2-4.2zm-3.9-1c0-.1-.1-.1-.2-.2-.1 0-.3-.1-.4-.1-.2 0-.5 0-.7.1-.2.1-.4.1-.6.2l.1-1.1c.1-.1.2-.1.4-.2.1 0 .3-.1.5-.1h.6c.6 0 1 .1 1.3.4.3.3.5.6.5 1.1v.1c0 .2 0 .4-.1.6-.1.2-.2.4-.3.5-.2.2-.3.4-.6.6l-.6.5h1.7v1.2H10v-1.2l1.2-1c.2-.2.4-.3.5-.4l.3-.3c.1-.1.1-.2.1-.3-.1-.2-.1-.3-.1-.4z"
class="st0" />
</svg>
</a>
<a class="control-btn para-control-btn" id="para-control-btn-3" onclick="handleParagraphChange(this, 3)">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="para3"
viewBox="0 0 16 16">
<path
d="M4.6 1.9h9.9c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H4.6c-.4 0-.6.3-.6.6s.2.6.6.6zM.7 6h13.7c.3 0 .6-.3.6-.6s-.3-.6-.6-.6H.7c-.3-.1-.6.2-.6.6 0 .3.3.6.6.6zM.7 8.8c-.3 0-.6.3-.6.6s.3.6.6.6h5c.3 0 .6-.2.6-.6 0-.3-.3-.6-.6-.6h-5zM6.3 13.5c0-.3-.3-.6-.6-.6h-5c-.3 0-.6.3-.6.6s.3.6.6.6h5c.3 0 .6-.3.6-.6zM15.9 11.1c0-2.3-1.9-4.2-4.2-4.2-2.3 0-4.2 1.9-4.2 4.2 0 2.3 1.9 4.2 4.2 4.2 2.4 0 4.2-1.9 4.2-4.2zm-3.8.8c0-.1-.1-.1-.2-.1h-1.3v-1h1.3c.1 0 .2-.1.2-.1 0-.1.1-.1.1-.2s-.1-.2-.2-.3-.3-.1-.6-.1-.5 0-.7.1c-.3-.2-.5-.2-.7-.1l.1-1.1c.2-.1.4-.1.6-.2.2-.1.5-.1.9-.1.6 0 1.1.1 1.4.3.3.2.5.5.5.9v.1c0 .2 0 .4-.1.5-.1.1-.2.3-.3.3s-.3.1-.6.2v.1c.4.1.6.2.8.3.2.2.2.4.2.8v.1c0 .4-.2.8-.5 1-.3.3-.8.4-1.5.4h-.6c-.2 0-.3-.1-.5-.1-.1 0-.3-.1-.4-.1v-1.2c.2.1.4.1.6.2s.5.1.7.1h.5c.1 0 .2-.1.2-.1s.1-.1.1-.2v-.4z"
class="st0" />
</svg>
</a>
<a class="control-btn settings-control-btn-cp" id="copy-control-btn" onclick="handleCopyBtnClick()">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="success-icon-small hide" id="copy-control-btn-success-icon" viewBox="0 0 16 16">
<path
d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
</svg>
<span id="copy-control-text">
അടിച്ചു മാറ്റുക
</span>
</a>
<a class="control-btn settings-control-btn" onclick="randomizeCharapara()" id="settings-refresh-btn">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
class="bi bi-arrow-clockwise" id="refresh-icon" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 3a5 5 0 1 0 4.546 2.914.5.5 0 0 1 .908-.417A6 6 0 1 1 8 2z" />
<path
d="M8 4.466V.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384L8.41 4.658A.25.25 0 0 1 8 4.466" />
</svg>
</a>
</div>
</div>
</div>
<div class="charapara-outer-container">
<div class="charapara-text-container animated" id="charapara-text-container">
</div>
</div>
<a class="brand-info-header center contribute-link" href="https://forms.gle/Rm1uENY8RYcJamQo6" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pencil-fill"
viewBox="0 0 16 16">
<path
d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z" />
</svg>പണ്ഡിതനാണോ? ഇതിലേ, ഇതിലേ!</a>
<div class="footer center">
<p class="footer-textline">Developed by <a class="gh" href="https://www.facebook.com/groups/JoinKDCo/"
target="_blank">KDco</a>. Modified by <a class="gh" href="https://links.digitalmalayali.in"
target="_blank">Digital Malayali</a>.<br>
© 2024 KDco</a></p>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>