|
41 | 41 | - π **User Authentication:** Secure username/password authentication with session management. |
42 | 42 | - π¨ **Feature Toggles:** Enable or disable specific features based on your needs. |
43 | 43 |
|
44 | | -## πΌοΈ Screenshots |
45 | | - |
46 | | -<p align="center"> |
47 | | - <h3>π Login Page</h3><br> |
48 | | - <picture> |
49 | | - <source media="(prefers-color-scheme: dark)" srcset="./docs/images/login-dark.png" /> |
50 | | - <source media="(prefers-color-scheme: light)" srcset="./docs/images/login-light.png" /> |
51 | | - <img alt="Login Page" src="./docs/images/login-light.png" style="border-radius: 10px" /> |
52 | | - </picture> |
53 | | -</p> |
54 | | -<p align="center"> |
55 | | - <h3>π Charts</h3><br> |
56 | | - <picture> |
57 | | - <source media="(prefers-color-scheme: dark)" srcset="./docs/images/charts-dark.png" /> |
58 | | - <source media="(prefers-color-scheme: light)" srcset="./docs/images/charts-light.png" /> |
59 | | - <img alt="Login Page" src="./docs/images/charts-light.png" style="border-radius: 10px" /> |
60 | | - </picture> |
61 | | -</p> |
62 | | -<p align="center"> |
63 | | - <h3>β½ Fuel Log</h3><br> |
64 | | - <picture> |
65 | | - <source media="(prefers-color-scheme: dark)" srcset="./docs/images/fuel-logs-dark.png" /> |
66 | | - <source media="(prefers-color-scheme: light)" srcset="./docs/images/fuel-logs-light.png" /> |
67 | | - <img alt="Fuel Log" src="./docs/images/fuel-log-light.png" style="border-radius: 10px" /> |
68 | | - </picture> |
69 | | -</p> |
70 | | -<p align="center"> |
71 | | - <h3>π οΈ Maintenance Log</h3><br> |
72 | | - <picture> |
73 | | - <source media="(prefers-color-scheme: dark)" srcset="./docs/images/maintenance-dark.png" /> |
74 | | - <source media="(prefers-color-scheme: light)" srcset="./docs/images/maintenance-light.png" /> |
75 | | - <img alt="Maintenance Log" src="./docs/images/maintenance-light.png" style="border-radius: 10px" /> |
76 | | - </picture> |
77 | | -</p> |
78 | | -<p align="center"> |
79 | | - <h3>π‘οΈ Insurance Details</h3><br> |
80 | | - <picture> |
81 | | - <source media="(prefers-color-scheme: dark)" srcset="./docs/images/insurance-dark.png" /> |
82 | | - <source media="(prefers-color-scheme: light)" srcset="./docs/images/insurance-light.png" /> |
83 | | - <img alt="Insurance Details" src="./docs/images/insurance-light.png" style="border-radius: 10px" /> |
84 | | - </picture> |
85 | | -</p> |
86 | | -<p align="center"> |
87 | | - <h3>π PUCC Details</h3><br> |
88 | | - <picture> |
89 | | - <source media="(prefers-color-scheme: dark)" srcset="./docs/images/pucc-dark.png" /> |
90 | | - <source media="(prefers-color-scheme: light)" srcset="./docs/images/pucc-light.png" /> |
91 | | - <img alt="PUCC Details" src="./docs/images/pucc-light.png" style="border-radius: 10px" /> |
92 | | - </picture> |
93 | | -</p> |
94 | | - |
95 | 44 | ## π οΈ Tech Stack |
96 | 45 |
|
97 | 46 | - π¨ **Frontend:** SvelteKit, Tailwind CSS, Svelte 5 |
|
0 commit comments