-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
80 lines (72 loc) · 8.65 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Kavivanar Web Testing</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/grid.css">
<link rel="stylesheet" href="assets/css/font.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4 pt14">
<p class="heading">Kavivanar - கவிவாணர்<p>
</div>
<div class="col-md-8 yellow pt14">
<p>Kavivanar typeface is currently under active development. This is the preview of work in progress of Kavivanar. Please feel free to send me bug reports, feature enhancements or glyph requests, using <a href="https://github.com/enathu/kavivanar/issues">this project's Github Issue Tracker.</a></p>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-2 pt14">
<p>Interactive font size</p>
</div>
<div class="col-md-4">
<p><input type="range" min="10" max="100"></p>
</div>
</div>
<section>
<div class="row">
<div class="row">
<div class="col-md-12">
<span class="yellowbg">20px</span>
</div>
</div>
<div id="white" class="col-md-6" contenteditable="true"> <p>அதேபோல, பொருள்களில் பட்டு வருகின்ற ஒளிக்கதிர்கள் எமது கண்களை அடையும் போதே, நாம் பொருள்களைக் காண்கிறோம் என்றும் அறிவோம். An account given by a Mr. Chalmers, published in The Philosophical Transactions of the Royal Society, telling of a remarkable incident occurring out at sea. Mr Chalmers writes of how, in 1749, from the deck of the Montague as it sailed in the Mediterranean just north of Corsica, he saw a blue fireball rolling on the surface of the water and making its way towards the ship. இதன்படி, பொருள்களை நாம் பார்ப்பதற்கு ஒளியானது, பொருளிலிருந்து எமது கண்களுக்கு பயணிக்க வேண்டியிருக்கிறது. ஒரு குறிப்பிட்ட வேகத்தில், ஒளி பயணிப்பதால், ஒரு பொருளில் படுகின்ற ஒளி, எமது கண்களை வந்தடைய குறுகிய நேரம் எடுக்கும். அப்படியானால், நாம் நிகழ்நிலையில் (Live) காண்பதாக எண்ணிப் பார்க்கின்ற விடயங்கள், உண்மையில் அதன் பழைய நிலையிலேயே காணப்படுகின்றன. எடுத்துக்காட்டாக, பௌர்ணமி இரவொன்றில், ஆகாயத்தில் தோன்றும் முழுநிலவை நீங்கள் காணலாம். ஆனால், நிலவில் படுகின்ற ஒளியானது, எமது கண்களை வந்தடைய 1.2 செக்கன்கள் எடுக்கின்றது.</p>
</div>
<div id="gray" class="col-md-6" contenteditable="true"> <p>அதேபோல, பொருள்களில் பட்டு வருகின்ற ஒளிக்கதிர்கள் எமது கண்களை அடையும் போதே, நாம் பொருள்களைக் காண்கிறோம் என்றும் அறிவோம். An account given by a Mr. Chalmers, published in The Philosophical Transactions of the Royal Society, telling of a remarkable incident occurring out at sea. Mr Chalmers writes of how, in 1749, from the deck of the Montague as it sailed in the Mediterranean just north of Corsica, he saw a blue fireball rolling on the surface of the water and making its way towards the ship. இதன்படி, பொருள்களை நாம் பார்ப்பதற்கு ஒளியானது, பொருளிலிருந்து எமது கண்களுக்கு பயணிக்க வேண்டியிருக்கிறது. ஒரு குறிப்பிட்ட வேகத்தில், ஒளி பயணிப்பதால், ஒரு பொருளில் படுகின்ற ஒளி, எமது கண்களை வந்தடைய குறுகிய நேரம் எடுக்கும். அப்படியானால், நாம் நிகழ்நிலையில் (Live) காண்பதாக எண்ணிப் பார்க்கின்ற விடயங்கள், உண்மையில் அதன் பழைய நிலையிலேயே காணப்படுகின்றன. எடுத்துக்காட்டாக, பௌர்ணமி இரவொன்றில், ஆகாயத்தில் தோன்றும் முழுநிலவை நீங்கள் காணலாம். ஆனால், நிலவில் படுகின்ற ஒளியானது, எமது கண்களை வந்தடைய 1.2 செக்கன்கள் எடுக்கின்றது.</p>
</div>
</div>
</section>
<hr>
<div class="row">
<div class="row">
<div class="col-md-12">
<p class="yellowbg">Lettering - All Glyphs</p>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2 lettering">
<p>அ ஆ இ ஈ உ ஊ எ ஏ ஐ ஒ ஓ ஔ ஃ
க் ச் ட் த் ப் ற் ஞ் ங் ந் ன் ண் ம் ய் ர் ழ் வ் ள் ல்
ஶ் ஜ் ஷ் ஸ் ஹ் க்ஷ் க கா கி கீ கு கூ கெ கே கை கொ கோ கௌ ங ஙா ஙி ஙீ ஙு ஙூ ஙெ ஙே ஙை ஙொ ஙோ ஙௌ ச சா சி சீ சு சூ செ சே சை சொ சோ சௌ ஞ ஞா ஞி ஞீ ஞு ஞூ ஞெ ஞே ஞை ஞொ ஞோ ஞௌ ட டா டி டீ டு டூ டெ டே டை டொ டோ டௌ ண ணா ணி ணீ ணு ணூ ணெ ணே ணை ணொ ணோ ணௌ த தா தி தீ து தூ தெ தே தை தொ தோ தௌ ந நா நி நீ நு நூ நெ நே நை நொ நோ நௌ ப பா பி பீ பு பூ பெ பே பை பொ போ பௌ ம மா மி மீ மு மூ மெ மே மை மொ மோ மௌ ய யா யி யீ யு யூ யெ யே யை யொ யோ யௌ ர ரா ரி ரீ ரு ரூ ரெ ரே ரை ரொ ரோ ரௌ ல லா லி லீ லு லூ லெ லே லை லொ லோ லௌ வ வா வி வீ வு வூ வெ வே வை வொ வோ வௌ ழ ழா ழி ழீ ழு ழூ ழெ ழே ழை ழொ ழோ ழௌ ள ளா ளி ளீ ளு ளூ ளெ ளே ளை ளொ ளோ ளௌ ற றா றி றீ று றூ றெ றே றை றொ றோ றௌ ன னா னி னீ னு னூ னெ னே னை னொ னோ னௌ ஶ ஶா ஶி ஶீ ஶு ஶூ ஶெ ஶே ஶை ஶொ ஶோ ஶௌ ஜ ஜா ஜி ஜீ ஜு ஜூ ஜெ ஜே ஜை ஜொ ஜோ ஜௌ ஷ ஷா ஷி ஷீ ஷு ஷூ ஷெ ஷே ஷை ஷொ ஷோ ஷௌ ஸ ஸா ஸி ஸீ ஸு ஸூ ஸெ ஸே ஸை ஸொ ஸோ ஸௌ ஹ ஹா ஹி ஹீ ஹு ஹூ ஹெ ஹே ஹை ஹொ ஹோ ஹௌ க்ஷ க்ஷா க்ஷி க்ஷீ க்ஷு க்ஷூ க்ஷெ க்ஷே க்ஷை க்ஷொ க்ஷோ க்ஷௌ ௦ ௧ ௨ ௩ ௪ ௫ ௬ ௭ ௮ ௯ ௰ ௱ ௲ ௳ ௴ ௵ ௶ ௷ ௸ ௹ ௺ ஸ்ரீ
</p>
</div>
</div>
</div>
<hr>
<div class="row pt14">
<div class="col-md-8"><p>Source, and test docs are available at <a href="https://github.com/enathu/kavivanar">Github</a></p></div>
<div class="col-md-4"><p>Kavivanar typeface designed and developed by <a href="http://thariqueazeez.com">Tharique Azeez</a> </p></div>
</div>
</div>
<script>
$('input').on('change', function () {
var v = $(this).val();
$('section').css('font-size', v + 'px')
$('span').html(v);
});</script>
</body>
</html>