<% const locale = env.locale; const text = mdn.localStringMap({ 'de': { 'Tutorials': 'Tutorials', 'Reference': 'Referenz', 'Elements': 'Elemente', 'Attributes': 'Attribute', 'Guides': 'Leitfäden', 'Introducing SVG from scratch': 'Einführung in SVG von Anfang an' }, 'en-US': { 'Tutorials': 'Tutorials', 'Reference': 'Reference', 'Elements': 'Elements', 'Attributes': 'Attributes', 'Guides': 'Guides', 'Introducing SVG from scratch': 'Introducing SVG from scratch' }, 'fr': { 'Tutorials': 'Tutoriels', 'Reference': 'Références', 'Elements': 'Éléments', 'Attributes': 'Attributs', 'Guides': 'Guides', }, 'ja': { 'Tutorials': 'チュートリアル', 'Reference': 'リファレンス', 'Elements': '要素', }, 'ko': { 'Tutorials': '자습서:', 'Reference': '참고서:', 'Elements': '요소', 'Attributes': '속성', 'Guides': '안내서:', }, 'pt-BR': { 'Tutorials': 'Tutoriais', 'Reference': 'Referências', 'Elements': 'Elementos', 'Attributes': 'Atributos', 'Guides': 'Guides', }, 'ru': { 'Tutorials': 'Уроки', 'Reference': 'Справочники', 'Elements': 'Элементы', 'Attributes': 'Aтрибуты', 'Guides': 'Путеводитель', }, 'zh-CN': { 'Tutorials': '教程', 'Reference': '参考', 'Elements': '元素', 'Attributes': '属性', 'Guides': '指南', 'Introducing SVG from scratch': '从零开始介绍 SVG' }, }); %>

1. <%-web.smartLink(`/${locale}/docs/Web/SVG`)%>
2. <%=text['Tutorials']%>
3. <%=text['Introducing SVG from scratch']%>

   1. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Introduction`)%>
   2. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Getting_Started`)%>
   3. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Positions`)%>
   4. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Basic_Shapes`)%>
   5. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Paths`)%>
   6. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Fills_and_Strokes`)%>
   7. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Gradients`)%>
   8. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Patterns`)%>
   9. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Texts`)%>
   10. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Basic_Transformations`)%>
   11. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Clipping_and_masking`)%>
   12. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Other_content_in_SVG`)%>
   13. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Filter_effects`)%>
   14. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/SVG_fonts`)%>
   15. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/SVG_Image_Tag`)%>
   16. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/Tools_for_SVG`)%>
   17. <%-web.smartLink(`/${locale}/docs/Web/SVG/Tutorial/SVG_and_CSS`)%>
4. <%=text['Reference']%>
5. <%=text['Elements']%>

   <%-await template("ListSubpagesForSidebar", ['/en-US/docs/Web/SVG/Element'])%>
6. <%=text['Attributes']%>

   <%-await template("ListSubpagesForSidebar", ['/en-US/docs/Web/SVG/Attribute'])%>
7. <%=text['Guides']%>
8. 1. <%-web.smartLink(`/${locale}/docs/Web/SVG/Applying_SVG_effects_to_HTML_content`)%>
   2. <%-web.smartLink(`/${locale}/docs/Web/SVG/Content_type`)%>
   3. <%-web.smartLink(`/${locale}/docs/Web/SVG/Namespaces_Crash_Course`)%>
   4. <%-web.smartLink(`/${locale}/docs/Web/SVG/SVG_animation_with_SMIL`)%>
   5. <%-web.smartLink(`/${locale}/docs/Web/SVG/SVG_as_an_Image`)%>