This repository has been archived by the owner on Sep 12, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
175 lines (175 loc) · 6.33 KB
/
index.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<div>
<div
class="pf-c-tabs pf-m-fill"
data-ouia-component-type="PF4/Tabs"
data-ouia-safe="true"
data-ouia-component-id="OUIA-Generated-Tabs-12"
>
<button
class="pf-c-tabs__scroll-button"
aria-label="Scroll left"
aria-hidden="true"
disabled=""
>
<svg
fill="currentColor"
height="1em"
width="1em"
viewBox="0 0 256 512"
aria-hidden="true"
role="img"
style="vertical-align: -0.125em"
>
<path
d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
></path>
</svg>
</button>
<ul class="pf-c-tabs__list">
<li class="pf-c-tabs__item pf-m-current">
<button
data-ouia-component-type="PF4/TabButton"
data-ouia-safe="true"
class="pf-c-tabs__link"
id="pf-tab-0-pf-1633041198065oegccuf7ng"
aria-controls="pf-tab-section-0-pf-1633041198065oegccuf7ng"
>
<span class="pf-c-tabs__item-icon"
><svg
fill="currentColor"
height="1em"
width="1em"
viewBox="0 0 640 512"
aria-hidden="true"
role="img"
style="vertical-align: -0.125em"
>
<path
d="M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z"
></path></svg></span
><span class="pf-c-tabs__item-text">Users</span>
</button>
</li>
<li class="pf-c-tabs__item">
<button
data-ouia-component-type="PF4/TabButton"
data-ouia-safe="true"
class="pf-c-tabs__link"
id="pf-tab-1-pf-1633041198065oegccuf7ng"
aria-controls="pf-tab-section-1-pf-1633041198065oegccuf7ng"
>
<span class="pf-c-tabs__item-icon"
><svg
fill="currentColor"
height="1em"
width="1em"
viewBox="0 0 512 512"
aria-hidden="true"
role="img"
style="vertical-align: -0.125em"
>
<path
d="M509.5 184.6L458.9 32.8C452.4 13.2 434.1 0 413.4 0H272v192h238.7c-.4-2.5-.4-5-1.2-7.4zM240 0H98.6c-20.7 0-39 13.2-45.5 32.8L2.5 184.6c-.8 2.4-.8 4.9-1.2 7.4H240V0zM0 224v240c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V224H0z"
></path></svg></span
><span class="pf-c-tabs__item-text">Containers</span>
</button>
</li>
<li class="pf-c-tabs__item">
<button
data-ouia-component-type="PF4/TabButton"
data-ouia-safe="true"
class="pf-c-tabs__link"
id="pf-tab-2-pf-1633041198065oegccuf7ng"
aria-controls="pf-tab-section-2-pf-1633041198065oegccuf7ng"
>
<span class="pf-c-tabs__item-icon"
><svg
fill="currentColor"
height="1em"
width="1em"
viewBox="0 0 448 512"
aria-hidden="true"
role="img"
style="vertical-align: -0.125em"
>
<path
d="M448 73.143v45.714C448 159.143 347.667 192 224 192S0 159.143 0 118.857V73.143C0 32.857 100.333 0 224 0s224 32.857 224 73.143zM448 176v102.857C448 319.143 347.667 352 224 352S0 319.143 0 278.857V176c48.125 33.143 136.208 48.572 224 48.572S399.874 209.143 448 176zm0 160v102.857C448 479.143 347.667 512 224 512S0 479.143 0 438.857V336c48.125 33.143 136.208 48.572 224 48.572S399.874 369.143 448 336z"
></path></svg></span
><span class="pf-c-tabs__item-text">Database</span>
</button>
</li>
</ul>
<button
class="pf-c-tabs__scroll-button"
aria-label="Scroll right"
aria-hidden="true"
disabled=""
>
<svg
fill="currentColor"
height="1em"
width="1em"
viewBox="0 0 256 512"
aria-hidden="true"
role="img"
style="vertical-align: -0.125em"
>
<path
d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
></path>
</svg>
</button>
</div>
<section
class="pf-c-tab-content"
id="pf-tab-section-0-pf-1633041198065oegccuf7ng"
aria-labelledby="pf-tab-0-pf-1633041198065oegccuf7ng"
role="tabpanel"
tabindex="0"
data-ouia-component-type="PF4/TabContent"
data-ouia-safe="true"
>
Users
</section>
<section
class="pf-c-tab-content"
id="pf-tab-section-1-pf-1633041198065oegccuf7ng"
aria-labelledby="pf-tab-1-pf-1633041198065oegccuf7ng"
role="tabpanel"
tabindex="0"
data-ouia-component-type="PF4/TabContent"
data-ouia-safe="true"
hidden=""
>
Containers
</section>
<section
hidden=""
class="pf-c-tab-content"
id="pf-tab-section-2-pf-1633041198065oegccuf7ng"
aria-labelledby="pf-tab-2-pf-1633041198065oegccuf7ng"
role="tabpanel"
tabindex="0"
data-ouia-component-type="PF4/TabContent"
data-ouia-safe="true"
>
Database
</section>
<div style="margin-top: 20px">
<div class="pf-c-check">
<input
id="toggle-box-filled-icon"
name="toggle-box-filled-icon"
class="pf-c-check__input"
type="checkbox"
aria-invalid="false"
aria-label="show box variation checkbox with filled icon tabs"
data-ouia-component-type="PF4/Checkbox"
data-ouia-safe="true"
data-ouia-component-id="OUIA-Generated-Checkbox-9"
/><label class="pf-c-check__label" for="toggle-box-filled-icon"
>isBox</label
>
</div>
</div>
</div>