2018-10-24 06:50:37 -04:00
<!DOCTYPE html> < html lang = "ro" > < head > < meta charSet = "utf-8" / > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" / > < title > Pages and Styles · Docusaurus< / title > < meta name = "viewport" content = "width=device-width" / > < meta name = "generator" content = "Docusaurus" / > < meta name = "description" content = "<p>Docusaurus provides support for writing pages as React components inside the & lt ; code & gt ; website / pages & lt ; / code & gt ; directory which will share the same header , footer , and styles as the rest of the site . & lt ; / p & gt ;
2019-01-29 01:30:29 -05:00
"/>< meta name = "docsearch:version" content = "1.7.2" / > < meta name = "docsearch:language" content = "ro" / > < meta property = "og:title" content = "Pages and Styles · Docusaurus" / > < meta property = "og:type" content = "website" / > < meta property = "og:url" content = "https://docusaurus.io/index.html" / > < meta property = "og:description" content = "<p>Docusaurus provides support for writing pages as React components inside the & lt ; code & gt ; website / pages & lt ; / code & gt ; directory which will share the same header , footer , and styles as the rest of the site . & lt ; / p & gt ;
2018-10-24 06:50:37 -04:00
"/>< meta property = "og:image" content = "https://docusaurus.io/img/docusaurus.png" / > < meta name = "twitter:card" content = "summary" / > < meta name = "twitter:image" content = "https://docusaurus.io/img/docusaurus.png" / > < link rel = "shortcut icon" href = "/img/docusaurus.ico" / > < link rel = "stylesheet" href = "https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" / > < link rel = "stylesheet" href = "//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css" / > < link rel = "alternate" type = "application/atom+xml" href = "https://docusaurus.io/blog/atom.xml" title = "Docusaurus Blog ATOM Feed" / > < link rel = "alternate" type = "application/rss+xml" href = "https://docusaurus.io/blog/feed.xml" title = "Docusaurus Blog RSS Feed" / > < script >
2018-09-28 07:20:45 -04:00
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44373548-31', 'auto');
ga('send', 'pageview');
< / script > < link rel = "stylesheet" href = "/css/code-blocks-buttons.css" / > < script type = "text/javascript" src = "https://buttons.github.io/buttons.js" > < / script > < script type = "text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js" > < / script > < script type = "text/javascript" src = "/js/code-blocks-buttons.js" > < / script > < script src = "https://unpkg.com/vanilla-back-to-top@7.1.14/dist/vanilla-back-to-top.min.js" > < / script > < script >
document.addEventListener('DOMContentLoaded', function() {
addBackToTop(
{"zIndex":100}
)
});
2019-01-29 01:30:29 -05:00
< / script > < link rel = "stylesheet" href = "/css/prism.css" / > < link rel = "stylesheet" href = "/css/main.css" / > < script src = "/js/codetabs.js" > < / script > < / head > < body class = "sideNavVisible separateOnPageNav" > < div class = "fixedHeaderContainer" > < div class = "headerWrapper wrapper" > < header > < a href = "/ro" > < img class = "logo" src = "/img/docusaurus.svg" alt = "Docusaurus" / > < h2 class = "headerTitleWithLogo" > Docusaurus< / h2 > < / a > < a href = "/ro/versions" > < h3 > 1.7.2< / h3 > < / a > < div class = "navigationWrapper navigationSlider" > < nav class = "slidingNav" > < ul class = "nav-site nav-site-internal" > < li class = "siteNavGroupActive" > < a href = "/docs/ro/installation" target = "_self" > Docs< / a > < / li > < li class = "" > < a href = "/ro/help" target = "_self" > Help< / a > < / li > < li class = "" > < a href = "/ro/users" target = "_self" > Users< / a > < / li > < li class = "" > < a href = "/ro/about-slash" target = "_self" > About /< / a > < / li > < li class = "" > < a href = "/blog/" target = "_self" > Blog< / a > < / li > < li class = "" > < a href = "https://github.com/facebook/docusaurus" target = "_self" > GitHub< / a > < / li > < span > < li > < a id = "languages-menu" href = "#" > < img class = "languages-icon" src = "/img/language.svg" alt = "Languages icon" / > Română< / a > < div id = "languages-dropdown" class = "hide" > < ul id = "languages-dropdown-items" > < li > < a href = "/docs/en/api-pages" > English< / a > < / li > < li > < a href = "/docs/es-ES/api-pages" > Español< / a > < / li > < li > < a href = "/docs/tr/api-pages" > Türkçe< / a > < / li > < li > < a href = "/docs/zh-CN/api-pages" > 简体中文< / a > < / li > < li > < a href = "https://crowdin.com/project/docusaurus" target = "_blank" rel = "noreferrer noopener" > Help Us Translate< / a > < / li > < / ul > < / div > < / li > < script >
2018-09-28 07:20:45 -04:00
const languagesMenuItem = document.getElementById("languages-menu");
const languagesDropDown = document.getElementById("languages-dropdown");
languagesMenuItem.addEventListener("click", function(event) {
event.preventDefault();
if (languagesDropDown.className == "hide") {
languagesDropDown.className = "visible";
} else {
languagesDropDown.className = "hide";
}
});
2019-01-29 01:15:59 -05:00
< / script > < / span > < li class = "navSearchWrapper reactNavSearchWrapper" > < input type = "text" id = "search_input_react" placeholder = "Search" title = "Search" / > < / li > < / ul > < / nav > < / div > < / header > < / div > < / div > < div class = "navPusher" > < div class = "docMainWrapper wrapper" > < div class = "container docsNavContainer" id = "docsNav" > < nav class = "toc" > < div class = "toggleNav" > < section class = "navWrapper wrapper" > < div class = "navBreadcrumb wrapper" > < div class = "navToggle" id = "navToggler" > < i > < / i > < / div > < h2 > < i > › < / i > < span > API< / span > < / h2 > < div class = "tocToggler" id = "tocToggler" > < i class = "icon-toc" > < / i > < / div > < / div > < div class = "navGroups" > < div class = "navGroup" > < h3 class = "navGroupCategoryTitle collapsible" > Getting Started< span class = "arrow" > < svg width = "24" height = "24" viewBox = "0 0 24 24" > < path fill = "#565656" d = "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" > < / path > < path d = "M0 0h24v24H0z" fill = "none" > < / path > < / svg > < / span > < / h3 > < ul class = "hide" > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/installation" > Installation< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/site-preparation" > Site Preparation< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/site-creation" > Creating your site< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/publishing" > Publishing your site< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/docker" > Docker< / a > < / li > < / ul > < / div > < div class = "navGroup" > < h3 class = "navGroupCategoryTitle collapsible" > Guides< span class = "arrow" > < svg width = "24" height = "24" viewBox = "0 0 24 24" > < path fill = "#565656" d = "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" > < / path > < path d = "M0 0h24v24H0z" fill = "none" > < / path > < / svg > < / span > < / h3 > < ul class = "hide" > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/adding-blog" > Adding a Blog< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/custom-pages" > Custom Pages< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/search" > Enabling Search< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/navigation" > Navigation and Sidebars< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/translation" > Translations & Localization< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/versioning" > Versioning< / a > < / li > < / ul > < / div > < div class = "navGroup" > < h3 class = "navGroupCategoryTitle collapsible" > API< span class = "arrow" > < svg width = "24" height = "24" viewBox = "0 0 24 24" > < path fill = "#565656" d = "M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z" > < / path > < path d = "M0 0h24v24H0z" fill = "none" > < / path > < / svg > < / span > < / h3 > < ul class = "hide" > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/commands" > CLI Commands< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/doc-markdown" > Markdown Features< / a > < / li > < li class = "navListItem navListItemActive" > < a class = "navItem" href = "/docs/ro/api-pages" > Pages and Styles< / a > < / li > < li class = "navListItem" > < a class = "navItem" href = "/docs/ro/site-config" > siteConfig.js< / a > < / li > < / ul > < / div > < / div > < / section > < / div > < script >
2019-01-23 17:24:11 -05:00
var coll = document.getElementsByClassName('collapsible');
var checkActiveCategory = true;
for (var i = 0; i < coll.length ; i + + ) {
var links = coll[i].nextElementSibling.getElementsByTagName('*');
if (checkActiveCategory){
for (var j = 0; j < links.length ; j + + ) {
if (links[j].classList.contains('navListItemActive')){
coll[i].nextElementSibling.classList.toggle('hide');
coll[i].childNodes[1].classList.toggle('rotate');
checkActiveCategory = false;
break;
}
}
}
coll[i].addEventListener('click', function() {
var arrow = this.childNodes[1];
arrow.classList.toggle('rotate');
var content = this.nextElementSibling;
content.classList.toggle('hide');
});
}
2018-09-28 07:20:45 -04:00
document.addEventListener('DOMContentLoaded', function() {
createToggler('#navToggler', '#docsNav', 'docsSliderActive');
createToggler('#tocToggler', 'body', 'tocActive');
const headings = document.querySelector('.toc-headings');
headings & & headings.addEventListener('click', function(event) {
if (event.target.tagName === 'A') {
document.body.classList.remove('tocActive');
}
}, false);
function createToggler(togglerSelector, targetSelector, className) {
var toggler = document.querySelector(togglerSelector);
var target = document.querySelector(targetSelector);
if (!toggler) {
return;
}
toggler.onclick = function(event) {
event.preventDefault();
target.classList.toggle(className);
};
}
});
2018-11-01 01:44:51 -04:00
< / script > < / nav > < / div > < div class = "container mainContainer" > < div class = "wrapper" > < div class = "post" > < header class = "postHeader" > < a class = "edit-page-link button" href = "https://crowdin.com/project/docusaurus/ro" target = "_blank" rel = "noreferrer noopener" > Translate< / a > < h1 class = "postHeaderTitle" > Pages and Styles< / h1 > < / header > < article > < div > < span > < p > Docusaurus provides support for writing pages as React components inside the < code > website/pages< / code > directory which will share the same header, footer, and styles as the rest of the site.< / p >
2018-12-02 01:13:22 -05:00
< h2 > < a class = "anchor" aria-hidden = "true" id = "provided-props" > < / a > < a href = "#provided-props" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > Provided Props< / h2 >
< p > Docusaurus provides your < a href = "/docs/ro/site-config" > siteConfig.js< / a > as a < code > config< / code > props. Hence, you can access < code > baseUrl< / code > or < code > title< / code > through this props.< / p >
< p > Example< / p >
< pre > < code class = "hljs css language-js" > < span class = "hljs-keyword" > const< / span > React = < span class = "hljs-built_in" > require< / span > (< span class = "hljs-string" > 'react'< / span > );
< span class = "hljs-class" > < span class = "hljs-keyword" > class< / span > < span class = "hljs-title" > MyPage< / span > < span class = "hljs-keyword" > extends< / span > < span class = "hljs-title" > React< / span > .< span class = "hljs-title" > Component< / span > < / span > {
render() {
< span class = "hljs-keyword" > const< / span > siteConfig = < span class = "hljs-keyword" > this< / span > .props.config;
< span class = "hljs-keyword" > return< / span > < span class = "xml" > < span class = "hljs-tag" > < < span class = "hljs-name" > div< / span > > < / span > {siteConfig.title}< span class = "hljs-tag" > < /< span class = "hljs-name" > div< / span > > < / span > < / span > ;
}
}
< span class = "hljs-built_in" > module< / span > .exports = MyPage;
< / code > < / pre >
2018-09-28 07:20:45 -04:00
< h2 > < a class = "anchor" aria-hidden = "true" id = "urls-for-pages" > < / a > < a href = "#urls-for-pages" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > URLs for Pages< / h2 >
< p > Any < code > .js< / code > files in < code > website/pages< / code > will be rendered to static HTML using the path of the file after < code > pages< / code > . Fișierele din < code > siteweb/pagini/en< / code > deasemenea va fi copiată în < code > pagini< / code > și va SUPRASCRIE orice fișiere cu același nume din < code > pagini< / code > . For example, the page for the < code > website/pages/en/help.js< / code > file will be found at the URL < code > ${baseUrl}en/help.js< / code > as well as the URL < code > ${baseUrl}help.js< / code > , where < code > ${baseUrl}< / code > is the < code > baseUrl< / code > field set in your < a href = "/docs/ro/site-config" > siteConfig.js file< / a > .< / p >
< h2 > < a class = "anchor" aria-hidden = "true" id = "titles-for-pages" > < / a > < a href = "#titles-for-pages" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > Titles for Pages< / h2 >
< p > By default, the title of your page is < code > < title> • < tagline> < / code > where < code > title< / code > and < code > tagline< / code > fields are set in < a href = "/docs/ro/site-config" > < code > siteConfig.js< / code > < / a > . You can exclude the tagline in the title by setting < code > disableTitleTagline< / code > to < code > true< / code > . If you want to set a specific title for your custom pages, add a < code > title< / code > class property on your exported React component.< / p >
< p > Exemplu:< / p >
< pre > < code class = "hljs css language-js" > < span class = "hljs-keyword" > const< / span > React = < span class = "hljs-built_in" > require< / span > (< span class = "hljs-string" > 'react'< / span > );
< span class = "hljs-class" > < span class = "hljs-keyword" > class< / span > < span class = "hljs-title" > MyPage< / span > < span class = "hljs-keyword" > extends< / span > < span class = "hljs-title" > React< / span > .< span class = "hljs-title" > Component< / span > < / span > {
render() {
< span class = "hljs-comment" > // ... your rendering code< / span >
}
}
MyPage.title = < span class = "hljs-string" > 'My Custom Title'< / span > ;
< span class = "hljs-built_in" > module< / span > .exports = MyPage;
< / code > < / pre >
< h2 > < a class = "anchor" aria-hidden = "true" id = "description-for-pages" > < / a > < a href = "#description-for-pages" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > Description for Pages< / h2 >
< p > By default, the description your page is < code > tagline< / code > set in < a href = "/docs/ro/site-config" > < code > siteConfig.js< / code > < / a > . If you want to set a specific description for your custom pages, add a < code > description< / code > class property on your exported React component.< / p >
< p > Exemplu:< / p >
< pre > < code class = "hljs css language-js" > < span class = "hljs-keyword" > const< / span > React = < span class = "hljs-built_in" > require< / span > (< span class = "hljs-string" > 'react'< / span > );
< span class = "hljs-class" > < span class = "hljs-keyword" > class< / span > < span class = "hljs-title" > MyPage< / span > < span class = "hljs-keyword" > extends< / span > < span class = "hljs-title" > React< / span > .< span class = "hljs-title" > Component< / span > < / span > {
render() {
< span class = "hljs-comment" > // ... your rendering code< / span >
}
}
MyPage.description = < span class = "hljs-string" > 'My Custom Description'< / span > ;
< span class = "hljs-built_in" > module< / span > .exports = MyPage;
< / code > < / pre >
< p > This will be translated to a description metadata tag on the generated HTML.< / p >
< pre > < code class = "hljs css language-html" > < span class = "hljs-tag" > < < span class = "hljs-name" > meta< / span > < span class = "hljs-attr" > property< / span > =< span class = "hljs-string" > "og:description"< / span > < span class = "hljs-attr" > content< / span > =< span class = "hljs-string" > "My Custom Description"< / span > /> < / span >
< span class = "hljs-tag" > < < span class = "hljs-name" > meta< / span > < span class = "hljs-attr" > name< / span > =< span class = "hljs-string" > "description"< / span > < span class = "hljs-attr" > content< / span > =< span class = "hljs-string" > "My Custom Description"< / span > /> < / span >
< / code > < / pre >
< h2 > < a class = "anchor" aria-hidden = "true" id = "page-require-paths" > < / a > < a href = "#page-require-paths" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > Page Require Paths< / h2 >
< p > Docusaurus provides a few useful React components for users to write their own pages, found in the < code > CompLibrary< / code > module. This module is provided as part of Docusaurus in < code > node_modules/docusaurus< / code > , so to access it, pages in the < code > pages< / code > directory are temporarily copied into < code > node_modules/docusaurus< / code > when rendering to static HTML. As seen in the example files, this means that a user page at < code > pages/en/index.js< / code > uses a require path to < code > '../../core/CompLibrary.js'< / code > to import the provided components.< / p >
< p > What this means to the user is that if you wish to use the < code > CompLibrary< / code > module, make sure the require path is set correctly. For example, a page at < code > page/mypage.js< / code > would use a path < code > '../core/CompLibrary.js'< / code > .< / p >
< p > If you wish to use your own components inside the website directory, use < code > process.cwd()< / code > which will refer to the < code > website< / code > directory to construct require paths. For example, if you add a component to < code > website/core/mycomponent.js< / code > , you can use the require path, < code > 'process.cwd() + /core/mycomponent.js'< / code > .< / p >
< h2 > < a class = "anchor" aria-hidden = "true" id = "provided-components" > < / a > < a href = "#provided-components" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > Provided Components< / h2 >
< p > Docusaurus provides the following components in < code > CompLibrary< / code > :< / p >
< h3 > < a class = "anchor" aria-hidden = "true" id = "complibrarymarkdownblock" > < / a > < a href = "#complibrarymarkdownblock" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > < code > CompLibrary.MarkdownBlock< / code > < / h3 >
< p > A React component that parses markdown and renders to HTML.< / p >
< p > Exemplu:< / p >
< pre > < code class = "hljs css language-jsx" > < span class = "token keyword" > const< / span > MarkdownBlock < span class = "token operator" > =< / span > CompLibrary< span class = "token punctuation" > .< / span > MarkdownBlock< span class = "token punctuation" > ;< / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > MarkdownBlock< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token punctuation" > [< / span > Markdown syntax < span class = "token keyword" > for< / span > a link< span class = "token punctuation" > ]< / span > < span class = "token punctuation" > (< / span > http< span class = "token punctuation" > :< / span > < span class = "token operator" > /< / span > < span class = "token operator" > /< / span > www< span class = "token punctuation" > .< / span > example< span class = "token punctuation" > .< / span > com< span class = "token punctuation" > )< / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > MarkdownBlock< / span > < span class = "token punctuation" > >< / span > < / span > < span class = "token punctuation" > ;< / span >
< / code > < / pre >
< h3 > < a class = "anchor" aria-hidden = "true" id = "librăriecompcontainer" > < / a > < a href = "#librăriecompcontainer" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > < code > LibrărieComp.Container< / code > < / h3 >
< p > A React container component using Docusaurus styles. Has optional padding and background color props that you can configure.< / p >
< p > < strong > Props< / strong > < / p >
< table >
< thead >
< tr > < th > Prop< / th > < th > Type< / th > < th > Default< / th > < th > Description< / th > < / tr >
< / thead >
< tbody >
< tr > < td > < code > padding< / code > < / td > < td > Array of < code > 'all'< / code > , < code > 'bottom'< / code > , < code > 'left'< / code > , < code > 'right'< / code > , < code > 'top'< / code > < / td > < td > < code > []< / code > < / td > < td > Positions of the padding.< / td > < / tr >
< tr > < td > < code > background< / code > < / td > < td > One of < code > 'dark'< / code > , < code > 'highlight'< / code > , < code > 'light'< / code > < / td > < td > < code > null< / code > < / td > < td > Background styling of the element.< / td > < / tr >
< tr > < td > < code > className< / code > < / td > < td > String< / td > < td > -< / td > < td > Custom class to add to the element.< / td > < / tr >
< / tbody >
< / table >
< p > < strong > Example< / strong > < / p >
< pre > < code class = "hljs css language-jsx" > < span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > Container< / span >
< span class = "token attr-name" > padding< / span > < span class = "token script language-javascript" > < span class = "token script-punctuation punctuation" > =< / span > < span class = "token punctuation" > {< / span > < span class = "token punctuation" > [< / span > < span class = "token string" > 'bottom'< / span > < span class = "token punctuation" > ,< / span > < span class = "token string" > 'top'< / span > < span class = "token punctuation" > ]< / span > < span class = "token punctuation" > }< / span > < / span >
< span class = "token attr-name" > background< / span > < span class = "token attr-value" > < span class = "token punctuation" > =< / span > < span class = "token punctuation" > "< / span > light< span class = "token punctuation" > "< / span > < / span >
< span class = "token attr-name" > className< / span > < span class = "token attr-value" > < span class = "token punctuation" > =< / span > < span class = "token punctuation" > "< / span > myCustomClass< span class = "token punctuation" > "< / span > < / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token operator" > ...< / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > Container< / span > < span class = "token punctuation" > >< / span > < / span >
< / code > < / pre >
< h3 > < a class = "anchor" aria-hidden = "true" id = "librăriecompblocgrilă" > < / a > < a href = "#librăriecompblocgrilă" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > < code > LibrărieComp.BlocGrilă< / code > < / h3 >
< p > A React component to organize text and images.< / p >
< p > < strong > Props< / strong > < / p >
< table >
< thead >
< tr > < th > Prop< / th > < th > Type< / th > < th > Default< / th > < th > Description< / th > < / tr >
< / thead >
< tbody >
< tr > < td > < code > align< / code > < / td > < td > One of < code > 'left'< / code > , < code > 'center'< / code > , < code > 'right'< / code > < / td > < td > < code > 'left'< / code > < / td > < td > Text alignment of content.< / td > < / tr >
< tr > < td > < code > layout< / code > < / td > < td > One of < code > 'twoColumn'< / code > , < code > 'threeColumn'< / code > , < code > 'fourColumn'< / code > < / td > < td > < code > 'twoColumn'< / code > < / td > < td > Number of column sections in the < code > GridBlock< / code > .< / td > < / tr >
< tr > < td > < code > className< / code > < / td > < td > String< / td > < td > -< / td > < td > Custom class to add to the element.< / td > < / tr >
< tr > < td > < code > contents< / code > < / td > < td > Array of content objects< / td > < td > < code > []< / code > < / td > < td > Contents of each section of the GridBlock. Refer to the next table for the fields available on a content object.< / td > < / tr >
< / tbody >
< / table >
< p > < strong > Content Object< / strong > < / p >
< table >
< thead >
< tr > < th > Key< / th > < th > Type< / th > < th > Default< / th > < th > Description< / th > < / tr >
< / thead >
< tbody >
< tr > < td > < code > title< / code > < / td > < td > String< / td > < td > -< / td > < td > The display title of this section, which is parsed using Markdown< / td > < / tr >
< tr > < td > < code > content< / code > < / td > < td > String< / td > < td > -< / td > < td > The text of this section, which is parsed using Markdown< / td > < / tr >
< tr > < td > < code > image< / code > < / td > < td > String< / td > < td > -< / td > < td > The path of the display image< / td > < / tr >
< tr > < td > < code > imageAlt< / code > < / td > < td > String< / td > < td > -< / td > < td > The text that will be shown in case the image is not available< / td > < / tr >
< tr > < td > < code > imageAlign< / code > < / td > < td > One of < code > 'top'< / code > , < code > 'left'< / code > , < code > 'bottom'< / code > , < code > 'right'< / code > < / td > < td > < code > 'left'< / code > < / td > < td > Image alignment relative to the text< / td > < / tr >
< tr > < td > < code > imageLink< / code > < / td > < td > String< / td > < td > -< / td > < td > Link destination from clicking the image< / td > < / tr >
< / tbody >
< / table >
< p > < strong > Example< / strong > < / p >
< pre > < code class = "hljs css language-jsx" > < span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > GridBlock< / span >
< span class = "token attr-name" > align< / span > < span class = "token attr-value" > < span class = "token punctuation" > =< / span > < span class = "token punctuation" > "< / span > center< span class = "token punctuation" > "< / span > < / span >
< span class = "token attr-name" > layout< / span > < span class = "token attr-value" > < span class = "token punctuation" > =< / span > < span class = "token punctuation" > "< / span > threeColumn< span class = "token punctuation" > "< / span > < / span >
< span class = "token attr-name" > className< / span > < span class = "token attr-value" > < span class = "token punctuation" > =< / span > < span class = "token punctuation" > "< / span > myCustomClass< span class = "token punctuation" > "< / span > < / span >
< span class = "token attr-name" > contents< / span > < span class = "token script language-javascript" > < span class = "token script-punctuation punctuation" > =< / span > < span class = "token punctuation" > {< / span > < span class = "token punctuation" > [< / span >
< span class = "token punctuation" > {< / span >
2018-12-02 01:13:22 -05:00
title< span class = "token punctuation" > :< / span > < span class = "token template-string" > < span class = "token string" > `[Learn](< / span > < span class = "token interpolation" > < span class = "token interpolation-punctuation punctuation" > ${< / span > siteConfig< span class = "token punctuation" > .< / span > baseUrl< span class = "token interpolation-punctuation punctuation" > }< / span > < / span > < span class = "token interpolation" > < span class = "token interpolation-punctuation punctuation" > ${< / span > siteConfig< span class = "token punctuation" > .< / span > docsUrl< span class = "token interpolation-punctuation punctuation" > }< / span > < / span > < span class = "token string" > /tutorial.html)`< / span > < / span > < span class = "token punctuation" > ,< / span >
2018-09-28 07:20:45 -04:00
content< span class = "token punctuation" > :< / span > < span class = "token string" > 'Learn how to use this project'< / span > < span class = "token punctuation" > ,< / span >
image< span class = "token punctuation" > :< / span > siteConfig< span class = "token punctuation" > .< / span > baseUrl < span class = "token operator" > +< / span > < span class = "token string" > 'img/learn.png'< / span > < span class = "token punctuation" > ,< / span >
imageAlt< span class = "token punctuation" > :< / span > < span class = "token string" > 'Learn how to use this project'< / span > < span class = "token punctuation" > ,< / span >
imageLink< span class = "token punctuation" > :< / span > siteConfig< span class = "token punctuation" > .< / span > baseUrl < span class = "token operator" > +< / span > < span class = "token string" > 'docs/tutorial.html'< / span > < span class = "token punctuation" > ,< / span >
< span class = "token punctuation" > }< / span > < span class = "token punctuation" > ,< / span >
< span class = "token punctuation" > {< / span >
title< span class = "token punctuation" > :< / span > < span class = "token string" > 'Frequently Asked Questions'< / span > < span class = "token punctuation" > ,< / span >
content< span class = "token punctuation" > :< / span > < span class = "token string" > 'Questions gathered from the community'< / span > < span class = "token punctuation" > ,< / span >
image< span class = "token punctuation" > :< / span > siteConfig< span class = "token punctuation" > .< / span > baseUrl < span class = "token operator" > +< / span > < span class = "token string" > 'img/faq.png'< / span > < span class = "token punctuation" > ,< / span >
imageAlign< span class = "token punctuation" > :< / span > < span class = "token string" > 'top'< / span > < span class = "token punctuation" > ,< / span >
< span class = "token punctuation" > }< / span > < span class = "token punctuation" > ,< / span >
< span class = "token punctuation" > {< / span >
title< span class = "token punctuation" > :< / span > < span class = "token string" > 'More'< / span > < span class = "token punctuation" > ,< / span >
content< span class = "token punctuation" > :< / span > < span class = "token string" > 'Lots of documentation is on this site'< / span > < span class = "token punctuation" > ,< / span >
< span class = "token punctuation" > }< / span > < span class = "token punctuation" > ,< / span >
< span class = "token punctuation" > ]< / span > < span class = "token punctuation" > }< / span > < / span >
< span class = "token punctuation" > />< / span > < / span >
< / code > < / pre >
< p > More examples of how these components are used can be found in the < a href = "/docs/ro/site-preparation" > generated example files< / a > as well as in Docusaurus' own repository for its website set-up.< / p >
< h2 > < a class = "anchor" aria-hidden = "true" id = "translating-strings" > < / a > < a href = "#translating-strings" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > Translating Strings< / h2 >
< p > When translations are enabled, any pages inside < code > website/pages/en< / code > will be translated for all enabled languages. URLs for non-English pages will use their language tags as specified in the < code > languages.js< / code > file. E.g. The URL for a French page of < code > website/pages/en/help.js< / code > would be found at < code > ${baseUrl}fr/help.html< / code > .< / p >
< p > When writing pages that you wish to translate, wrap any strings to be translated inside a < code > < translate> < / code > tag. e.g.,< / p >
< pre > < code class = "hljs css language-jsx" > < span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > p< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > translate< / span > < span class = "token punctuation" > >< / span > < / span > < span class = "token constant" > I< / span > like translations< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > translate< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > p< / span > < span class = "token punctuation" > >< / span > < / span >
< / code > < / pre >
< p > You can also provide an optional description attribute to provide context for translators. e.g,< / p >
< pre > < code class = "hljs css language-jsx" > < span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > a< / span > < span class = "token attr-name" > href< / span > < span class = "token attr-value" > < span class = "token punctuation" > =< / span > < span class = "token punctuation" > "< / span > /community< span class = "token punctuation" > "< / span > < / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < < / span > translate< / span > < span class = "token attr-name" > desc< / span > < span class = "token attr-value" > < span class = "token punctuation" > =< / span > < span class = "token punctuation" > "< / span > Footer link to page referring to community GitHub and Slack< span class = "token punctuation" > "< / span > < / span > < span class = "token punctuation" > >< / span > < / span >
Community
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > translate< / span > < span class = "token punctuation" > >< / span > < / span >
< span class = "token tag" > < span class = "token tag" > < span class = "token punctuation" > < /< / span > a< / span > < span class = "token punctuation" > >< / span > < / span >
< / code > < / pre >
< p > Add the following require statement as well:< / p >
< pre > < code class = "hljs css language-js" > < span class = "hljs-keyword" > const< / span > translate = < span class = "hljs-built_in" > require< / span > (< span class = "hljs-string" > '../../server/translate.js'< / span > ).translate;
< / code > < / pre >
< p > Note that this path is valid for files inside < code > pages/en< / code > and should be adjusted accordingly if files are in different locations, as discussed < a href = "#page-require-paths" > above< / a > .< / p >
< h2 > < a class = "anchor" aria-hidden = "true" id = "using-static-assets" > < / a > < a href = "#using-static-assets" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > Using Static Assets< / h2 >
< p > Static assets should be placed into the < code > website/static< / code > directory. They can be accessed by their paths, excluding < code > static< / code > . For example, if the site's < code > baseUrl< / code > is < code > /docusaurus/< / code > , an image in < code > website/static/img/logo.png< / code > is available at < code > /docusaurus/img/logo.png< / code > .< / p >
< h2 > < a class = "anchor" aria-hidden = "true" id = "styles" > < / a > < a href = "#styles" aria-hidden = "true" class = "hash-link" > < svg class = "hash-link-icon" aria-hidden = "true" height = "16" version = "1.1" viewBox = "0 0 16 16" width = "16" > < path fill-rule = "evenodd" d = "M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z" > < / path > < / svg > < / a > Styles< / h2 >
< p > You should configure your site's primary, secondary, and code block colors using the < code > colors< / code > field in < code > siteConfig< / code > as specified < a href = "/docs/ro/site-config" > here< / a > . You can also configure other colors in the same way as described in the < code > siteConfig< / code > doc.< / p >
< p > You can provide your own custom styles by adding them anywhere in the < code > website/static< / code > directory. Any < code > .css< / code > files you provide in the < code > static< / code > directory will get concatenated to the end of Docusaurus' provided styles, allowing you to add to or override Docusaurus default styles as you wish.< / p >
< p > An easy way to figure out what classes you wish to override or add to is to < a href = "/docs/ro/commands" > start your server locally< / a > and use your browser's inspect element tool.< / p >
2018-12-02 01:13:22 -05:00
< / span > < / div > < / article > < / div > < div class = "docs-prevnext" > < a class = "docs-prev button" href = "/docs/ro/doc-markdown" > < span class = "arrow-prev" > ← < / span > < span > Markdown Features< / span > < / a > < a class = "docs-next button" href = "/docs/ro/site-config" > < span class = "function-name-prevnext" > siteConfig.js< / span > < span class = "arrow-next" > →< / span > < / a > < / div > < / div > < / div > < nav class = "onPageNav" > < ul class = "toc-headings" > < li > < a href = "#provided-props" > Provided Props< / a > < / li > < li > < a href = "#urls-for-pages" > URLs for Pages< / a > < / li > < li > < a href = "#titles-for-pages" > Titles for Pages< / a > < / li > < li > < a href = "#description-for-pages" > Description for Pages< / a > < / li > < li > < a href = "#page-require-paths" > Page Require Paths< / a > < / li > < li > < a href = "#provided-components" > Provided Components< / a > < ul class = "toc-headings" > < li > < a href = "#complibrarymarkdownblock" > < code > CompLibrary.MarkdownBlock< / code > < / a > < / li > < li > < a href = "#librăriecompcontainer" > < code > LibrărieComp.Container< / code > < / a > < / li > < li > < a href = "#librăriecompblocgrilă" > < code > LibrărieComp.BlocGrilă< / code > < / a > < / li > < / ul > < / li > < li > < a href = "#translating-strings" > Translating Strings< / a > < / li > < li > < a href = "#using-static-assets" > Using Static Assets< / a > < / li > < li > < a href = "#styles" > Styles< / a > < / li > < / ul > < / nav > < / div > < footer class = "nav-footer" id = "footer" > < section class = "sitemap" > < a href = "/" class = "nav-home" > < img src = "/img/docusaurus_monochrome.svg" alt = "Docusaurus" width = "66" height = "58" / > < / a > < div class = "footerSection" > < h5 > Docs< / h5 > < a href = "
2018-09-28 07:20:45 -04:00
/docs/ro/installation">Getting Started< / a > < a href = "
/docs/ro/versioning">Versioning< / a > < a href = "
/docs/ro/translation">Localization< / a > < a href = "
2019-02-06 18:12:49 -05:00
/docs/ro/search">Adding Search< / a > < / div > < div class = "footerSection" > < h5 > Community< / h5 > < a href = "/ro/users" > User Showcase< / a > < / div > < div class = "footerSection" > < h5 > Social< / h5 > < div class = "social" > < a class = "github-button" href = "https://github.com/facebook/Docusaurus" data-count-href = "https://github.com/facebook/Docusaurus/stargazers" data-show-count = "true" data-count-aria-label = "# stargazers on GitHub" aria-label = "Star this project on GitHub" > Docusaurus< / a > < / div > < div class = "social" > < a href = "https://twitter.com/docusaurus" class = "twitter-follow-button" > Follow @docusaurus< / a > < / div > < div class = "social" > < div class = "fb-like" data-href = "https://docusaurus.io" data-colorscheme = "dark" data-layout = "standard" data-share = "true" data-width = "225" data-show-faces = "false" > < / div > < / div > < / div > < / section > < a href = "https://opensource.facebook.com/" target = "_blank" rel = "noreferrer noopener" class = "fbOpenSource" > < img src = "/img/oss_logo.png" alt = "Facebook Open Source" width = "170" height = "45" / > < / a > < section class = "copyright" > < span > Copyright © 2019 Facebook Inc.< / span > < / section > < / footer > < / div > < script type = "text/javascript" src = "https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js" > < / script > < script > w i n d o w . f b A s y n c I n i t = f u n c t i o n ( ) { F B . i n i t ( { a p p I d : ' 1 9 9 1 3 8 8 9 0 7 2 8 4 1 1 ' , x f b m l : t r u e , v e r s i o n : ' v 2 . 7 ' } ) ; } ; ( f u n c t i o n ( d , s , i d ) { v a r j s , f j s = d . g e t E l e m e n t s B y T a g N a m e ( s ) [ 0 ] ; i f ( d . g e t E l e m e n t B y I d ( i d ) ) { r e t u r n ; } j s = d . c r e a t e E l e m e n t ( s ) ; j s . i d = i d ; j s . s r c = ' / / c o n n e c t . f a c e b o o k . n e t / e n _ U S / s d k . j s ' ; f j s . p a r e n t N o d e . i n s e r t B e f o r e ( j s , f j s ) ; } ( d o c u m e n t , ' s c r i p t ' , ' f a c e b o o k - j s s d k ' ) ) ;
2018-09-28 07:20:45 -04:00
< / script > < script > window . twttr = ( function ( d , s , id ) { var js , fjs = d . getElementsByTagName ( s ) [ 0 ] , t = window . twttr || { } ; if ( d . getElementById ( id ) ) return t ; js = d . createElement ( s ) ; js . id = id ; js . src = 'https://platform.twitter.com/widgets.js' ; fjs . parentNode . insertBefore ( js , fjs ) ; t . _e = [ ] ; t . ready = function ( f ) { t . _e . push ( f ) ; } ; return t ; } ( document , 'script' , 'twitter-wjs' ) ) ; < / script > < script >
2018-10-12 01:54:18 -04:00
document.addEventListener('keyup', function(e) {
if (e.target !== document.body) {
return;
}
// keyCode for '/' (slash)
if (e.keyCode === 191) {
const search = document.getElementById('search_input_react');
search & & search.focus();
}
});
< / script > < script >
2018-09-28 07:20:45 -04:00
var search = docsearch({
apiKey: '3eb9507824b8be89e7a199ecaa1a9d2c',
indexName: 'docusaurus',
inputSelector: '#search_input_react',
2019-01-29 01:30:29 -05:00
algoliaOptions: {"facetFilters":["language:ro","version:1.7.2"]}
2018-09-28 07:20:45 -04:00
});
< / script > < / body > < / html >
