Skip to content

Commit f2aa612

Browse files
committed
responsive
1 parent 68602a3 commit f2aa612

29 files changed

Lines changed: 100 additions & 33 deletions

api.html

Lines changed: 41 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <title>embed.js</title> <meta name=description content="A JavaScript plugin that analyses the string and automatically embeds emojis, media, maps, tweets, code and services."> <meta name=viewport content="width=device-width,initial-scale=1"> <link rel="shortcut icon" href=favicon.e1d38bd4.ico> <link rel=apple-touch-icon href=apple-touch-icon.9727d3c2.png> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300" rel=stylesheet type=text/css> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel=stylesheet href=styles/vendor.e0d30183.css> <link rel=stylesheet href=styles/api.247d49f8.css> <link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/styles/github.min.css> <body> <header> <a href="/embed.js/"><img src=images/logo.439ed97e.png srcset="images/logo@2x.5ec020f5.png 2x" alt=Logo></a> <nav> <ul> <a href="/embed.js/"> <li>Home</li> </a> <a href=getting_started.html> <li>Getting Started</li> </a> <a href=doc.html> <li>Options</li> </a> <a href=api.html> <li>API</li> </a> <a href=examples.html> <li>Examples</li> </a> <a href=https://github.com/ritz078/embed.js> <li><i class="fa fa-github"></i></li> </a> </ul> </nav> </header> <div class=left-nav> <ul> <li><b>Default Methods</b></li> <a href=#render> <li>render()</li> </a> <a href=#text> <li>text()</li> </a> <a href=#destroy> <li>destroy()</li> </a> <li><b>ejs Methods</b></li> <a href=#setOptions> <li>.setOptions()</li> </a> <a href=#applyEmbedJS> <li>.applyEmbedJS()</li> </a> <a href=#destroyEmbedJS> <li>.destroyEmbedJS()</li> </a> <a href=#template> <li>.template.serviceName()</li> </a> </ul> </div> <div class=container> <h4>Default Methods</h4> <p>This method of usage should be preferred if you wan't to apply embed.js to a single block or want the result as string.</p> <h5 id=render><b>.render()</b></h5> Renders the result in the element from which the original raw string was taken. <pre><code class=xml>
1+
<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <title>embed.js</title> <meta name=description content="A JavaScript plugin that analyses the string and automatically embeds emojis, media, maps, tweets, code and services."> <meta name=viewport content="width=device-width,initial-scale=1"> <link rel="shortcut icon" href=favicon.e1d38bd4.ico> <link rel=apple-touch-icon href=apple-touch-icon.9727d3c2.png> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300" rel=stylesheet type=text/css> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel=stylesheet href=styles/vendor_api.d580b2ff.css> <link rel=stylesheet href=styles/api.fa539684.css> <link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/styles/github.min.css> <body> <header> <a href=#left-nav id=navbar-left><div class=navbar><i class="fa fa-cog"></i></div></a> <a href="/embed.js/" id=logo><img src=images/logo.439ed97e.png srcset="images/logo@2x.5ec020f5.png 2x" alt=""></a> <nav> <a href=#sidr class=nav><i class="fa fa-bars"></i></a> <ul> <a href="/embed.js/"> <li>Home</li> </a> <a href=getting_started.html> <li>Getting Started</li> </a> <a href=doc.html> <li>Options</li> </a> <a href=api.html> <li>API</li> </a> <a href=examples.html> <li>Examples</li> </a> <a href=https://github.com/ritz078/embed.js> <li><i class="fa fa-github"></i></li> </a> </ul> </nav> <div id=sidr-right> <!-- Your content --> <ul> <li><a href="/embed.js/">Home</a></li> <li><a href=getting_started.html>Getting Started</a></li> <li><a href=doc.html>Options</a></li> <li><a href=api.html>API</a></li> <li><a href=examples.html>Examples</a></li> <li><a href=https://github.com/ritz078/embed.js>Github</a></li> </ul> </div> </header> <div class=left-nav id=left-nav> <ul> <li><b>Default Methods</b></li> <a href=#render> <li>render()</li> </a> <a href=#text> <li>text()</li> </a> <a href=#destroy> <li>destroy()</li> </a> <li><b>ejs Methods</b></li> <a href=#setOptions> <li>.setOptions()</li> </a> <a href=#applyEmbedJS> <li>.applyEmbedJS()</li> </a> <a href=#destroyEmbedJS> <li>.destroyEmbedJS()</li> </a> <a href=#template> <li>.template.serviceName()</li> </a> </ul> </div> <div class=container> <h4>Default Methods</h4> <p>This method of usage should be preferred if you wan't to apply embed.js to a single block or want the result as string.</p> <h5 id=render><b>.render()</b></h5> Renders the result in the element from which the original raw string was taken. <pre><code class=xml>
22
&lt;div id="element"&gt;
33
Lotus :smile: eleates vix attrahendams luna est.Advenas mori!Fermiums prarere in cubiculum!Cum cacula cantare,
44
omnes stellaes manifestum azureus, nobilis https://angularjs.org/ acipenseres.Cum orgia mori, omnes rationees
@@ -66,7 +66,7 @@
6666
'&lt;/div&gt;'+
6767
'&lt;/div&gt;'
6868
}
69-
</code></pre> </div> <script src=scripts/vendor.34ad31c3.js></script> <script src=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js></script> <script>hljs.initHighlightingOnLoad();
69+
</code></pre> </div> <footer> <span>Copyright &copy; 2015 &nbsp; | &nbsp; Made by <a href=https://twitter.com/ritz078 target=_blank>Ritesh Kumar</a></span> </footer> <script src=scripts/vendor_api.a6236245.js></script> <script src=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js></script> <script>hljs.initHighlightingOnLoad();
7070

7171
$(".left-nav a").click(function (e) {
7272
e.preventDefault();
@@ -75,7 +75,45 @@
7575
scrollTop: $(id).offset().top - 70
7676
},
7777
'slow');
78-
})</script> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <script>(function (b, o, i, l, e, r) {
78+
});
79+
80+
$('.nav').sidr({
81+
side:'right',
82+
name:'sidr-right'
83+
});
84+
85+
window.onresize = function(){
86+
if (window.innerWidth > 480){
87+
$.sidr('close','sidr-right')
88+
}
89+
};
90+
91+
$('.navbar').sidr({
92+
side:'left',
93+
name:'left-nav',
94+
displace:false
95+
});
96+
97+
window.onresize = function(){
98+
if (window.innerWidth > 480){
99+
$.sidr('close','sidr-right')
100+
}
101+
if(window.innerWidth > 800){
102+
$.sidr('open','left-nav')
103+
}else{
104+
$.sidr('close','left-nav')
105+
}
106+
};
107+
108+
$('#left-nav').click(function(){
109+
if(window.innerWidth < 800) $.sidr('close','left-nav')
110+
});
111+
112+
if(window.innerWidth > 800){
113+
$.sidr('open','left-nav')
114+
}else{
115+
$.sidr('close','left-nav')
116+
}</script> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <script>(function (b, o, i, l, e, r) {
79117
b.GoogleAnalyticsObject = l;
80118
b[l] || (b[l] =
81119
function () {

doc.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <title>embed.js</title> <meta name=description content="A JavaScript plugin that analyses the string and automatically embeds emojis, media, maps, tweets, code and services."> <meta name=viewport content="width=device-width,initial-scale=1"> <link rel="shortcut icon" href=favicon.e1d38bd4.ico> <link rel=apple-touch-icon href=apple-touch-icon.9727d3c2.png> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300" rel=stylesheet type=text/css> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel=stylesheet href=styles/vendor.e0d30183.css> <link rel=stylesheet href=styles/doc.a10d6ba4.css> <link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/styles/github.min.css> <body> <header> <a href="/embed.js/"><img src=images/logo.439ed97e.png srcset="images/logo@2x.5ec020f5.png 2x" alt=Logo></a> <nav> <ul> <a href="/embed.js/"> <li>Home</li> </a> <a href=getting_started.html> <li>Getting Started</li> </a> <a href=doc.html> <li>Options</li> </a> <a href=api.html> <li>API</li> </a> <a href=examples.html> <li>Examples</li> </a> <a href=https://github.com/ritz078/embed.js> <li><i class="fa fa-github"></i></li> </a> </ul> </nav> </header> <div class=left-nav> <ul> </ul> </div> <div class=container> <h5>Advanced options</h5> <pre><code>
1+
<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <title>embed.js</title> <meta name=description content="A JavaScript plugin that analyses the string and automatically embeds emojis, media, maps, tweets, code and services."> <meta name=viewport content="width=device-width,initial-scale=1"> <link rel="shortcut icon" href=favicon.e1d38bd4.ico> <link rel=apple-touch-icon href=apple-touch-icon.9727d3c2.png> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300" rel=stylesheet type=text/css> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel=stylesheet href=styles/vendor_doc.d580b2ff.css> <link rel=stylesheet href=styles/doc.c5df2ce7.css> <link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/styles/github.min.css> <body> <header> <a href=#left-nav id=navbar-left><div class=navbar><i class="fa fa-cog"></i></div></a> <a href="/embed.js/" id=logo><img src=images/logo.439ed97e.png srcset="images/logo@2x.5ec020f5.png 2x" alt=""></a> <nav> <a href=#sidr class=nav><i class="fa fa-bars"></i></a> <ul> <a href="/embed.js/"> <li>Home</li> </a> <a href=getting_started.html> <li>Getting Started</li> </a> <a href=doc.html> <li>Options</li> </a> <a href=api.html> <li>API</li> </a> <a href=examples.html> <li>Examples</li> </a> <a href=https://github.com/ritz078/embed.js> <li><i class="fa fa-github"></i></li> </a> </ul> </nav> <div id=sidr-right> <!-- Your content --> <ul> <li><a href="/embed.js/">Home</a></li> <li><a href=getting_started.html>Getting Started</a></li> <li><a href=doc.html>Options</a></li> <li><a href=api.html>API</a></li> <li><a href=examples.html>Examples</a></li> <li><a href=https://github.com/ritz078/embed.js>Github</a></li> </ul> </div> </header> <div class=left-nav id=left-nav> <ul> </ul> </div> <div class=container> <h5>Advanced options</h5> <pre><code>
22
{
33
marked : false,
44
markedOptions : {},
@@ -101,7 +101,7 @@
101101
showReposts : false,
102102
visual : false, //Show/hide the big preview image
103103
download : false //Show/Hide download buttons
104-
}</code></pre> <p>Options for soundcloud embedding.</p> <h5 id=beforeEmbedJSApply>beforeEmbedJSApply</h5> <span><b>Type</b> : Function</span> <br> <span><b>Default</b> : <code>function(){}</code></span> <p>A function to be executed before the plugin is executed.</p> <h5 id=afterEmbedJSApply>afterEmbedJSApply</h5> <span><b>Type</b> : Function</span> <br> <span><b>Default</b> : <code>function(){}</code></span> <p>A function to be executed after the plugin is executed.</p> <h5 id=onTweetsLoad>onTweetsLoad</h5> <span><b>Type</b> : Function</span> <br> <span><b>Default</b> : <code>function(){}</code></span> <p>A function to be executed after the tweets have been embedded.</p> <h5 id=videojsCallback>videojsCallback</h5> <span><b>Type</b> : Function</span> <br> <span><b>Default</b> : <code>function(){}</code></span> <p>A function to be executed after video.js has been applied.</p> </span></span></div> <script src=scripts/vendor.34ad31c3.js></script> <script src=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js></script> <script src=scripts/docs.760f9d50.js></script> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <script>(function (b, o, i, l, e, r) {
104+
}</code></pre> <p>Options for soundcloud embedding.</p> <h5 id=beforeEmbedJSApply>beforeEmbedJSApply</h5> <span><b>Type</b> : Function</span> <br> <span><b>Default</b> : <code>function(){}</code></span> <p>A function to be executed before the plugin is executed.</p> <h5 id=afterEmbedJSApply>afterEmbedJSApply</h5> <span><b>Type</b> : Function</span> <br> <span><b>Default</b> : <code>function(){}</code></span> <p>A function to be executed after the plugin is executed.</p> <h5 id=onTweetsLoad>onTweetsLoad</h5> <span><b>Type</b> : Function</span> <br> <span><b>Default</b> : <code>function(){}</code></span> <p>A function to be executed after the tweets have been embedded.</p> <h5 id=videojsCallback>videojsCallback</h5> <span><b>Type</b> : Function</span> <br> <span><b>Default</b> : <code>function(){}</code></span> <p>A function to be executed after video.js has been applied.</p> </span></span></div> <footer> <span>Copyright &copy; 2015 &nbsp; | &nbsp; Made by <a href=https://twitter.com/ritz078 target=_blank>Ritesh Kumar</a></span> </footer> <script src=scripts/vendor_docs.a6236245.js></script> <script src=https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js></script> <script src=scripts/docs.71c9fdfd.js></script> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> <script>(function (b, o, i, l, e, r) {
105105
b.GoogleAnalyticsObject = l;
106106
b[l] || (b[l] =
107107
function () {

0 commit comments

Comments
 (0)