Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Comparing changes

Choose two branches to see what's changed or to start a new pull request. If you need to, you can also compare across forks.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also compare across forks.
  • 2 commits
  • 2 files changed
  • 0 commit comments
  • 1 contributor
Commits on Nov 18, 2011
@mugli mugli Initial markup for bookmarklet page
Signed-off-by: Mehdi Hasan <mhasan@omicronlab.com>
14134fa
@mugli mugli Merge branch 'gh-pages' of github.com:torifat/jsAvroPhonetic into gh-…
…pages
a4ed5c8
Showing with 107 additions and 1 deletion.
  1. +60 −0 bookmarklet.html
  2. +47 −1 css/master.css
View
60 bookmarklet.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8">
+ <link rel="shortcut icon" href="http://www.omicronlab.com/favicon.ico">
+ <meta property="og:image" content="http://cdn.omicronlab.com/images/avro5-icon-256.png"/>
+ <title>Avro Phonetic Bookmarklet</title>
+ <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.min.js" type="text/javascript" charset="utf-8"></script>
+ <link href='http://fonts.googleapis.com/css?family=Nova+Slim' rel='stylesheet' type='text/css'>
+ <link rel="stylesheet" href="css/master.css" type="text/css" media="screen" title="no title" charset="utf-8">
+ <script src="https://raw.github.com/LeaVerou/prefixfree/master/prefixfree.min.js" type="text/javascript" charset="utf-8"></script>
+ <script type="text/javascript">
+
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-424397-3']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+
+ </script>
+</head>
+<body>
+
+ <a target="_blank" class="github-ribbon" href="https://github.com/torifat/jsAvroPhonetic/"><img src="https://a248.e.akamai.net/assets.github.com/img/e6bef7a091f5f3138b8cd40bc3e114258dd68ddf/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub"></a>
+
+ <div class="wrap">
+ <div class="wrapper">
+ <h1>Get Avro Phonetic Bookmarklet</h1>
+ <div>
+ <div class="lft leftHalf">
+ <p>Avro Phonetic bookmarklet is a handy way to type Bangla on any webpage, even when Avro Keyboard is not installed in your system or the webpage doesn't provide any way for Bangla typing.</p>
+ </div>
+ <div class="rght half">
+ <h2>Installing the bookmarklet:</h2>
+ <ol>
+ <li>Make sure your browser's bookmark toolbar is visible.</li>
+ <li>Just drag the following button to your Bookmarks Toolbar.</li>
+ </ol>
+ <div class="cntr">
+ <a class="cupid-green">Avro Phonetic</a>
+ </div>
+ </div>
+ </div>
+ <div class="cls"></div>
+ </div>
+ </div>
+
+ <div class="footer">Copyright &copy; <a target="_blank" href="http://www.OmicronLab.com/">OmicronLab</a> 2011</div>
+
+ <div class="share">
+ <div><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="omicronlab">Tweet</a></div>
+ <div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-action="like" data-font="trebuchet ms"></div>
+ </div>
+
+</body>
+</html>
View
48 css/master.css
@@ -180,4 +180,50 @@ a:hover {
.footer {
text-align: center;
padding-bottom: 20px;
-}
+}
+div.cntr{
+ text-align: center;
+ padding: 20px;
+}
+
+a.cupid-green::-moz-focus-inner {
+ border: 0; }
+
+/* cupid green (inspired by okcupid.com)
+*******************************************************************************/
+a.cupid-green {
+ background-color: #7fbf4d;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
+ background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
+ background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
+ background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
+ background-image: linear-gradient(top, #7fbf4d, #63a62f);
+ border: 1px solid #63a62f;
+ border-bottom: 1px solid #5b992b;
+ border-radius: 3px;
+ box-shadow: inset 0 1px 0 0 #96ca6d;
+ color: #fff;
+ line-height: 1;
+ padding: 8px 25px 8px 25px;
+ text-align: center;
+ text-shadow: 0 -1px 0 #4c9021;
+ width: 150px; }
+
+ a.cupid-green:hover {
+ background-color: #76b347;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e));
+ /* Saf4+, Chrome */
+ background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
+ background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
+ background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
+ background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
+ background-image: linear-gradient(top, #76b347, #5e9e2e);
+ box-shadow: inset 0 1px 0 0 #8dbf67;
+ cursor: pointer; }
+
+ a.cupid-green:active {
+ border: 1px solid #5b992b;
+ border-bottom: 1px solid #538c27;
+ box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #548c29; }

No commit comments for this range

Something went wrong with that request. Please try again.