|
14 | 14 | <div class="app-header-left"> |
15 | 15 | <!--<span class="app-icon"></span>--> |
16 | 16 | <img src="https://straight-code.github.io/assets/straight-code.png" style="width: 60px;padding: 10px;" /> |
17 | | - <p class="app-name">straight-code2</p> |
| 17 | + <p class="app-name"><a href="../index.html" style="color: var(--main-color);">straight-code2</a></p> |
18 | 18 | <div class="search-wrapper"> |
19 | 19 | <input class="search-input" type="text" placeholder="Search"> |
20 | 20 | <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-search" viewBox="0 0 24 24"> |
|
67 | 67 | <line x1="8" y1="2" x2="8" y2="6" /> |
68 | 68 | <line x1="3" y1="10" x2="21" y2="10" /></svg> |
69 | 69 | </a> |
| 70 | + <a href="./services/index.html" class="app-sidebar-link" style="display: block;padding: 8px;"> |
| 71 | + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-info-circle" viewBox="0 0 16 16"> |
| 72 | + <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/> |
| 73 | + <path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/> |
| 74 | + </svg> |
| 75 | + </a> |
70 | 76 | <a href="./settings/index.html" class="app-sidebar-link"> |
71 | 77 | <svg class="link-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="feather feather-settings" viewBox="0 0 24 24"> |
72 | 78 | <defs /> |
|
83 | 89 | <div class="projects-section-line"> |
84 | 90 | <div class="projects-status"> |
85 | 91 | <div class="item-status"> |
86 | | - <span class="status-number">9</span> |
| 92 | + <span class="status-number">0</span> |
87 | 93 | <span class="status-type">In Progress</span> |
88 | 94 | </div> |
89 | 95 | <div class="item-status"> |
90 | | - <span class="status-number">10</span> |
| 96 | + <span class="status-number">0</span> |
91 | 97 | <span class="status-type">Upcoming</span> |
92 | 98 | </div> |
93 | 99 | <div class="item-status"> |
94 | | - <span class="status-number">16</span> |
| 100 | + <span class="status-number">0</span> |
95 | 101 | <span class="status-type">Total Projects</span> |
96 | 102 | </div> |
97 | 103 | </div> |
|
129 | 135 | </div> |
130 | 136 | </div> |
131 | 137 | <div class="project-box-content-header"> |
132 | | - <p class="box-content-header">straight-code</p> |
133 | | - <p class="box-content-subheader"><em></em></p> |
| 138 | + <p class="box-content-header">straight-code.github.io</p> |
| 139 | + <p class="box-content-subheader"><em>Public</em></p> |
134 | 140 | </div> |
135 | 141 | <div class="box-progress-wrapper"> |
136 | 142 | <p class="box-progress-header"> |
137 | | - <img src="https://straight-code.github.io/assets/straight-code.png" style="width: 100px;margin-left: 30%;" /> |
138 | 143 | </p> |
139 | | - <div class="box-progress-bar"> |
140 | | - <span class="box-progress" style="width: 85%; background-color: #4ff940"></span> |
141 | | - </div> |
142 | | - <p class="box-progress-percentage">85%</p> |
143 | | - </div> |
| 144 | + </div> |
144 | 145 | <div class="project-box-footer"> |
145 | 146 | <div class="participants"> |
146 | 147 | <img src="https://straight-code.github.io/assets/straight-code.png" alt="participant"> |
147 | | - <button class="add-participant" style="color: #4ff940;"> |
| 148 | + <button class="add-participant" style="color: #5240f9;"> |
148 | 149 | <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"> |
149 | 150 | <path d="M12 5v14M5 12h14" /> |
150 | 151 | </svg> |
151 | 152 | </button> |
152 | 153 | </div> |
153 | | - <div class="days-left" style="color: #4ff940;"> |
154 | | - <a href="https://straight-code.github.io" style="color: #4ff940;">straight-code</a> |
| 154 | + <div class="days-left" style="color: #5240f9;"> |
| 155 | + <a href="https://straight-code.github.io" style="color: #5240f9;">straight-code</a> |
155 | 156 | </div> |
156 | 157 | </div> |
157 | 158 | </div> |
|
170 | 171 | </div> |
171 | 172 | </div> |
172 | 173 | <div class="project-box-content-header"> |
173 | | - <p class="box-content-header">straight-code<strong>2</strong></p> |
174 | | - <p class="box-content-subheader"><em></em></p> |
| 174 | + <p class="box-content-header">straight-code<strong>2</strong>.github.io</p> |
| 175 | + <p class="box-content-subheader"><em>Public</em></p> |
175 | 176 | </div> |
176 | 177 | <div class="box-progress-wrapper"> |
177 | 178 | <p class="box-progress-header"> |
178 | | - <img src="https://straight-code.github.io/assets/straight-code.png" style="width: 100px;margin-left: 30%;" /> |
| 179 | + |
179 | 180 | </p> |
180 | | - <div class="box-progress-bar"> |
181 | | - <span class="box-progress" style="width: 55%; background-color: #4ff940"></span> |
182 | | - </div> |
183 | | - <p class="box-progress-percentage">55%</p> |
184 | 181 | </div> |
185 | 182 | <div class="project-box-footer"> |
186 | 183 | <div class="participants"> |
187 | 184 | <img src="https://straight-code.github.io/assets/straight-code.png" alt="participant"> |
188 | | - <button class="add-participant" style="color: #4ff940;"> |
| 185 | + <button class="add-participant" style="color: #5240f9;"> |
189 | 186 | <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"> |
190 | 187 | <path d="M12 5v14M5 12h14" /> |
191 | 188 | </svg> |
192 | 189 | </button> |
193 | 190 | </div> |
194 | | - <div class="days-left" style="color: #4ff940;"> |
195 | | - <a href="https://straight-code2.github.io" style="color: #4ff940;">straight-code<strong>2</strong></a> |
| 191 | + <div class="days-left" style="color: #5240f9;"> |
| 192 | + <a href="https://straight-code2.github.io" style="color: #5240f9;">straight-code<strong>2</strong></a> |
196 | 193 | </div> |
197 | 194 | </div> |
198 | 195 | </div> |
|
212 | 209 | </div> |
213 | 210 | <div class="project-box-content-header"> |
214 | 211 | <p class="box-content-header">straight-code blog</p> |
215 | | - <p class="box-content-subheader"><em></em></p> |
| 212 | + <p class="box-content-subheader"><em>Public</em></p> |
216 | 213 | </div> |
217 | 214 | <div class="box-progress-wrapper"> |
218 | 215 | <p class="box-progress-header"> |
219 | | - <img src="https://straight-code.github.io/assets/straight-code.png" style="width: 100px;margin-left: 30%;" /> |
220 | | - </p> |
221 | | - <div class="box-progress-bar"> |
222 | | - <span class="box-progress" style="width: 90%; background-color: #4ff940"></span> |
223 | | - </div> |
224 | | - <p class="box-progress-percentage">90%</p> |
| 216 | + </p> |
| 217 | + |
225 | 218 | </div> |
226 | 219 | <div class="project-box-footer"> |
227 | 220 | <div class="participants"> |
228 | 221 | <img src="https://straight-code.github.io/assets/straight-code.png" alt="participant"> |
229 | | - <button class="add-participant" style="color: #4ff940;"> |
| 222 | + <button class="add-participant" style="color: #5240f9;"> |
230 | 223 | <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"> |
231 | 224 | <path d="M12 5v14M5 12h14" /> |
232 | 225 | </svg> |
233 | 226 | </button> |
234 | 227 | </div> |
235 | | - <div class="days-left" style="color: #4ff940;"> |
236 | | - <a href="https://straight-code-blog.netlify.app" style="color: #4ff940;">straight-code blog</a> |
| 228 | + <div class="days-left" style="color: #5240f9;"> |
| 229 | + <a href="https://straight-code-blog.netlify.app" style="color: #5240f9;">straight-code blog</a> |
237 | 230 | </div> |
238 | 231 | </div> |
239 | 232 | </div> |
240 | 233 | </div> |
241 | 234 | <div class="project-box-wrapper"> |
242 | | - <div class="project-box" style="background-color: #d5deff;"> |
| 235 | + <div class="project-box" style="background-color: #d5ffd8;"> |
243 | 236 | <div class="project-box-header"> |
244 | 237 | <span></span> |
245 | 238 | <div class="more-wrapper"> |
|
258 | 251 | <div class="box-progress-wrapper"> |
259 | 252 | <p class="box-progress-header">Progress</p> |
260 | 253 | <div class="box-progress-bar"> |
261 | | - <span class="box-progress" style="width: 60%; background-color: #4067f9"></span> |
| 254 | + <span class="box-progress" style="width: 70%; background-color: #27f827"></span> |
262 | 255 | </div> |
263 | | - <p class="box-progress-percentage">60%</p> |
| 256 | + <p class="box-progress-percentage">70%</p> |
264 | 257 | </div> |
265 | 258 | <div class="project-box-footer"> |
266 | 259 | <div class="participants"> |
267 | 260 | <img src="https://straight-code.github.io/assets/straight-code.png" alt="participant"> |
268 | | - <button class="add-participant" style="color: #4067f9;"> |
| 261 | + <button class="add-participant" style="color: #5240f9;"> |
269 | 262 | <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"> |
270 | 263 | <path d="M12 5v14M5 12h14" /> |
271 | 264 | </svg> |
272 | 265 | </button> |
273 | 266 | </div> |
274 | | - <div class="days-left" style="color: #4067f9;"> |
| 267 | + <div class="days-left" style="color: #5240f9;"> |
275 | 268 | 30 Days Left |
276 | 269 | </div> |
277 | 270 | </div> |
278 | 271 | </div> |
279 | 272 | </div> |
280 | 273 | <div class="project-box-wrapper"> |
281 | | - <div class="project-box" style="background-color: #d5deff;"> |
| 274 | + <div class="project-box" style="background-color: #d5ffd7;"> |
282 | 275 | <div class="project-box-header"> |
283 | 276 | <span></span> |
284 | 277 | <div class="more-wrapper"> |
|
297 | 290 | <div class="box-progress-wrapper"> |
298 | 291 | <p class="box-progress-header">Progress</p> |
299 | 292 | <div class="box-progress-bar"> |
300 | | - <span class="box-progress" style="width: 60%; background-color: #4067f9"></span> |
| 293 | + <span class="box-progress" style="width: 60%; background-color: #26f330"></span> |
301 | 294 | </div> |
302 | 295 | <p class="box-progress-percentage">60%</p> |
303 | 296 | </div> |
|
317 | 310 | </div> |
318 | 311 | </div> |
319 | 312 | <div class="project-box-wrapper"> |
320 | | - <div class="project-box" style="background-color: #d5deff;"> |
| 313 | + <div class="project-box" style="background-color: #fff9d5;"> |
321 | 314 | <div class="project-box-header"> |
322 | 315 | <span></span> |
323 | 316 | <div class="more-wrapper"> |
|
336 | 329 | <div class="box-progress-wrapper"> |
337 | 330 | <p class="box-progress-header">Progress</p> |
338 | 331 | <div class="box-progress-bar"> |
339 | | - <span class="box-progress" style="width: 40%; background-color: #4067f9"></span> |
| 332 | + <span class="box-progress" style="width: 40%; background-color: #f9dd40"></span> |
340 | 333 | </div> |
341 | 334 | <p class="box-progress-percentage">40%</p> |
342 | 335 | </div> |
|
356 | 349 | </div> |
357 | 350 | </div> |
358 | 351 | <div class="project-box-wrapper"> |
359 | | - <div class="project-box" style="background-color: #d5deff;"> |
| 352 | + <div class="project-box" style="background-color: #ffd5d5;"> |
360 | 353 | <div class="project-box-header"> |
361 | 354 | <span></span> |
362 | 355 | <div class="more-wrapper"> |
|
375 | 368 | <div class="box-progress-wrapper"> |
376 | 369 | <p class="box-progress-header">Progress</p> |
377 | 370 | <div class="box-progress-bar"> |
378 | | - <span class="box-progress" style="width: 80%; background-color: #4067f9"></span> |
| 371 | + <span class="box-progress" style="width: 10%; background-color: #f82020"></span> |
379 | 372 | </div> |
380 | | - <p class="box-progress-percentage">80%</p> |
| 373 | + <p class="box-progress-percentage">10%</p> |
381 | 374 | </div> |
382 | 375 | <div class="project-box-footer"> |
383 | 376 | <div class="participants"> |
|
395 | 388 | </div> |
396 | 389 | </div> |
397 | 390 | <div class="project-box-wrapper"> |
398 | | - <div class="project-box" style="background-color: #d5deff;"> |
| 391 | + <div class="project-box" style="background-color: #fffbd5;"> |
399 | 392 | <div class="project-box-header"> |
400 | 393 | <span></span> |
401 | 394 | <div class="more-wrapper"> |
|
414 | 407 | <div class="box-progress-wrapper"> |
415 | 408 | <p class="box-progress-header">Progress</p> |
416 | 409 | <div class="box-progress-bar"> |
417 | | - <span class="box-progress" style="width: 40%; background-color: #4067f9"></span> |
| 410 | + <span class="box-progress" style="width: 40%; background-color: #f9be40"></span> |
418 | 411 | </div> |
419 | 412 | <p class="box-progress-percentage">40%</p> |
420 | 413 | </div> |
|
434 | 427 | </div> |
435 | 428 | </div> |
436 | 429 | <div class="project-box-wrapper"> |
437 | | - <div class="project-box" style="background-color: #d5deff;"> |
| 430 | + <div class="project-box" style="background-color: #fffcd5;"> |
438 | 431 | <div class="project-box-header"> |
439 | 432 | <span></span> |
440 | 433 | <div class="more-wrapper"> |
|
453 | 446 | <div class="box-progress-wrapper"> |
454 | 447 | <p class="box-progress-header">Progress</p> |
455 | 448 | <div class="box-progress-bar"> |
456 | | - <span class="box-progress" style="width: 35%; background-color: #4067f9"></span> |
| 449 | + <span class="box-progress" style="width: 35%; background-color: #f9dd40"></span> |
457 | 450 | </div> |
458 | 451 | <p class="box-progress-percentage">35%</p> |
459 | 452 | </div> |
|
0 commit comments