-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcustomization.html
executable file
·105 lines (105 loc) · 81.1 KB
/
customization.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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!doctype html><html lang=tr class=no-js> <head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta name=description content="Python çözümlemeleri"><meta name=author content="Ali İhsan Çanakoğlu"><link rel=canonical href=https://ferahfeza.github.io/Elektromanyetik-Teori/customization.html><link rel=icon href=assets/favicon.png><meta name=generator content="mkdocs-1.5.3, mkdocs-material-9.5.10"><title>Customization - Elektromanyetik Alan Teorisi</title><link rel=stylesheet href=assets/stylesheets/main.7e359304.min.css><link rel=stylesheet href=assets/stylesheets/palette.06af60db.min.css><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link rel=stylesheet href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback"><style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style><link rel=stylesheet href=assets/_markdown_exec_pyodide.css><link rel=stylesheet href=assets/_markdown_exec_ansi.css><link rel=stylesheet href=assets/css/custom.css><script>__md_scope=new URL(".",location),__md_hash=e=>[...e].reduce((e,_)=>(e<<5)-e+_.charCodeAt(0),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script><link rel=stylesheet href=assets/stylesheets/custom.00c04c01.min.css></head> <body dir=ltr data-md-color-scheme=default data-md-color-primary=indigo data-md-color-accent=indigo> <input class=md-toggle data-md-toggle=drawer type=checkbox id=__drawer autocomplete=off> <input class=md-toggle data-md-toggle=search type=checkbox id=__search autocomplete=off> <label class=md-overlay for=__drawer></label> <div data-md-component=skip> <a href=#customization class=md-skip> Ana içeriğe geç </a> </div> <div data-md-component=announce> </div> <header class=md-header data-md-component=header> <nav class="md-header__inner md-grid" aria-label=Başlık> <a href=index.html title="Elektromanyetik Alan Teorisi" class="md-header__button md-logo" aria-label="Elektromanyetik Alan Teorisi" data-md-component=logo> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 89 89"> <path d=M3.136,17.387l0,42.932l42.932,21.467l-42.932,-64.399Z /> <path d=M21.91,8l42.933,64.398l-18.775,9.388l-42.932,-64.399l18.774,-9.387Z style="fill-opacity: 0.5"/> <path d=M67.535,17.387l-27.262,18.156l21.878,32.818l5.384,2.691l0,-53.665Z /> <path d=M67.535,17.387l0,53.666l18.774,-9.388l0,-53.665l-18.774,9.387Z style="fill-opacity: 0.25"/> </svg> </a> <label class="md-header__button md-icon" for=__drawer> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></svg> </label> <div class=md-header__title data-md-component=header-title> <div class=md-header__ellipsis> <div class=md-header__topic> <span class=md-ellipsis> Elektromanyetik Alan Teorisi </span> </div> <div class=md-header__topic data-md-component=header-topic> <span class=md-ellipsis> Customization </span> </div> </div> </div> <form class=md-header__option data-md-component=palette> <input class=md-option data-md-color-media=(prefers-color-scheme) data-md-color-scheme=default data-md-color-primary=indigo data-md-color-accent=indigo aria-label="Switch to light mode" type=radio name=__palette id=__palette_0> <label class="md-header__button md-icon" title="Switch to light mode" for=__palette_1 hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7a5 5 0 0 0-5 5 5 5 0 0 0 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8v2m9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.71-1.39 3.1-3.1 3.1h-4V17h4a5 5 0 0 0 5-5 5 5 0 0 0-5-5Z"/></svg> </label> <input class=md-option data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme=default data-md-color-primary=indigo data-md-color-accent=indigo aria-label="Switch to dark mode" type=radio name=__palette id=__palette_1> <label class="md-header__button md-icon" title="Switch to dark mode" for=__palette_2 hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M17 7H7a5 5 0 0 0-5 5 5 5 0 0 0 5 5h10a5 5 0 0 0 5-5 5 5 0 0 0-5-5m0 8a3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3 3 3 0 0 1-3 3Z"/></svg> </label> <input class=md-option data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme=slate data-md-color-primary=black data-md-color-accent=indigo aria-label="Switch to system preference" type=radio name=__palette id=__palette_2> <label class="md-header__button md-icon" title="Switch to system preference" for=__palette_0 hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M17 7H7a5 5 0 0 0-5 5 5 5 0 0 0 5 5h10a5 5 0 0 0 5-5 5 5 0 0 0-5-5M7 15a3 3 0 0 1-3-3 3 3 0 0 1 3-3 3 3 0 0 1 3 3 3 3 0 0 1-3 3Z"/></svg> </label> </form> <script>var media,input,key,value,palette=__md_get("__palette");if(palette&&palette.color){"(prefers-color-scheme)"===palette.color.media&&(media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']"),palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent"));for([key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script> <label class="md-header__button md-icon" for=__search> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg> </label> <div class=md-search data-md-component=search role=dialog> <label class=md-search__overlay for=__search></label> <div class=md-search__inner role=search> <form class=md-search__form name=search> <input type=text class=md-search__input name=query aria-label=Ara placeholder=Ara autocapitalize=off autocorrect=off autocomplete=off spellcheck=false data-md-component=search-query required> <label class="md-search__icon md-icon" for=__search> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg> </label> <nav class=md-search__options aria-label=Ara> <a href=javascript:void(0) class="md-search__icon md-icon" title=Paylaş aria-label=Paylaş data-clipboard data-clipboard-text data-md-component=search-share tabindex=-1> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7 0-.24-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91 1.61 0 2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08Z"/></svg> </a> <button type=reset class="md-search__icon md-icon" title=Temizle aria-label=Temizle tabindex=-1> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg> </button> </nav> <div class=md-search__suggest data-md-component=search-suggest></div> </form> <div class=md-search__output> <div class=md-search__scrollwrap data-md-scrollfix> <div class=md-search-result data-md-component=search-result> <div class=md-search-result__meta> Arama başlatılıyor </div> <ol class=md-search-result__list role=presentation></ol> </div> </div> </div> </div> </div> <div class=md-header__source> <a href=https://github.com/ferahfeza/Elektromanyetik-Teori title="Depoya git" class=md-source data-md-component=source> <div class="md-source__icon md-icon"> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 448 512"><!-- Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg> </div> <div class=md-source__repository> Github </div> </a> </div> </nav> </header> <div class=md-container data-md-component=container> <nav class=md-tabs aria-label=Sekmeler data-md-component=tabs> <div class=md-grid> <ul class=md-tabs__list> <li class=md-tabs__item> <a href=index.html class=md-tabs__link> Ana Sayfa </a> </li> <li class=md-tabs__item> <a href=yuk.html class=md-tabs__link> Elektrostatik Alanlar </a> </li> <li class=md-tabs__item> <a href=setup/index.html class=md-tabs__link> Setup </a> </li> <li class=md-tabs__item> <a href=plugins/index.html class=md-tabs__link> Plugins </a> </li> <li class=md-tabs__item> <a href=reference/index.html class=md-tabs__link> Reference </a> </li> <li class=md-tabs__item> <a href=insiders/index.html class=md-tabs__link> Insiders </a> </li> <li class=md-tabs__item> <a href=blog/index.html class=md-tabs__link> Blog </a> </li> <li class=md-tabs__item> <a href=dersv/index.html class=md-tabs__link> Ders Videoları </a> </li> </ul> </div> </nav> <main class=md-main data-md-component=main> <div class="md-main__inner md-grid"> <div class="md-sidebar md-sidebar--primary" data-md-component=sidebar data-md-type=navigation> <div class=md-sidebar__scrollwrap> <div class=md-sidebar__inner> <nav class="md-nav md-nav--primary md-nav--lifted" aria-label=Navigasyon data-md-level=0> <label class=md-nav__title for=__drawer> <a href=index.html title="Elektromanyetik Alan Teorisi" class="md-nav__button md-logo" aria-label="Elektromanyetik Alan Teorisi" data-md-component=logo> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 89 89"> <path d=M3.136,17.387l0,42.932l42.932,21.467l-42.932,-64.399Z /> <path d=M21.91,8l42.933,64.398l-18.775,9.388l-42.932,-64.399l18.774,-9.387Z style="fill-opacity: 0.5"/> <path d=M67.535,17.387l-27.262,18.156l21.878,32.818l5.384,2.691l0,-53.665Z /> <path d=M67.535,17.387l0,53.666l18.774,-9.388l0,-53.665l-18.774,9.387Z style="fill-opacity: 0.25"/> </svg> </a> Elektromanyetik Alan Teorisi </label> <div class=md-nav__source> <a href=https://github.com/ferahfeza/Elektromanyetik-Teori title="Depoya git" class=md-source data-md-component=source> <div class="md-source__icon md-icon"> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 448 512"><!-- Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg> </div> <div class=md-source__repository> Github </div> </a> </div> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=index.html class=md-nav__link> <span class=md-ellipsis> Ana Sayfa </span> </a> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_2> <label class=md-nav__link for=__nav_2 id=__nav_2_label tabindex=0> <span class=md-ellipsis> Elektrostatik Alanlar </span> <span class="md-nav__icon md-icon"></span> </label> <nav class=md-nav data-md-level=1 aria-labelledby=__nav_2_label aria-expanded=false> <label class=md-nav__title for=__nav_2> <span class="md-nav__icon md-icon"></span> Elektrostatik Alanlar </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=yuk.html class=md-nav__link> <span class=md-ellipsis> Yük Kavramı </span> </a> </li> <li class=md-nav__item> <a href=coulomb.html class=md-nav__link> <span class=md-ellipsis> Coulomb Kanunu </span> </a> </li> <li class=md-nav__item> <a href=n-noktasal_yuk.html class=md-nav__link> <span class=md-ellipsis> n adet noktasal yük </span> </a> </li> <li class=md-nav__item> <a href=elek_alan.html class=md-nav__link> <span class=md-ellipsis> Elektrik Alan Şiddeti </span> </a> </li> <li class=md-nav__item> <a href=yuk_dagilim.html class=md-nav__link> <span class=md-ellipsis> Yük Dağılımları </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_3> <div class="md-nav__link md-nav__container"> <a href=setup/index.html class="md-nav__link "> <span class=md-ellipsis> Setup </span> </a> <label class="md-nav__link " for=__nav_3 id=__nav_3_label tabindex=0> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class=md-nav data-md-level=1 aria-labelledby=__nav_3_label aria-expanded=false> <label class=md-nav__title for=__nav_3> <span class="md-nav__icon md-icon"></span> Setup </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=setup/changing-the-colors.html class=md-nav__link> <span class=md-ellipsis> Changing the colors </span> </a> </li> <li class=md-nav__item> <a href=setup/changing-the-fonts.html class=md-nav__link> <span class=md-ellipsis> Changing the fonts </span> </a> </li> <li class=md-nav__item> <a href=setup/changing-the-language.html class=md-nav__link> <span class=md-ellipsis> Changing the language </span> </a> </li> <li class=md-nav__item> <a href=setup/changing-the-logo-and-icons.html class=md-nav__link> <span class=md-ellipsis> Changing the logo and icons </span> </a> </li> <li class=md-nav__item> <a href=setup/ensuring-data-privacy.html class=md-nav__link> <span class=md-ellipsis> Ensuring data privacy </span> </a> </li> <li class=md-nav__item> <a href=setup/setting-up-navigation.html class=md-nav__link> <span class=md-ellipsis> Setting up navigation </span> </a> </li> <li class=md-nav__item> <a href=setup/setting-up-site-search.html class=md-nav__link> <span class=md-ellipsis> Setting up site search </span> </a> </li> <li class=md-nav__item> <a href=setup/setting-up-site-analytics.html class=md-nav__link> <span class=md-ellipsis> Setting up site analytics </span> </a> </li> <li class=md-nav__item> <a href=setup/setting-up-social-cards.html class=md-nav__link> <span class=md-ellipsis> Setting up social cards </span> </a> </li> <li class=md-nav__item> <a href=setup/setting-up-a-blog.html class=md-nav__link> <span class=md-ellipsis> Setting up a blog </span> </a> </li> <li class=md-nav__item> <a href=setup/setting-up-tags.html class=md-nav__link> <span class=md-ellipsis> Setting up tags </span> </a> </li> <li class=md-nav__item> <a href=setup/setting-up-versioning.html class=md-nav__link> <span class=md-ellipsis> Setting up versioning </span> </a> </li> <li class=md-nav__item> <a href=setup/setting-up-the-header.html class=md-nav__link> <span class=md-ellipsis> Setting up the header </span> </a> </li> <li class=md-nav__item> <a href=setup/setting-up-the-footer.html class=md-nav__link> <span class=md-ellipsis> Setting up the footer </span> </a> </li> <li class=md-nav__item> <a href=setup/adding-a-git-repository.html class=md-nav__link> <span class=md-ellipsis> Adding a git repository </span> </a> </li> <li class=md-nav__item> <a href=setup/adding-a-comment-system.html class=md-nav__link> <span class=md-ellipsis> Adding a comment system </span> </a> </li> <li class=md-nav__item> <a href=setup/building-an-optimized-site.html class=md-nav__link> <span class=md-ellipsis> Building an optimized site </span> </a> </li> <li class=md-nav__item> <a href=setup/building-for-offline-usage.html class=md-nav__link> <span class=md-ellipsis> Building for offline usage </span> </a> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_3_20> <div class="md-nav__link md-nav__container"> <a href=setup/extensions/index.html class="md-nav__link "> <span class=md-ellipsis> Extensions </span> </a> <label class="md-nav__link " for=__nav_3_20 id=__nav_3_20_label tabindex=0> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class=md-nav data-md-level=2 aria-labelledby=__nav_3_20_label aria-expanded=false> <label class=md-nav__title for=__nav_3_20> <span class="md-nav__icon md-icon"></span> Extensions </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=setup/extensions/python-markdown.html class=md-nav__link> <span class=md-ellipsis> Python Markdown </span> </a> </li> <li class=md-nav__item> <a href=setup/extensions/python-markdown-extensions.html class=md-nav__link> <span class=md-ellipsis> Python Markdown Extensions </span> </a> </li> </ul> </nav> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_4> <div class="md-nav__link md-nav__container"> <a href=plugins/index.html class="md-nav__link "> <span class=md-ellipsis> Plugins </span> </a> <label class="md-nav__link " for=__nav_4 id=__nav_4_label tabindex=0> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class=md-nav data-md-level=1 aria-labelledby=__nav_4_label aria-expanded=false> <label class=md-nav__title for=__nav_4> <span class="md-nav__icon md-icon"></span> Plugins </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=plugins/blog.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M20 5v14H4V5h16m0-2H4c-1.11 0-2 .89-2 2v14c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2m-2 12H6v2h12v-2m-8-8H6v6h4V7m2 2h6V7h-6v2m6 2h-6v2h6v-2Z"/></svg> <span class=md-ellipsis> Blog </span> </a> </li> <li class=md-nav__item> <a href=plugins/group.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M5 5v14h2v2H3V3h4v2H5m15 2H7v2h13V7m0 4H7v2h13v-2m0 4H7v2h13v-2Z"/></svg> <span class=md-ellipsis> Group </span> </a> </li> <li class=md-nav__item> <a href=plugins/info.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"/></svg> <span class=md-ellipsis> Info </span> </a> </li> <li class=md-nav__item> <a href=plugins/meta.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M3 3h6v4H3V3m12 7h6v4h-6v-4m0 7h6v4h-6v-4m-2-4H7v5h6v2H5V9h2v2h6v2Z"/></svg> <span class=md-ellipsis> Meta </span> </a> </li> <li class=md-nav__item> <a href=plugins/offline.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M21.4 7.5c.8.8.8 2.1 0 2.8l-2.8 2.8-7.8-7.8 2.8-2.8c.8-.8 2.1-.8 2.8 0l1.8 1.8 3-3 1.4 1.4-3 3 1.8 1.8m-5.8 5.8-1.4-1.4-2.8 2.8-2.1-2.1 2.8-2.8-1.4-1.4-2.8 2.8-1.5-1.4-2.8 2.8c-.8.8-.8 2.1 0 2.8l1.8 1.8-4 4 1.4 1.4 4-4 1.8 1.8c.8.8 2.1.8 2.8 0l2.8-2.8-1.4-1.4 2.8-2.9Z"/></svg> <span class=md-ellipsis> Offline </span> </a> </li> <li class=md-nav__item> <a href=plugins/optimize.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="m18.05 21-2.73-4.74c0-1.73-1.07-2.84-2.37-2.84-.9 0-1.68.5-2.08 1.24.33-.19.72-.29 1.13-.29 1.3 0 2.36 1.06 2.36 2.36 0 1.31-1.05 2.38-2.36 2.38h3.3V21H6.79c-.24 0-.49-.09-.67-.28a.948.948 0 0 1 0-1.34l.5-.5c-.34-.15-.62-.38-.9-.62-.22.5-.72.85-1.3.85a1.425 1.425 0 0 1 0-2.85l.47.08v-1.97a4.73 4.73 0 0 1 4.74-4.74h.02c2.12.01 3.77.84 3.77-.47 0-.93.2-1.3.54-1.82-.73-.34-1.56-.55-2.43-.55-.53 0-.95-.42-.95-.95 0-.43.28-.79.67-.91l-.67-.04c-.52 0-.95-.42-.95-.94 0-.53.43-.95.95-.95h.95c2.1 0 3.94 1.15 4.93 2.85l.28-.01c.71 0 1.37.23 1.91.61l.45.38c2.17 1.95 1.9 3.27 1.9 3.28 0 1.28-1.06 2.33-2.35 2.33l-.49-.05v.08c0 1.11-.48 2.1-1.23 2.8L20.24 21h-2.19m.11-13.26c-.53 0-.95.42-.95.94 0 .53.42.95.95.95.52 0 .95-.42.95-.95 0-.52-.43-.94-.95-.94Z"/></svg> <span class=md-ellipsis> Optimize </span> </a> </li> <li class=md-nav__item> <a href=plugins/privacy.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4m0 4a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3m5.13 12A9.69 9.69 0 0 1 12 20.92 9.69 9.69 0 0 1 6.87 17c-.34-.5-.63-1-.87-1.53 0-1.65 2.71-3 6-3s6 1.32 6 3c-.24.53-.53 1.03-.87 1.53Z"/></svg> <span class=md-ellipsis> Privacy </span> </a> </li> <li class=md-nav__item> <a href=plugins/projects.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M19 20H4a2 2 0 0 1-2-2V6c0-1.11.89-2 2-2h6l2 2h7a2 2 0 0 1 2 2H4v10l2.14-8h17.07l-2.28 8.5c-.23.87-1.01 1.5-1.93 1.5Z"/></svg> <span class=md-ellipsis> Projects </span> </a> </li> <li class=md-nav__item> <a href=plugins/search.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg> <span class=md-ellipsis> Search </span> </a> </li> <li class=md-nav__item> <a href=plugins/social.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2m2 14v-3c-3.61 0-6.19 1.43-8 4 .72-3.67 2.94-7.27 8-8V6l5 5-5 5Z"/></svg> <span class=md-ellipsis> Social </span> </a> </li> <li class=md-nav__item> <a href=plugins/tags.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="m21.41 11.58-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.41l9 9A2 2 0 0 0 13 22a2 2 0 0 0 1.41-.59l7-7A2 2 0 0 0 22 13a2 2 0 0 0-.59-1.42M6.5 8A1.5 1.5 0 1 1 8 6.5 1.5 1.5 0 0 1 6.5 8m5.09 7.41-4-4L9 10l4 4m2.59.41-5.5-5.5L11.5 7.5 17 13Z"/></svg> <span class=md-ellipsis> Tags </span> </a> </li> <li class=md-nav__item> <a href=plugins/typeset.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M5 4v3h5.5v12h3V7H19V4H5Z"/></svg> <span class=md-ellipsis> Typeset </span> </a> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_4_14> <label class=md-nav__link for=__nav_4_14 id=__nav_4_14_label tabindex=0> <span class=md-ellipsis> Requirements </span> <span class="md-nav__icon md-icon"></span> </label> <nav class=md-nav data-md-level=2 aria-labelledby=__nav_4_14_label aria-expanded=false> <label class=md-nav__title for=__nav_4_14> <span class="md-nav__icon md-icon"></span> Requirements </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=plugins/requirements/image-processing.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13.18 19c.17.72.46 1.39.85 2H5a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v6.18c-.5-.11-1-.18-1.5-.18-.17 0-.33 0-.5.03V5H5v14h8.18m-1.97-3.17-1.96-2.36L6.5 17h6.53c.11-1.46.7-2.78 1.61-3.81l-.68-.9-2.75 3.54M19 13.5V12l-2.25 2.25L19 16.5V15a2.5 2.5 0 0 1 2.5 2.5c0 .4-.09.78-.26 1.12l1.09 1.09c.42-.63.67-1.39.67-2.21 0-2.21-1.79-4-4-4m0 6.5a2.5 2.5 0 0 1-2.5-2.5c0-.4.09-.78.26-1.12l-1.09-1.09c-.42.63-.67 1.39-.67 2.21 0 2.21 1.79 4 4 4V23l2.25-2.25L19 18.5V20Z"/></svg> <span class=md-ellipsis> Image processing </span> </a> </li> <li class=md-nav__item> <a href=plugins/requirements/caching.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M12 3C7.58 3 4 4.79 4 7v10c0 2.21 3.59 4 8 4s8-1.79 8-4V7c0-2.21-3.58-4-8-4m6 14c0 .5-2.13 2-6 2s-6-1.5-6-2v-2.23c1.61.78 3.72 1.23 6 1.23s4.39-.45 6-1.23V17m0-4.55c-1.3.95-3.58 1.55-6 1.55s-4.7-.6-6-1.55V9.64c1.47.83 3.61 1.36 6 1.36s4.53-.53 6-1.36v2.81M12 9C8.13 9 6 7.5 6 7s2.13-2 6-2 6 1.5 6 2-2.13 2-6 2Z"/></svg> <span class=md-ellipsis> Caching </span> </a> </li> </ul> </nav> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_5> <div class="md-nav__link md-nav__container"> <a href=reference/index.html class="md-nav__link "> <span class=md-ellipsis> Reference </span> </a> <label class="md-nav__link " for=__nav_5 id=__nav_5_label tabindex=0> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class=md-nav data-md-level=1 aria-labelledby=__nav_5_label aria-expanded=false> <label class=md-nav__title for=__nav_5> <span class="md-nav__icon md-icon"></span> Reference </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=reference/admonitions.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M12 2 1 21h22M12 6l7.53 13H4.47M11 10v4h2v-4m-2 6v2h2v-2"/></svg> <span class=md-ellipsis> Admonitions </span> </a> </li> <li class=md-nav__item> <a href=reference/annotations.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M17 13h-4v4h-2v-4H7v-2h4V7h2v4h4m-5-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2Z"/></svg> <span class=md-ellipsis> Annotations </span> </a> </li> <li class=md-nav__item> <a href=reference/buttons.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M18.1 15.3c-.1.1-.3.2-.4.3l-2.4.4 1.7 3.6c.2.4 0 .8-.4 1l-2.8 1.3c-.1.1-.2.1-.3.1-.3 0-.6-.2-.7-.4L11.2 18l-1.9 1.5c-.1.1-.3.2-.5.2-.4 0-.8-.3-.8-.8V7.5c0-.5.3-.8.8-.8.2 0 .4.1.5.2l8.7 7.4c.3.2.4.7.1 1M6 12H4V4h16v8h-1.6l2.2 1.9c.8-.3 1.3-1 1.3-1.9V4c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h2v-2Z"/></svg> <span class=md-ellipsis> Buttons </span> </a> </li> <li class=md-nav__item> <a href=reference/code-blocks.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M5 3h2v2H5v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5h2v2H5c-1.07-.27-2-.9-2-2v-4a2 2 0 0 0-2-2H0v-2h1a2 2 0 0 0 2-2V5a2 2 0 0 1 2-2m14 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5h-2V3h2m-7 12a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1Z"/></svg> <span class=md-ellipsis> Code blocks </span> </a> </li> <li class=md-nav__item> <a href=reference/content-tabs.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M21 3H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 16H3V5h10v4h8v10Z"/></svg> <span class=md-ellipsis> Content tabs </span> </a> </li> <li class=md-nav__item> <a href=reference/data-tables.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="m21.7 13.35-1 1-2.05-2.05 1-1c.21-.22.56-.22.77 0l1.28 1.28c.22.21.22.56 0 .77M12 18.94l6.07-6.06 2.05 2.05L14.06 21H12v-2.06M4 2h14a2 2 0 0 1 2 2v4.17L16.17 12H12v4.17L10.17 18H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m0 4v4h6V6H4m8 0v4h6V6h-6m-8 6v4h6v-4H4Z"/></svg> <span class=md-ellipsis> Data tables </span> </a> </li> <li class=md-nav__item> <a href=reference/diagrams.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M19.5 17c-.14 0-.26 0-.39.04L17.5 13.8c.45-.45.75-1.09.75-1.8a2.5 2.5 0 0 0-2.5-2.5c-.14 0-.25 0-.4.04L13.74 6.3c.47-.46.76-1.09.76-1.8a2.5 2.5 0 0 0-5 0c0 .7.29 1.34.76 1.79L8.65 9.54c-.15-.04-.26-.04-.4-.04a2.5 2.5 0 0 0-2.5 2.5c0 .71.29 1.34.75 1.79l-1.61 3.25C4.76 17 4.64 17 4.5 17a2.5 2.5 0 0 0 0 5A2.5 2.5 0 0 0 7 19.5c0-.7-.29-1.34-.76-1.79l1.62-3.25c.14.04.26.04.39.04s.25 0 .38-.04l1.63 3.25c-.47.45-.76 1.09-.76 1.79a2.5 2.5 0 0 0 5 0A2.5 2.5 0 0 0 12 17c-.13 0-.26 0-.39.04L10 13.8c.45-.45.75-1.09.75-1.8 0-.7-.29-1.33-.75-1.79l1.61-3.25c.13.04.26.04.39.04s.26 0 .39-.04L14 10.21a2.5 2.5 0 0 0 1.75 4.29c.13 0 .25 0 .38-.04l1.63 3.25c-.47.45-.76 1.09-.76 1.79a2.5 2.5 0 0 0 5 0 2.5 2.5 0 0 0-2.5-2.5m-15 3.5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1m8.5-1c0 .55-.45 1-1 1s-1-.45-1-1 .45-1 1-1 1 .45 1 1M7.25 12c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1M11 4.5c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1m3.75 7.5c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1m4.75 8.5c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Z"/></svg> <span class=md-ellipsis> Diagrams </span> </a> </li> <li class=md-nav__item> <a href=reference/footnotes.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="m13 9 2.5-2.5 1.42 1.42L12 12.84 7.08 7.92 8.5 6.5 11 9V3h2v6M3 15h18v2H3v-2m0 4h10v2H3v-2Z"/></svg> <span class=md-ellipsis> Footnotes </span> </a> </li> <li class=md-nav__item> <a href=reference/formatting.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M17 8h3v12h1v1h-4v-1h1v-3h-4l-1.5 3H14v1h-4v-1h1l6-12m1 1-3.5 7H18V9M5 3h5c1.11 0 2 .89 2 2v11H9v-5H6v5H3V5c0-1.11.89-2 2-2m1 2v4h3V5H6Z"/></svg> <span class=md-ellipsis> Formatting </span> </a> </li> <li class=md-nav__item> <a href=reference/grids.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13 3v8h8V3h-8M3 21h8v-8H3v8M3 3v8h8V3H3m10 13h3v-3h2v3h3v2h-3v3h-2v-3h-3v-2Z"/></svg> <span class=md-ellipsis> Grids </span> </a> </li> <li class=md-nav__item> <a href=reference/icons-emojis.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M20 12a8 8 0 0 0-8-8 8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8m2 0a10 10 0 0 1-10 10A10 10 0 0 1 2 12 10 10 0 0 1 12 2a10 10 0 0 1 10 10M10 9.5c0 .8-.7 1.5-1.5 1.5S7 10.3 7 9.5 7.7 8 8.5 8s1.5.7 1.5 1.5m7 0c0 .8-.7 1.5-1.5 1.5S14 10.3 14 9.5 14.7 8 15.5 8s1.5.7 1.5 1.5m-5 7.73c-1.75 0-3.29-.73-4.19-1.81L9.23 14c.45.72 1.52 1.23 2.77 1.23s2.32-.51 2.77-1.23l1.42 1.42c-.9 1.08-2.44 1.81-4.19 1.81Z"/></svg> <span class=md-ellipsis> Icons, Emojis </span> </a> </li> <li class=md-nav__item> <a href=reference/images.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M10 14.29 6.5 19h10.96l-2.71-3.54-1.97 2.34L10 14.29M5 21V7h13.96v14H5m7-18.6 2.61 2.63H9.37L12 2.4M5 5.03c-.5 0-1 .19-1.39.58C3.2 6 3 6.46 3 7v14c0 .5.2 1 .61 1.39C4 22.8 4.5 23 5 23h13.96c.54 0 1-.2 1.41-.61.4-.39.63-.89.63-1.39V7c0-.54-.23-1-.63-1.39-.41-.39-.87-.58-1.41-.58H16L12 1 7.96 5.03H5Z"/></svg> <span class=md-ellipsis> Images </span> </a> </li> <li class=md-nav__item> <a href=reference/lists.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M7 5h14v2H7V5m0 8v-2h14v2H7M4 4.5A1.5 1.5 0 0 1 5.5 6 1.5 1.5 0 0 1 4 7.5 1.5 1.5 0 0 1 2.5 6 1.5 1.5 0 0 1 4 4.5m0 6A1.5 1.5 0 0 1 5.5 12 1.5 1.5 0 0 1 4 13.5 1.5 1.5 0 0 1 2.5 12 1.5 1.5 0 0 1 4 10.5M7 19v-2h14v2H7m-3-2.5A1.5 1.5 0 0 1 5.5 18 1.5 1.5 0 0 1 4 19.5 1.5 1.5 0 0 1 2.5 18 1.5 1.5 0 0 1 4 16.5Z"/></svg> <span class=md-ellipsis> Lists </span> </a> </li> <li class=md-nav__item> <a href=reference/math.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M16 6c-1.64 0-3 1.36-3 3v12h2V9c0-.57.43-1 1-1h1c.57 0 1 .43 1 1v1c0 .57-.43 1-1 1h-1v2h1c.57 0 1 .43 1 1v1c0 .57-.43 1-1 1h-1v2h1c1.65 0 3-1.35 3-3v-1c0-.82-.41-1.54-1-2 .59-.46 1-1.18 1-2V9c0-1.64-1.35-3-3-3M7 9c-1.64 0-3 1.36-3 3v3c0 1.65 1.36 3 3 3h.7c.5 0 .95-.19 1.3-.5v.5h2V9H9v.5c-.35-.31-.8-.5-1.3-.5M7 11h1c.57 0 1 .43 1 1v3c0 .57-.43 1-1 1H7c-.57 0-1-.43-1-1v-3c0-.57.43-1 1-1Z"/></svg> <span class=md-ellipsis> Math </span> </a> </li> <li class=md-nav__item> <a href=reference/tooltips.html class=md-nav__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M4 2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4l-4 4-4-4H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m7 4v3H8v2h3v3h2v-3h3V9h-3V6h-2Z"/></svg> <span class=md-ellipsis> Tooltips </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_6> <div class="md-nav__link md-nav__container"> <a href=insiders/index.html class="md-nav__link "> <span class=md-ellipsis> Insiders </span> </a> <label class="md-nav__link " for=__nav_6 id=__nav_6_label tabindex=0> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class=md-nav data-md-level=1 aria-labelledby=__nav_6_label aria-expanded=false> <label class=md-nav__title for=__nav_6> <span class="md-nav__icon md-icon"></span> Insiders </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=insiders/getting-started.html class=md-nav__link> <span class=md-ellipsis> Getting started </span> </a> </li> <li class=md-nav__item> <a href=insiders/faq/sponsoring.html class=md-nav__link> <span class=md-ellipsis> FAQ </span> </a> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_6_4> <div class="md-nav__link md-nav__container"> <a href=insiders/changelog/index.html class="md-nav__link "> <span class=md-ellipsis> Changelog </span> </a> <label class="md-nav__link " for=__nav_6_4 id=__nav_6_4_label tabindex=0> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class=md-nav data-md-level=2 aria-labelledby=__nav_6_4_label aria-expanded=false> <label class=md-nav__title for=__nav_6_4> <span class="md-nav__icon md-icon"></span> Changelog </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=insiders/upgrade.html class=md-nav__link> <span class=md-ellipsis> How to upgrade </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_6_5> <div class="md-nav__link md-nav__container"> <a href=insiders/community-experts-program/index.html class="md-nav__link "> <span class=md-ellipsis> Community Experts Program </span> <span class="md-status md-status--new" title="Recently added"> </span> </a> </div> <nav class=md-nav data-md-level=2 aria-labelledby=__nav_6_5_label aria-expanded=false> <label class=md-nav__title for=__nav_6_5> <span class="md-nav__icon md-icon"></span> Community Experts Program </label> <ul class=md-nav__list data-md-scrollfix> </ul> </nav> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_7> <div class="md-nav__link md-nav__container"> <a href=blog/index.html class="md-nav__link "> <span class=md-ellipsis> Blog </span> </a> <label class="md-nav__link " for=__nav_7 id=__nav_7_label tabindex=0> <span class="md-nav__icon md-icon"></span> </label> </div> <nav class=md-nav data-md-level=1 aria-labelledby=__nav_7_label aria-expanded=false> <label class=md-nav__title for=__nav_7> <span class="md-nav__icon md-icon"></span> Blog </label> <ul class=md-nav__list data-md-scrollfix> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_7_2> <label class=md-nav__link for=__nav_7_2 id=__nav_7_2_label tabindex=0> <span class=md-ellipsis> Arşiv </span> <span class="md-nav__icon md-icon"></span> </label> <nav class=md-nav data-md-level=2 aria-labelledby=__nav_7_2_label aria-expanded=false> <label class=md-nav__title for=__nav_7_2> <span class="md-nav__icon md-icon"></span> Arşiv </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=blog/archive/2023.html class=md-nav__link> <span class=md-ellipsis> 2023 </span> </a> </li> <li class=md-nav__item> <a href=blog/archive/2022.html class=md-nav__link> <span class=md-ellipsis> 2022 </span> </a> </li> <li class=md-nav__item> <a href=blog/archive/2021.html class=md-nav__link> <span class=md-ellipsis> 2021 </span> </a> </li> </ul> </nav> </li> <li class="md-nav__item md-nav__item--nested"> <input class="md-nav__toggle md-toggle " type=checkbox id=__nav_7_3> <label class=md-nav__link for=__nav_7_3 id=__nav_7_3_label tabindex=0> <span class=md-ellipsis> Kategoriler </span> <span class="md-nav__icon md-icon"></span> </label> <nav class=md-nav data-md-level=2 aria-labelledby=__nav_7_3_label aria-expanded=false> <label class=md-nav__title for=__nav_7_3> <span class="md-nav__icon md-icon"></span> Kategoriler </label> <ul class=md-nav__list data-md-scrollfix> <li class=md-nav__item> <a href=blog/category/blog.html class=md-nav__link> <span class=md-ellipsis> Blog </span> </a> </li> <li class=md-nav__item> <a href=blog/category/build.html class=md-nav__link> <span class=md-ellipsis> Build </span> </a> </li> <li class=md-nav__item> <a href=blog/category/general.html class=md-nav__link> <span class=md-ellipsis> General </span> </a> </li> <li class=md-nav__item> <a href=blog/category/performance.html class=md-nav__link> <span class=md-ellipsis> Performance </span> </a> </li> <li class=md-nav__item> <a href=blog/category/search.html class=md-nav__link> <span class=md-ellipsis> Search </span> </a> </li> </ul> </nav> </li> </ul> </nav> </li> <li class=md-nav__item> <a href=dersv/index.html class=md-nav__link> <span class=md-ellipsis> Ders Videoları </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="md-sidebar md-sidebar--secondary" data-md-component=sidebar data-md-type=toc> <div class=md-sidebar__scrollwrap> <div class=md-sidebar__inner> <nav class="md-nav md-nav--secondary" aria-label=İçindekiler> <label class=md-nav__title for=__toc> <span class="md-nav__icon md-icon"></span> İçindekiler </label> <ul class=md-nav__list data-md-component=toc data-md-scrollfix> <li class=md-nav__item> <a href=#adding-assets class=md-nav__link> <span class=md-ellipsis> Adding assets </span> </a> <nav class=md-nav aria-label="Adding assets"> <ul class=md-nav__list> <li class=md-nav__item> <a href=#additional-css class=md-nav__link> <span class=md-ellipsis> Additional CSS </span> </a> </li> <li class=md-nav__item> <a href=#additional-javascript class=md-nav__link> <span class=md-ellipsis> Additional JavaScript </span> </a> </li> </ul> </nav> </li> <li class=md-nav__item> <a href=#extending-the-theme class=md-nav__link> <span class=md-ellipsis> Extending the theme </span> </a> <nav class=md-nav aria-label="Extending the theme"> <ul class=md-nav__list> <li class=md-nav__item> <a href=#setup-and-theme-structure class=md-nav__link> <span class=md-ellipsis> Setup and theme structure </span> </a> </li> <li class=md-nav__item> <a href=#overriding-partials class=md-nav__link> <span class=md-ellipsis> Overriding partials </span> </a> </li> <li class=md-nav__item> <a href=#overriding-blocks class=md-nav__link> <span class=md-ellipsis> Overriding blocks </span> </a> </li> </ul> </nav> </li> <li class=md-nav__item> <a href=#theme-development class=md-nav__link> <span class=md-ellipsis> Theme development </span> </a> <nav class=md-nav aria-label="Theme development"> <ul class=md-nav__list> <li class=md-nav__item> <a href=#environment-setup class=md-nav__link> <span class=md-ellipsis> Environment setup </span> </a> </li> <li class=md-nav__item> <a href=#development-mode class=md-nav__link> <span class=md-ellipsis> Development mode </span> </a> </li> <li class=md-nav__item> <a href=#building-the-theme class=md-nav__link> <span class=md-ellipsis> Building the theme </span> </a> </li> </ul> </nav> </li> </ul> </nav> </div> </div> </div> <div class=md-content data-md-component=content> <article class="md-content__inner md-typeset"> <a href=https://github.com/ferahfeza/Elektromanyetik-Teori/edit/master/docs/customization.md title=Düzenle class="md-content__button md-icon"> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M10 20H6V4h7v5h5v3.1l2-2V8l-6-6H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h4v-2m10.2-7c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2m0 3.9L14.1 23H12v-2.1l6.1-6.1 2.1 2.1Z"/></svg> </a> <a href=https://github.com/ferahfeza/Elektromanyetik-Teori/raw/master/docs/customization.md title="Sayfanın kaynağını görüntüle" class="md-content__button md-icon"> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M17 18c.56 0 1 .44 1 1s-.44 1-1 1-1-.44-1-1 .44-1 1-1m0-3c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4m0 6.5a2.5 2.5 0 0 1-2.5-2.5 2.5 2.5 0 0 1 2.5-2.5 2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5M9.27 20H6V4h7v5h5v4.07c.7.08 1.36.25 2 .49V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4.5a8.15 8.15 0 0 1-1.23-2Z"/></svg> </a> <h1 id=customization>Customization<a class=headerlink href=#customization title="Permanent link">¶</a></h1> <p>Project documentation is as diverse as the projects themselves and Material for MkDocs is a great starting point for making it look beautiful. However, as you write your documentation, you may reach a point where small adjustments are necessary to preserve your brand's style.</p> <h2 id=adding-assets>Adding assets<a class=headerlink href=#adding-assets title="Permanent link">¶</a></h2> <p><a href=https://www.mkdocs.org>MkDocs</a> provides several ways to customize a theme. In order to make a few small tweaks to Material for MkDocs, you can just add CSS and JavaScript files to the <code>docs</code> directory.</p> <h3 id=additional-css>Additional CSS<a class=headerlink href=#additional-css title="Permanent link">¶</a></h3> <p>If you want to tweak some colors or change the spacing of certain elements, you can do this in a separate style sheet. The easiest way is by creating a new style sheet file in the <code>docs</code> directory:</p> <div class="language-sh no-copy highlight"><pre><span></span><code><span id=__span-0-1><a id=__codelineno-0-1 name=__codelineno-0-1 href=#__codelineno-0-1></a>.
</span><span id=__span-0-2><a id=__codelineno-0-2 name=__codelineno-0-2 href=#__codelineno-0-2></a>├─<span class=w> </span>docs/
</span><span id=__span-0-3><a id=__codelineno-0-3 name=__codelineno-0-3 href=#__codelineno-0-3></a>│<span class=w> </span>└─<span class=w> </span>stylesheets/
</span><span id=__span-0-4><a id=__codelineno-0-4 name=__codelineno-0-4 href=#__codelineno-0-4></a>│<span class=w> </span>└─<span class=w> </span>extra.css
</span><span id=__span-0-5><a id=__codelineno-0-5 name=__codelineno-0-5 href=#__codelineno-0-5></a>└─<span class=w> </span>mkdocs.yml
</span></code></pre></div> <p>Then, add the following lines to <code>mkdocs.yml</code>:</p> <div class="language-yaml highlight"><pre><span></span><code><span id=__span-1-1><a id=__codelineno-1-1 name=__codelineno-1-1 href=#__codelineno-1-1></a><span class=nt>extra_css</span><span class=p>:</span>
</span><span id=__span-1-2><a id=__codelineno-1-2 name=__codelineno-1-2 href=#__codelineno-1-2></a><span class=w> </span><span class="p p-Indicator">-</span><span class=w> </span><span class="l l-Scalar l-Scalar-Plain">stylesheets/extra.css</span>
</span></code></pre></div> <h3 id=additional-javascript>Additional JavaScript<a class=headerlink href=#additional-javascript title="Permanent link">¶</a></h3> <p>If you want to integrate another syntax highlighter or add some custom logic to your theme, create a new JavaScript file in the <code>docs</code> directory:</p> <div class="language-sh no-copy highlight"><pre><span></span><code><span id=__span-2-1><a id=__codelineno-2-1 name=__codelineno-2-1 href=#__codelineno-2-1></a>.
</span><span id=__span-2-2><a id=__codelineno-2-2 name=__codelineno-2-2 href=#__codelineno-2-2></a>├─<span class=w> </span>docs/
</span><span id=__span-2-3><a id=__codelineno-2-3 name=__codelineno-2-3 href=#__codelineno-2-3></a>│<span class=w> </span>└─<span class=w> </span>javascripts/
</span><span id=__span-2-4><a id=__codelineno-2-4 name=__codelineno-2-4 href=#__codelineno-2-4></a>│<span class=w> </span>└─<span class=w> </span>extra.js
</span><span id=__span-2-5><a id=__codelineno-2-5 name=__codelineno-2-5 href=#__codelineno-2-5></a>└─<span class=w> </span>mkdocs.yml
</span></code></pre></div> <p>Then, add the following lines to <code>mkdocs.yml</code>:</p> <div class="language-yaml highlight"><pre><span></span><code><span id=__span-3-1><a id=__codelineno-3-1 name=__codelineno-3-1 href=#__codelineno-3-1></a><span class=nt>extra_javascript</span><span class=p>:</span>
</span><span id=__span-3-2><a id=__codelineno-3-2 name=__codelineno-3-2 href=#__codelineno-3-2></a><span class=w> </span><span class="p p-Indicator">-</span><span class=w> </span><span class="l l-Scalar l-Scalar-Plain">javascripts/extra.js</span>
</span></code></pre></div> <details class=tip> <summary>How to integrate with third-party JavaScript libraries</summary> <p>It is likely that you will want to run your JavaScript code only once the page has been fully loaded by the browser. This means installing a callback function subscribing to events on the <code>document$</code> observable exported by Material for MkDocs. Using the <code>document$</code> observable is particularly important if you are using <a href=setup/setting-up-navigation.html#instant-loading>instant loading</a> since it will not result in a page refresh in the browser - but subscribers on the observable will be notified.</p> <div class="language-javascript highlight"><pre><span></span><code><span id=__span-4-1><a id=__codelineno-4-1 name=__codelineno-4-1 href=#__codelineno-4-1></a><span class=nb>document</span><span class=nx>$</span><span class=p>.</span><span class=nx>subscribe</span><span class=p>(</span><span class=kd>function</span><span class=p>()</span><span class=w> </span><span class=p>{</span>
</span><span id=__span-4-2><a id=__codelineno-4-2 name=__codelineno-4-2 href=#__codelineno-4-2></a><span class=w> </span><span class=nx>console</span><span class=p>.</span><span class=nx>log</span><span class=p>(</span><span class=s2>"Initialize third-party libraries here"</span><span class=p>)</span>
</span><span id=__span-4-3><a id=__codelineno-4-3 name=__codelineno-4-3 href=#__codelineno-4-3></a><span class=p>})</span>
</span></code></pre></div> <p><code>document$</code> is an <a href=https://rxjs.dev/api/index/class/Observable>RxJS Observable</a> and you can call the <code>subscribe()</code> method any number of times to attach different functionality.</p> </details> <h2 id=extending-the-theme>Extending the theme<a class=headerlink href=#extending-the-theme title="Permanent link">¶</a></h2> <p>If you want to alter the HTML source (e.g. add or remove some parts), you can extend the theme. MkDocs supports <a href=https://www.mkdocs.org/user-guide/styling-your-docs/#using-the-theme-custom_dir>theme extension</a>, an easy way to override parts of Material for MkDocs without forking from git. This ensures that you can update to the latest version more easily.</p> <h3 id=setup-and-theme-structure>Setup and theme structure<a class=headerlink href=#setup-and-theme-structure title="Permanent link">¶</a></h3> <p>Enable Material for MkDocs as usual in <code>mkdocs.yml</code>, and create a new folder for <code>overrides</code> which you then reference using the <a href=https://www.mkdocs.org/user-guide/configuration/#custom_dir><code>custom_dir</code></a> setting:</p> <div class="language-yaml highlight"><pre><span></span><code><span id=__span-5-1><a id=__codelineno-5-1 name=__codelineno-5-1 href=#__codelineno-5-1></a><span class=nt>theme</span><span class=p>:</span>
</span><span id=__span-5-2><a id=__codelineno-5-2 name=__codelineno-5-2 href=#__codelineno-5-2></a><span class=w> </span><span class=nt>name</span><span class=p>:</span><span class=w> </span><span class="l l-Scalar l-Scalar-Plain">material</span>
</span><span id=__span-5-3><a id=__codelineno-5-3 name=__codelineno-5-3 href=#__codelineno-5-3></a><span class=w> </span><span class=nt>custom_dir</span><span class=p>:</span><span class=w> </span><span class="l l-Scalar l-Scalar-Plain">overrides</span>
</span></code></pre></div> <div class="admonition warning"> <p class=admonition-title>Theme extension prerequisites</p> <p>As the <a href=https://www.mkdocs.org/user-guide/configuration/#custom_dir><code>custom_dir</code></a> setting is used for the theme extension process, Material for MkDocs needs to be installed via <code>pip</code> and referenced with the <a href=https://www.mkdocs.org/user-guide/configuration/#name><code>name</code></a> setting in <code>mkdocs.yml</code>. It will not work when cloning from <code>git</code>.</p> </div> <p>The structure in the <code>overrides</code> directory must mirror the directory structure of the original theme, as any file in the <code>overrides</code> directory will replace the file with the same name which is part of the original theme. Besides, further assets may also be put in the <code>overrides</code> directory:</p> <div class="language-sh no-copy highlight"><pre><span></span><code><span id=__span-6-1><a id=__codelineno-6-1 name=__codelineno-6-1 href=#__codelineno-6-1></a>.
</span><span id=__span-6-2><a id=__codelineno-6-2 name=__codelineno-6-2 href=#__codelineno-6-2></a>├─<span class=w> </span>.icons/<span class=w> </span><span class=c1># Bundled icon sets</span>
</span><span id=__span-6-3><a id=__codelineno-6-3 name=__codelineno-6-3 href=#__codelineno-6-3></a>├─<span class=w> </span>assets/
</span><span id=__span-6-4><a id=__codelineno-6-4 name=__codelineno-6-4 href=#__codelineno-6-4></a>│<span class=w> </span>├─<span class=w> </span>images/<span class=w> </span><span class=c1># Images and icons</span>
</span><span id=__span-6-5><a id=__codelineno-6-5 name=__codelineno-6-5 href=#__codelineno-6-5></a>│<span class=w> </span>├─<span class=w> </span>javascripts/<span class=w> </span><span class=c1># JavaScript files</span>
</span><span id=__span-6-6><a id=__codelineno-6-6 name=__codelineno-6-6 href=#__codelineno-6-6></a>│<span class=w> </span>└─<span class=w> </span>stylesheets/<span class=w> </span><span class=c1># Style sheets</span>
</span><span id=__span-6-7><a id=__codelineno-6-7 name=__codelineno-6-7 href=#__codelineno-6-7></a>├─<span class=w> </span>partials/
</span><span id=__span-6-8><a id=__codelineno-6-8 name=__codelineno-6-8 href=#__codelineno-6-8></a>│<span class=w> </span>├─<span class=w> </span>integrations/<span class=w> </span><span class=c1># Third-party integrations</span>
</span><span id=__span-6-9><a id=__codelineno-6-9 name=__codelineno-6-9 href=#__codelineno-6-9></a>│<span class=w> </span>│<span class=w> </span>├─<span class=w> </span>analytics/<span class=w> </span><span class=c1># Analytics integrations</span>
</span><span id=__span-6-10><a id=__codelineno-6-10 name=__codelineno-6-10 href=#__codelineno-6-10></a>│<span class=w> </span>│<span class=w> </span>└─<span class=w> </span>analytics.html<span class=w> </span><span class=c1># Analytics setup</span>
</span><span id=__span-6-11><a id=__codelineno-6-11 name=__codelineno-6-11 href=#__codelineno-6-11></a>│<span class=w> </span>├─<span class=w> </span>languages/<span class=w> </span><span class=c1># Translation languages</span>
</span><span id=__span-6-12><a id=__codelineno-6-12 name=__codelineno-6-12 href=#__codelineno-6-12></a>│<span class=w> </span>├─<span class=w> </span>actions.html<span class=w> </span><span class=c1># Actions</span>
</span><span id=__span-6-13><a id=__codelineno-6-13 name=__codelineno-6-13 href=#__codelineno-6-13></a>│<span class=w> </span>├─<span class=w> </span>alternate.html<span class=w> </span><span class=c1># Site language selector</span>
</span><span id=__span-6-14><a id=__codelineno-6-14 name=__codelineno-6-14 href=#__codelineno-6-14></a>│<span class=w> </span>├─<span class=w> </span>comments.html<span class=w> </span><span class=c1># Comment system (empty by default)</span>
</span><span id=__span-6-15><a id=__codelineno-6-15 name=__codelineno-6-15 href=#__codelineno-6-15></a>│<span class=w> </span>├─<span class=w> </span>consent.html<span class=w> </span><span class=c1># Consent</span>
</span><span id=__span-6-16><a id=__codelineno-6-16 name=__codelineno-6-16 href=#__codelineno-6-16></a>│<span class=w> </span>├─<span class=w> </span>content.html<span class=w> </span><span class=c1># Page content</span>
</span><span id=__span-6-17><a id=__codelineno-6-17 name=__codelineno-6-17 href=#__codelineno-6-17></a>│<span class=w> </span>├─<span class=w> </span>copyright.html<span class=w> </span><span class=c1># Copyright and theme information</span>
</span><span id=__span-6-18><a id=__codelineno-6-18 name=__codelineno-6-18 href=#__codelineno-6-18></a>│<span class=w> </span>├─<span class=w> </span>feedback.html<span class=w> </span><span class=c1># Was this page helpful?</span>
</span><span id=__span-6-19><a id=__codelineno-6-19 name=__codelineno-6-19 href=#__codelineno-6-19></a>│<span class=w> </span>├─<span class=w> </span>footer.html<span class=w> </span><span class=c1># Footer bar</span>
</span><span id=__span-6-20><a id=__codelineno-6-20 name=__codelineno-6-20 href=#__codelineno-6-20></a>│<span class=w> </span>├─<span class=w> </span>header.html<span class=w> </span><span class=c1># Header bar</span>
</span><span id=__span-6-21><a id=__codelineno-6-21 name=__codelineno-6-21 href=#__codelineno-6-21></a>│<span class=w> </span>├─<span class=w> </span>icons.html<span class=w> </span><span class=c1># Custom icons</span>
</span><span id=__span-6-22><a id=__codelineno-6-22 name=__codelineno-6-22 href=#__codelineno-6-22></a>│<span class=w> </span>├─<span class=w> </span>language.html<span class=w> </span><span class=c1># Translation setup</span>
</span><span id=__span-6-23><a id=__codelineno-6-23 name=__codelineno-6-23 href=#__codelineno-6-23></a>│<span class=w> </span>├─<span class=w> </span>logo.html<span class=w> </span><span class=c1># Logo in header and sidebar</span>
</span><span id=__span-6-24><a id=__codelineno-6-24 name=__codelineno-6-24 href=#__codelineno-6-24></a>│<span class=w> </span>├─<span class=w> </span>nav.html<span class=w> </span><span class=c1># Main navigation</span>
</span><span id=__span-6-25><a id=__codelineno-6-25 name=__codelineno-6-25 href=#__codelineno-6-25></a>│<span class=w> </span>├─<span class=w> </span>nav-item.html<span class=w> </span><span class=c1># Main navigation item</span>
</span><span id=__span-6-26><a id=__codelineno-6-26 name=__codelineno-6-26 href=#__codelineno-6-26></a>│<span class=w> </span>├─<span class=w> </span>pagination.html<span class=w> </span><span class=c1># Pagination (used for blog)</span>
</span><span id=__span-6-27><a id=__codelineno-6-27 name=__codelineno-6-27 href=#__codelineno-6-27></a>│<span class=w> </span>├─<span class=w> </span>palette.html<span class=w> </span><span class=c1># Color palette toggle</span>
</span><span id=__span-6-28><a id=__codelineno-6-28 name=__codelineno-6-28 href=#__codelineno-6-28></a>│<span class=w> </span>├─<span class=w> </span>post.html<span class=w> </span><span class=c1># Blog post excerpt</span>
</span><span id=__span-6-29><a id=__codelineno-6-29 name=__codelineno-6-29 href=#__codelineno-6-29></a>│<span class=w> </span>├─<span class=w> </span>progress.html<span class=w> </span><span class=c1># Progress indicator</span>
</span><span id=__span-6-30><a id=__codelineno-6-30 name=__codelineno-6-30 href=#__codelineno-6-30></a>│<span class=w> </span>├─<span class=w> </span>search.html<span class=w> </span><span class=c1># Search interface</span>
</span><span id=__span-6-31><a id=__codelineno-6-31 name=__codelineno-6-31 href=#__codelineno-6-31></a>│<span class=w> </span>├─<span class=w> </span>social.html<span class=w> </span><span class=c1># Social links</span>
</span><span id=__span-6-32><a id=__codelineno-6-32 name=__codelineno-6-32 href=#__codelineno-6-32></a>│<span class=w> </span>├─<span class=w> </span>source.html<span class=w> </span><span class=c1># Repository information</span>
</span><span id=__span-6-33><a id=__codelineno-6-33 name=__codelineno-6-33 href=#__codelineno-6-33></a>│<span class=w> </span>├─<span class=w> </span>source-file.html<span class=w> </span><span class=c1># Source file information</span>
</span><span id=__span-6-34><a id=__codelineno-6-34 name=__codelineno-6-34 href=#__codelineno-6-34></a>│<span class=w> </span>├─<span class=w> </span>tabs.html<span class=w> </span><span class=c1># Tabs navigation</span>
</span><span id=__span-6-35><a id=__codelineno-6-35 name=__codelineno-6-35 href=#__codelineno-6-35></a>│<span class=w> </span>├─<span class=w> </span>tabs-item.html<span class=w> </span><span class=c1># Tabs navigation item</span>
</span><span id=__span-6-36><a id=__codelineno-6-36 name=__codelineno-6-36 href=#__codelineno-6-36></a>│<span class=w> </span>├─<span class=w> </span>tags.html<span class=w> </span><span class=c1># Tags</span>
</span><span id=__span-6-37><a id=__codelineno-6-37 name=__codelineno-6-37 href=#__codelineno-6-37></a>│<span class=w> </span>├─<span class=w> </span>toc.html<span class=w> </span><span class=c1># Table of contents</span>
</span><span id=__span-6-38><a id=__codelineno-6-38 name=__codelineno-6-38 href=#__codelineno-6-38></a>│<span class=w> </span>├─<span class=w> </span>toc-item.html<span class=w> </span><span class=c1># Table of contents item</span>
</span><span id=__span-6-39><a id=__codelineno-6-39 name=__codelineno-6-39 href=#__codelineno-6-39></a>│<span class=w> </span>└─<span class=w> </span>top.html<span class=w> </span><span class=c1># Back-to-top button</span>
</span><span id=__span-6-40><a id=__codelineno-6-40 name=__codelineno-6-40 href=#__codelineno-6-40></a>├─<span class=w> </span><span class=m>404</span>.html<span class=w> </span><span class=c1># 404 error page</span>
</span><span id=__span-6-41><a id=__codelineno-6-41 name=__codelineno-6-41 href=#__codelineno-6-41></a>├─<span class=w> </span>base.html<span class=w> </span><span class=c1># Base template</span>
</span><span id=__span-6-42><a id=__codelineno-6-42 name=__codelineno-6-42 href=#__codelineno-6-42></a>├─<span class=w> </span>blog.html<span class=w> </span><span class=c1># Blog index page</span>
</span><span id=__span-6-43><a id=__codelineno-6-43 name=__codelineno-6-43 href=#__codelineno-6-43></a>├─<span class=w> </span>blog-archive.html<span class=w> </span><span class=c1># Blog archive index page</span>
</span><span id=__span-6-44><a id=__codelineno-6-44 name=__codelineno-6-44 href=#__codelineno-6-44></a>├─<span class=w> </span>blog-category.html<span class=w> </span><span class=c1># Blog category index page</span>
</span><span id=__span-6-45><a id=__codelineno-6-45 name=__codelineno-6-45 href=#__codelineno-6-45></a>├─<span class=w> </span>blog-post.html<span class=w> </span><span class=c1># Blog post page</span>
</span><span id=__span-6-46><a id=__codelineno-6-46 name=__codelineno-6-46 href=#__codelineno-6-46></a>└─<span class=w> </span>main.html<span class=w> </span><span class=c1># Default page</span>
</span></code></pre></div> <h3 id=overriding-partials>Overriding partials<a class=headerlink href=#overriding-partials title="Permanent link">¶</a></h3> <p>In order to override a partial, we can replace it with a file of the same name and location in the <code>overrides</code> directory. For example, to replace the original <code>footer.html</code> partial, create a new <code>footer.html</code> partial in the <code>overrides</code> directory:</p> <div class="language-sh no-copy highlight"><pre><span></span><code><span id=__span-7-1><a id=__codelineno-7-1 name=__codelineno-7-1 href=#__codelineno-7-1></a>.
</span><span id=__span-7-2><a id=__codelineno-7-2 name=__codelineno-7-2 href=#__codelineno-7-2></a>├─<span class=w> </span>overrides/
</span><span id=__span-7-3><a id=__codelineno-7-3 name=__codelineno-7-3 href=#__codelineno-7-3></a>│<span class=w> </span>└─<span class=w> </span>partials/
</span><span id=__span-7-4><a id=__codelineno-7-4 name=__codelineno-7-4 href=#__codelineno-7-4></a>│<span class=w> </span>└─<span class=w> </span>footer.html
</span><span id=__span-7-5><a id=__codelineno-7-5 name=__codelineno-7-5 href=#__codelineno-7-5></a>└─<span class=w> </span>mkdocs.yml
</span></code></pre></div> <p>MkDocs will now use the new partial when rendering the theme. This can be done with any file.</p> <h3 id=overriding-blocks>Overriding blocks <small>recommended</small><a class=headerlink href=#overriding-blocks title="Permanent link">¶</a></h3> <p>Besides overriding partials, it's also possible to override (and extend) template blocks, which are defined inside the templates and wrap specific features. In order to set up block overrides, create a <code>main.html</code> file inside the <code>overrides</code> directory:</p> <div class="language-sh no-copy highlight"><pre><span></span><code><span id=__span-8-1><a id=__codelineno-8-1 name=__codelineno-8-1 href=#__codelineno-8-1></a>.
</span><span id=__span-8-2><a id=__codelineno-8-2 name=__codelineno-8-2 href=#__codelineno-8-2></a>├─<span class=w> </span>overrides/
</span><span id=__span-8-3><a id=__codelineno-8-3 name=__codelineno-8-3 href=#__codelineno-8-3></a>│<span class=w> </span>└─<span class=w> </span>main.html
</span><span id=__span-8-4><a id=__codelineno-8-4 name=__codelineno-8-4 href=#__codelineno-8-4></a>└─<span class=w> </span>mkdocs.yml
</span></code></pre></div> <p>Then, e.g. to override the site title, add the following lines to <code>main.html</code>:</p> <div class="language-html highlight"><pre><span></span><code><span id=__span-9-1><a id=__codelineno-9-1 name=__codelineno-9-1 href=#__codelineno-9-1></a>{% extends "base.html" %}
</span><span id=__span-9-2><a id=__codelineno-9-2 name=__codelineno-9-2 href=#__codelineno-9-2></a>
</span><span id=__span-9-3><a id=__codelineno-9-3 name=__codelineno-9-3 href=#__codelineno-9-3></a>{% block htmltitle %}
</span><span id=__span-9-4><a id=__codelineno-9-4 name=__codelineno-9-4 href=#__codelineno-9-4></a> <span class=p><</span><span class=nt>title</span><span class=p>></span>Lorem ipsum dolor sit amet<span class=p></</span><span class=nt>title</span><span class=p>></span>
</span><span id=__span-9-5><a id=__codelineno-9-5 name=__codelineno-9-5 href=#__codelineno-9-5></a>{% endblock %}
</span></code></pre></div> <p>If you intend to <strong>add</strong> something to a block rather than to replace it altogether with new content, use <code>{{ super() }}</code> inside the block to include the original block content. This is particularly useful when adding third-party scripts to your docs, e.g.</p> <div class="language-html highlight"><pre><span></span><code><span id=__span-10-1><a id=__codelineno-10-1 name=__codelineno-10-1 href=#__codelineno-10-1></a>{% extends "base.html" %}
</span><span id=__span-10-2><a id=__codelineno-10-2 name=__codelineno-10-2 href=#__codelineno-10-2></a>
</span><span id=__span-10-3><a id=__codelineno-10-3 name=__codelineno-10-3 href=#__codelineno-10-3></a>{% block scripts %}
</span><span id=__span-10-4><a id=__codelineno-10-4 name=__codelineno-10-4 href=#__codelineno-10-4></a> <span class=cm><!-- Add scripts that need to run before here --></span>
</span><span id=__span-10-5><a id=__codelineno-10-5 name=__codelineno-10-5 href=#__codelineno-10-5></a> {{ super() }}
</span><span id=__span-10-6><a id=__codelineno-10-6 name=__codelineno-10-6 href=#__codelineno-10-6></a> <span class=cm><!-- Add scripts that need to run afterwards here --></span>
</span><span id=__span-10-7><a id=__codelineno-10-7 name=__codelineno-10-7 href=#__codelineno-10-7></a>{% endblock %}
</span></code></pre></div> <p>The following template blocks are provided by the theme:</p> <table> <thead> <tr> <th style="text-align: left;">Block name</th> <th style="text-align: left;">Purpose</th> </tr> </thead> <tbody> <tr> <td style="text-align: left;"><code>analytics</code></td> <td style="text-align: left;">Wraps the Google Analytics integration</td> </tr> <tr> <td style="text-align: left;"><code>announce</code></td> <td style="text-align: left;">Wraps the announcement bar</td> </tr> <tr> <td style="text-align: left;"><code>config</code></td> <td style="text-align: left;">Wraps the JavaScript application config</td> </tr> <tr> <td style="text-align: left;"><code>container</code></td> <td style="text-align: left;">Wraps the main content container</td> </tr> <tr> <td style="text-align: left;"><code>content</code></td> <td style="text-align: left;">Wraps the main content</td> </tr> <tr> <td style="text-align: left;"><code>extrahead</code></td> <td style="text-align: left;">Empty block to add custom meta tags</td> </tr> <tr> <td style="text-align: left;"><code>fonts</code></td> <td style="text-align: left;">Wraps the font definitions</td> </tr> <tr> <td style="text-align: left;"><code>footer</code></td> <td style="text-align: left;">Wraps the footer with navigation and copyright</td> </tr> <tr> <td style="text-align: left;"><code>header</code></td> <td style="text-align: left;">Wraps the fixed header bar</td> </tr> <tr> <td style="text-align: left;"><code>hero</code></td> <td style="text-align: left;">Wraps the hero teaser (if available)</td> </tr> <tr> <td style="text-align: left;"><code>htmltitle</code></td> <td style="text-align: left;">Wraps the <code><title></code> tag</td> </tr> <tr> <td style="text-align: left;"><code>libs</code></td> <td style="text-align: left;">Wraps the JavaScript libraries (header)</td> </tr> <tr> <td style="text-align: left;"><code>outdated</code></td> <td style="text-align: left;">Wraps the version warning</td> </tr> <tr> <td style="text-align: left;"><code>scripts</code></td> <td style="text-align: left;">Wraps the JavaScript application (footer)</td> </tr> <tr> <td style="text-align: left;"><code>site_meta</code></td> <td style="text-align: left;">Wraps the meta tags in the document head</td> </tr> <tr> <td style="text-align: left;"><code>site_nav</code></td> <td style="text-align: left;">Wraps the site navigation and table of contents</td> </tr> <tr> <td style="text-align: left;"><code>styles</code></td> <td style="text-align: left;">Wraps the style sheets (also extra sources)</td> </tr> <tr> <td style="text-align: left;"><code>tabs</code></td> <td style="text-align: left;">Wraps the tabs navigation (if available)</td> </tr> </tbody> </table> <h2 id=theme-development>Theme development<a class=headerlink href=#theme-development title="Permanent link">¶</a></h2> <p>Material for MkDocs is built on top of <a href=https://www.typescriptlang.org/ >TypeScript</a>, <a href=https://github.com/ReactiveX/rxjs>RxJS</a> and <a href=https://sass-lang.com>SASS</a>, and uses a lean, custom build process to put everything together.<sup id=fnref:1><a class=footnote-ref href=#fn:1>1</a></sup> If you want to make more fundamental changes, it may be necessary to make the adjustments directly in the source of the theme and recompile it.</p> <h3 id=environment-setup>Environment setup<a class=headerlink href=#environment-setup title="Permanent link">¶</a></h3> <p>First, clone the repository for the edition you want to work on. If you want to clone the Insiders repository, you need to become a sponsor first to gain access.</p> <div class="tabbed-set tabbed-alternate" data-tabs=1:2><input checked=checked id=environment-setup-material-for-mkdocs name=__tabbed_1 type=radio><input id=environment-setup-insiders name=__tabbed_1 type=radio><div class=tabbed-labels><label for=environment-setup-material-for-mkdocs>Material for MkDocs</label><label for=environment-setup-insiders>Insiders</label></div> <div class=tabbed-content> <div class=tabbed-block> <div class="language-text highlight"><pre><span></span><code><span id=__span-11-1><a id=__codelineno-11-1 name=__codelineno-11-1 href=#__codelineno-11-1></a>git clone https://github.com/squidfunk/mkdocs-material
</span><span id=__span-11-2><a id=__codelineno-11-2 name=__codelineno-11-2 href=#__codelineno-11-2></a>cd mkdocs-material
</span></code></pre></div> </div> <div class=tabbed-block> <p>You will need to have a GitHub access token <a href=insiders/getting-started.html#requirements>as described in the Insiders documentation</a> and make it available in the <code>$GH_TOKEN</code> variable.</p> <div class="language-sh highlight"><pre><span></span><code><span id=__span-12-1><a id=__codelineno-12-1 name=__codelineno-12-1 href=#__codelineno-12-1></a>git<span class=w> </span>clone<span class=w> </span>https://<span class=si>${</span><span class=nv>GH_TOKEN</span><span class=si>}</span>@github.com/squidfunk/mkdocs-material-insiders.git<span class=w> </span><span class=c1># (1)!</span>
</span></code></pre></div> <ol> <li> <p>If you are using SSH keys for authenticating with GitHub, you can clone Insiders with this command:</p> <div class="language-text highlight"><pre><span></span><code><span id=__span-13-1><a id=__codelineno-13-1 name=__codelineno-13-1 href=#__codelineno-13-1></a>git clone git@github.com:squidfunk/mkdocs-material-insiders.git
</span></code></pre></div> </li> </ol> </div> </div> </div> <p>Next, create a new <a href=https://docs.python.org/3/library/venv.html>Python virtual environment</a> and <a href=https://docs.python.org/3/library/venv.html#how-venvs-work>activate</a> it:</p> <div class="language-text highlight"><pre><span></span><code><span id=__span-14-1><a id=__codelineno-14-1 name=__codelineno-14-1 href=#__codelineno-14-1></a>python -m venv venv
</span><span id=__span-14-2><a id=__codelineno-14-2 name=__codelineno-14-2 href=#__codelineno-14-2></a>source venv/bin/activate
</span></code></pre></div> <div class="admonition note"> <p class=admonition-title>Ensure pip always runs in a virtual environment</p> <p>If you set the environment variable <code>PIP_REQUIRE_VIRTUALENV</code> to <code>true</code>, <code>pip</code> will refuse to install anything outside a virtual environment. Forgetting to activate a <code>venv</code> can be very annoying as it will install all sorts of things outside virtual environments over time, possibly leading to further errors. So, you may want to add this to your <code>.bashrc</code> or <code>.zshrc</code> and re-start your shell:</p> <div class="language-text highlight"><pre><span></span><code><span id=__span-15-1><a id=__codelineno-15-1 name=__codelineno-15-1 href=#__codelineno-15-1></a>export PIP_REQUIRE_VIRTUALENV=true
</span></code></pre></div> </div> <p>Then, install all Python dependencies:</p> <div class="tabbed-set tabbed-alternate" data-tabs=2:2><input checked=checked id=environment-setup-material-for-mkdocs_1 name=__tabbed_2 type=radio><input id=environment-setup-insiders_1 name=__tabbed_2 type=radio><div class=tabbed-labels><label for=environment-setup-material-for-mkdocs_1>Material for MkDocs</label><label for=environment-setup-insiders_1>Insiders</label></div> <div class=tabbed-content> <div class=tabbed-block> <div class="language-text highlight"><pre><span></span><code><span id=__span-16-1><a id=__codelineno-16-1 name=__codelineno-16-1 href=#__codelineno-16-1></a>pip install -e ".[recommended]"
</span><span id=__span-16-2><a id=__codelineno-16-2 name=__codelineno-16-2 href=#__codelineno-16-2></a>pip install nodeenv
</span></code></pre></div> </div> <div class=tabbed-block> <div class="language-text highlight"><pre><span></span><code><span id=__span-17-1><a id=__codelineno-17-1 name=__codelineno-17-1 href=#__codelineno-17-1></a>pip install -e ".[recommended, imaging]"
</span><span id=__span-17-2><a id=__codelineno-17-2 name=__codelineno-17-2 href=#__codelineno-17-2></a>pip install nodeenv
</span></code></pre></div> <p>In addition, you will need to install the <code>cairo</code> and <code>pngquant</code> libraries in your system, as described in the <a href=plugins/requirements/image-processing.html>image processing</a> requirements guide.</p> </div> </div> </div> <p>Finally, install the <a href=https://nodejs.org>Node.js</a> LTS version into the Python virtual environment and install all Node.js dependencies:</p> <div class="language-text highlight"><pre><span></span><code><span id=__span-18-1><a id=__codelineno-18-1 name=__codelineno-18-1 href=#__codelineno-18-1></a>nodeenv -p -n lts
</span><span id=__span-18-2><a id=__codelineno-18-2 name=__codelineno-18-2 href=#__codelineno-18-2></a>npm install
</span></code></pre></div> <h3 id=development-mode>Development mode<a class=headerlink href=#development-mode title="Permanent link">¶</a></h3> <p>Start the watcher with:</p> <div class="language-text highlight"><pre><span></span><code><span id=__span-19-1><a id=__codelineno-19-1 name=__codelineno-19-1 href=#__codelineno-19-1></a>npm start
</span></code></pre></div> <p>Then, in a second terminal window, start the MkDocs live preview server with:</p> <div class="language-text highlight"><pre><span></span><code><span id=__span-20-1><a id=__codelineno-20-1 name=__codelineno-20-1 href=#__codelineno-20-1></a>mkdocs serve --watch-theme
</span></code></pre></div> <p>Point your browser to <a href=http://localhost:8000>localhost:8000</a> and you should see this very documentation in front of you.</p> <div class="admonition warning"> <p class=admonition-title>Automatically generated files</p> <p>Never make any changes in the <code>material</code> directory, as the contents of this directory are automatically generated from the <code>src</code> directory and will be overwritten when the theme is built.</p> </div> <h3 id=building-the-theme>Building the theme<a class=headerlink href=#building-the-theme title="Permanent link">¶</a></h3> <p>When you're finished making your changes, you can build the theme by invoking:</p> <div class="language-sh highlight"><pre><span></span><code><span id=__span-21-1><a id=__codelineno-21-1 name=__codelineno-21-1 href=#__codelineno-21-1></a>npm<span class=w> </span>run<span class=w> </span>build<span class=w> </span><span class=c1># (1)!</span>
</span></code></pre></div> <ol> <li> <p>While this command will build all theme files, it will skip the overrides used in Material for MkDocs' own documentation which are not distributed with the theme. If you forked the theme and want to build the overrides as well, e.g. before submitting a PR with changes, use:</p> <div class="language-text highlight"><pre><span></span><code><span id=__span-22-1><a id=__codelineno-22-1 name=__codelineno-22-1 href=#__codelineno-22-1></a>npm run build:all
</span></code></pre></div> <p>This will take longer, as now the icon search index, schema files, as well as additional style sheet and JavaScript files are built.</p> </li> </ol> <p>This triggers the production-level compilation and minification of all style sheets and JavaScript files. After the command exits, the compiled files are located in the <code>material</code> directory. When running <code>mkdocs build</code>, you should now see your changes to the original theme.</p> <div class=footnote> <hr> <ol> <li id=fn:1> <p>Prior to <span class=mdx-badge><span class=mdx-badge__icon><a href=conventions.html#version title="Minimum version"><span class=twemoji><svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="m21.41 11.58-9-9A2 2 0 0 0 11 2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 .59 1.42l9 9A2 2 0 0 0 13 22a2 2 0 0 0 1.41-.59l7-7A2 2 0 0 0 22 13a2 2 0 0 0-.59-1.42M13 20l-9-9V4h7l9 9M6.5 5A1.5 1.5 0 1 1 5 6.5 1.5 1.5 0 0 1 6.5 5Z"/></svg></span></a></span><span class=mdx-badge__text><a href=changelog/index.html#7.0.0>7.0.0</a></span></span> the build was based on Webpack, resulting in occasional broken builds due to incompatibilities with loaders and plugins. Therefore, we decided to swap Webpack for a leaner solution which is now based on <a href=https://github.com/ReactiveX/rxjs>RxJS</a> as the application itself. This allowed for the pruning of more than 500 dependencies (~30% less). <a class=footnote-backref href=#fnref:1 title="Jump back to footnote 1 in the text">↩</a></p> </li> </ol> </div> </article> </div> <script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script> </div> <button type=button class="md-top md-icon" data-md-component=top hidden> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg> Başa dön </button> </main> <footer class=md-footer> <div class="md-footer-meta md-typeset"> <div class="md-footer-meta__inner md-grid"> <div class=md-copyright> <div class=md-copyright__highlight> Copyright © 2024 Ali İhsan Çanakoğlu </div> Made with <a href=https://squidfunk.github.io/mkdocs-material/ target=_blank rel=noopener> Material for MkDocs </a> </div> <div class=md-social> <a href=https://github.com/ferahfeza target=_blank rel=noopener title=github.com class=md-social__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 496 512"><!-- Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg> </a> <a href=https://twitter.com/ihsancanakoglu target=_blank rel=noopener title=twitter.com class=md-social__link> <svg xmlns=http://www.w3.org/2000/svg viewbox="0 0 512 512"><!-- Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc.--><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg> </a> </div> </div> </div> </footer> </div> <div class=md-dialog data-md-component=dialog> <div class="md-dialog__inner md-typeset"></div> </div> <script id=__config type=application/json>{"base": ".", "features": ["announce.dismiss", "content.action.edit", "content.action.view", "content.code.annotate", "content.code.copy", "content.tooltips", "navigation.footer", "navigation.indexes", "navigation.sections", "navigation.tabs", "navigation.top", "navigation.tracking", "search.highlight", "search.share", "search.suggest", "toc.follow"], "search": "assets/javascripts/workers/search.b8dbb3d2.min.js", "translations": {"clipboard.copied": "Kopyaland\u0131", "clipboard.copy": "Kopyala", "search.result.more.one": "Bu sayfada 1 tane daha", "search.result.more.other": "Bu sayfada # tane daha", "search.result.none": "E\u015fle\u015fen dok\u00fcman bulunamad\u0131", "search.result.one": "1 dok\u00fcman bulundu", "search.result.other": "# dok\u00fcman bulundu", "search.result.placeholder": "Aramaya ba\u015flamak i\u00e7in yaz\u0131n", "search.result.term.missing": "Eksik", "select.version": "Versiyon se\u00e7"}}</script> <script src=assets/javascripts/bundle.8fd75fb4.min.js></script> <script src=assets/_markdown_exec_pyodide.js></script> <script src=javascripts/mathjax.js></script> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script src=https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_HTML"></script> <script src=assets/javascripts/custom.129bd6ad.min.js></script> </body> </html>