2
2
< div class ="sidebar ">
3
3
< h3 class ="brand "> < a href ="# "> {{ document.title }}</ a > </ h3 >
4
4
5
- < i class ="fa fa-bars fa-2x toggle-btn " data-toggle ="collapse " data-target ="#menu-content "> </ i >
5
+ < svg data-toggle ="collapse " data-target ="#menu-content " width ="2.5em " height ="2.5em " viewBox ="0 0 16 16 " class ="toggle-btn bi bi-three-dots-vertical " fill ="currentColor " xmlns ="http://www.w3.org/2000/svg ">
6
+ < path fill-rule ="evenodd " d ="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z "/>
7
+ </ svg >
6
8
< div class ="menu-list ">
7
9
< ul id ="menu-content " class ="menu-content collapse out ">
8
10
{% if document|data %}
9
11
{% for section_key, section in document|data|items %}
10
12
< li data-toggle ="collapse " data-target ="#{{ section_key }}-dropdown " class ="collapsed ">
11
- < a > < i class ="fa fa-dot-circle-o fa-lg "> </ i > {% if section_key %}{{ section_key }}{% else %}API Endpoints{% endif %} < span class ="arrow "> </ span > </ a >
13
+ < a class ="d-flex align-items-center ">
14
+ < svg width ="1.5em " height ="1.5em " viewBox ="0 0 16 16 " class ="mr-2 ml-2 bi bi-bullseye " fill ="currentColor " xmlns ="http://www.w3.org/2000/svg ">
15
+ < path fill-rule ="evenodd " d ="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z "/>
16
+ < path fill-rule ="evenodd " d ="M8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10zm0 1A6 6 0 1 0 8 2a6 6 0 0 0 0 12z "/>
17
+ < path fill-rule ="evenodd " d ="M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8z "/>
18
+ < path d ="M9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z "/>
19
+ </ svg >
20
+ {% if section_key %}{{ section_key }}{% else %}API Endpoints{% endif %}
21
+ < svg width ="1em " height ="1em " viewBox ="0 0 16 16 " class ="ml-auto mr-3 bi bi-chevron-down " fill ="currentColor " xmlns ="http://www.w3.org/2000/svg ">
22
+ < path fill-rule ="evenodd " d ="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z "/>
23
+ </ svg >
24
+
25
+ </ a >
26
+ </ li >
12
27
< ul class ="sub-menu {% if section_key %}collapse{% endif %} " id ="{{ section_key }}-dropdown ">
13
28
{% for link_key, link in section|schema_links|items %}
14
- < li > < a href ="#{{ section_key }}-{{ link_key|slugify }} "> {{ link.title|default:link_key }}</ a > </ li >
29
+ < li >
30
+ < a href ="#{{ section_key }}-{{ link_key|slugify }} ">
31
+ < svg width ="1em " height ="1em " viewBox ="0 0 16 16 " class ="bi bi-chevron-right " fill ="currentColor " xmlns ="http://www.w3.org/2000/svg ">
32
+ < path fill-rule ="evenodd " d ="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z "/>
33
+ </ svg >
34
+ {{ link.title|default:link_key }}
35
+ </ a >
36
+ </ li >
15
37
{% endfor %}
16
38
</ ul >
17
- </ li >
39
+
18
40
{% endfor %}
19
41
{% endif %}
20
42
</ ul >
21
43
22
44
< ul class ="menu-list menu-list-bottom ">
23
45
< li data-toggle ="collapse " data-target ="#auth-control " class ="collapsed ">
24
- < a > < i class ="fa fa-user fa-lg "> </ i > Authentication</ a > < span id ="selected-authentication "> {% if user.is_authenticated %}session{% else %}none{% endif %}</ span >
46
+ < a >
47
+ < svg width ="1.5em " height ="1.5em " viewBox ="0 0 16 16 " class ="mb-1 mr-2 ml-3 bi bi-person-fill " fill ="currentColor " xmlns ="http://www.w3.org/2000/svg ">
48
+ < path fill-rule ="evenodd " d ="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z "/>
49
+ </ svg >
50
+ Authentication
51
+ </ a >
52
+ < span id ="selected-authentication "> {% if user.is_authenticated %}session{% else %}none{% endif %}</ span >
25
53
</ li >
26
54
< ul class ="sub-menu collapse out " id ="auth-control ">
27
55
< li {% if not user.is_authenticated %}class ="active "{% endif %} > < a data-auth ="none " href ="# "> none</ a > </ li >
@@ -31,7 +59,13 @@ <h3 class="brand"><a href="#">{{ document.title }}</a></h3>
31
59
</ ul >
32
60
33
61
< li data-toggle ="collapse " data-target ="#language-control " class ="collapsed ">
34
- < a > < i class ="fa fa-code fa-lg "> </ i > Source Code</ a > < span id ="selected-language "> {{ langs | first }}</ span >
62
+ < a >
63
+ < svg width ="1.5em " height ="1.5em " viewBox ="0 0 16 16 " class ="mb-1 ml-3 mr-2 bi bi-code-slash " fill ="currentColor " xmlns ="http://www.w3.org/2000/svg ">
64
+ < path fill-rule ="evenodd " d ="M4.854 4.146a.5.5 0 0 1 0 .708L1.707 8l3.147 3.146a.5.5 0 0 1-.708.708l-3.5-3.5a.5.5 0 0 1 0-.708l3.5-3.5a.5.5 0 0 1 .708 0zm6.292 0a.5.5 0 0 0 0 .708L14.293 8l-3.147 3.146a.5.5 0 0 0 .708.708l3.5-3.5a.5.5 0 0 0 0-.708l-3.5-3.5a.5.5 0 0 0-.708 0zm-.999-3.124a.5.5 0 0 1 .33.625l-4 13a.5.5 0 0 1-.955-.294l4-13a.5.5 0 0 1 .625-.33z "/>
65
+ </ svg >
66
+ Source Code
67
+ </ a >
68
+ < span id ="selected-language "> {{ langs | first }}</ span >
35
69
</ li >
36
70
< ul class ="sub-menu collapse out " id ="language-control ">
37
71
{% for lang in langs %}
0 commit comments