-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathAddon.html
More file actions
315 lines (253 loc) · 16.2 KB
/
Copy pathAddon.html
File metadata and controls
315 lines (253 loc) · 16.2 KB
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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
<!DOCTYPE html>
<html lang="en">
<head>
<script language="javascript" type="text/javascript" src="txt/headcodes.txt"></script>
</head>
<body>
<!-- ======= Header ======= -->
<script language="javascript" type="text/javascript" src="txt/headerandbread.txt"></script>
<!-- End Breadcrumbs -->
<!-- ======= Portfolio Details Section ======= -->
<section id="portfolio-details" class="portfolio-details">
<div class="container">
<div class="row gy-4">
<div class="col-lg-8">
<div class="portfolio-details-slider swiper-container">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide">
<img src="assets/img/addon.png" alt="">
</div>
<div class="swiper-slide">
<img src="assets/img/addon.png" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
<div class="col-lg-4">
<div class="portfolio-info">
<h3>MODULE INFORMATION</h3>
<ul>
<li><strong>Mod Name</strong>: DSB Addons </li><br><br>
Download : <a href="https://www.pling.com/p/1527993/"> <img src="assets/img/dbutton.png" alt="Download" width="120" height="40"> </a><br><br>
</ul>
</div>
<div class="portfolio-description">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2157772818928767"
crossorigin="anonymous"></script>
<!-- mid6 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2157772818928767"
data-ad-slot="2773410560"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<h2>Dual status bar magisk Module</h2>
<p>
<li>Download , flash in magisk and reboot
<li> Install any terminal and type su ,press enter and type dsb.
<li>Add colors or change styles.
<li>Customize however you want
<li>Note: DSB module is mandatory to use addons.
<li>If your device is missing you can request to add your device in support group on telegram <a href="https://t.me/dualstatusbar"> @dualstatusbar </a>
</p>
</div>
</div>
</div>
</div>
</section><!-- End Portfolio Details Section -->
<!-- ======= Portfolio Section ======= -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="section-title" data-aos="zoom-out">
<h2>Screenshots</h2>
<p>Some Helpful Screenshots</p>
<br>
<h6><b>NOTE :</b> All the colors shown are applied using Addons, colors are optional to apply and not compulsory.<br>
You can apply single color, gradient, border color etc.</h6>
<h6>Cick on the image for more Information and context.</h6>
</div>
<ul id="portfolio-flters" class="d-flex justify-content-end" data-aos="fade-up">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">Clock</li>
<li data-filter=".filter-card">CustomText</li>
<li data-filter=".filter-web">Advance</li>
</ul>
<div class="row portfolio-container" data-aos="fade-up">
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/1.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Colored Background</h4>
<p>Roundness Example</p>
<a href="assets/img/portfolio/1.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="You can now change the roundness of the backgrounds."><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/2.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Colored Background</h4>
<p>Style with 4 colors example, two on each side</p>
<a href="assets/img/portfolio/2.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Style with 4 colors example, two on each side"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/3.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Colored Background</h4>
<p>Style with 2 colors example, one on each side</p>
<a href="assets/img/portfolio/3.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Style with 2 colors example, one on each side."><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img src="assets/img/portfolio/4.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Colored Text</h4>
<p>Example with yellow HEX color code</p>
<a href="assets/img/portfolio/4.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Example with yellow HEX color code"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img src="assets/img/portfolio/5.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Colored Text</h4>
<p>Example with black color on white bg.</p>
<a href="assets/img/portfolio/5.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Example with black color, which makes the text readable on light backgrounds"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/6.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Clock Types</h4>
<p>Left side style 8 example, stock clock without DSB</p>
<a href="assets/img/portfolio/6.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Left side style 8 example, stock clock without DSB"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img src="assets/img/portfolio/7.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Custom Text</h4>
<p>Example of right side with custom text/sting support.</p>
<a href="assets/img/portfolio/7.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Example of right side with custom text/sting support"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/8.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Simple Styles</h4>
<p>Default Style 1</p>
<a href="assets/img/portfolio/8.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Default Style 1, only left clock dsb."><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item ">
<div class="portfolio-img"><img src="assets/img/portfolio/9.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Simple Styles</h4>
<p>Style 1, with traffic on 2nd row.</p>
<a href="assets/img/portfolio/9.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Style 1, with traffic enabled on Quick statusbar / Expanded header."><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item ">
<div class="portfolio-img"><img src="assets/img/portfolio/10.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Simple Styles</h4>
<p>Default Style 2</p>
<a href="assets/img/portfolio/10.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Default Style 2 with battery on 2nd row."><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/11.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Advanced styles</h4>
<p>Left side #2, Right side #3</p>
<a href="assets/img/portfolio/11.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Custom clock simple, landscape battery"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/12.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Advanced styles</h4>
<p>Left side #3, Right side #4</p>
<a href="assets/img/portfolio/12.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Custom clock + date, portait traffic indicator + portait battery"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/13.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Advanced styles</h4>
<p>Left side #4, Right side #5</p>
<a href="assets/img/portfolio/13.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Custom clock + AM/PM, horizontal traffic indicator + landscape battery"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/14.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Advanced styles</h4>
<p>Left side #5, Right side #6</p>
<a href="assets/img/portfolio/14.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Custom clock + seconds, custom text/string"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/15.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Advanced styles</h4>
<p>Left side #6, Right side #7</p>
<a href="assets/img/portfolio/15.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Custom clock x custom text/string, date with number and day name"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/16.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Advanced styles</h4>
<p>Left side #7</p>
<a href="assets/img/portfolio/16.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Custom clock x date"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
<div class="portfolio-img"><img src="assets/img/portfolio/17.png" class="img-fluid" alt=""></div>
<div class="portfolio-info">
<h4>Advanced styles</h4>
<p>Left side #8</p>
<a href="assets/img/portfolio/17.png" data-gallery="portfolioGallery" class="portfolio-lightbox preview-link" title="Stock clock without DSB :)"><i class="bx bx-plus"></i></a>
<a href="https://telegra.ph/Addons-v5--DSB-v6-10-02" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>
</div>
</section><!-- End Portfolio Section -->
<!-- ======= Contact Section ======= -->
<script language="javascript" type="text/javascript" src="txt/contact.txt"></script>
<!-- End Contact Section -->
<!-- ======= Donate Section ======= -->
<script language="javascript" type="text/javascript" src="txt/donate.txt"></script>
<!-- End Donate Section -->
<!-- ======= F.A.Q Section ======= -->
<script language="javascript" type="text/javascript" src="txt/faq.txt"></script>
<!-- End F.A.Q Section -->
</main><!-- End #main --><br><br>
<!-- ======= Footer ======= -->
<script language="javascript" type="text/javascript" src="txt/footer.txt"></script>
<!-- Vendor JS Files -->
<!-- End Footer -->
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>