diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..8e885df --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,155 @@ +body { + background-color: #F9FAFB; + font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; +} + +.navbar-brand { + color: #4F46E5 !important; +} + +.hero-section { + background: linear-gradient(45deg, #4F46E5, #6366F1); + padding: 6rem 0; +} + +.btn-primary { + background-color: #4F46E5; + border-color: #4F46E5; + padding: 0.75rem 1.5rem; + border-radius: 0.5rem; +} + +.btn-primary:hover { + background-color: #4338CA; + border-color: #4338CA; +} + +.btn-outline-primary { + border-color: #4F46E5; + color: #4F46E5; + padding: 0.75rem 1.5rem; + border-radius: 0.5rem; +} + +.btn-outline-primary:hover { + background-color: #4F46E5; + color: white; +} + +.btn-light { + padding: 0.75rem 1.5rem; + border-radius: 0.5rem; +} + +.card { + border: none; + border-radius: 0.5rem; + box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + transition: transform 0.2s ease-in-out; +} + +.card:hover { + transform: translateY(-5px); +} + +.feature-icon { + width: 64px; + height: 64px; + display: inline-flex; + align-items: center; + justify-content: center; + background-color: #EEF2FF; + color: #4F46E5; + border-radius: 50%; +} + +.feature-icon i { + width: 32px; + height: 32px; +} + +/* Timetable Demo Styles */ +.timetable-container { + padding: 2rem; + background-color: #fff; + border-radius: 0.5rem; + box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); +} + +.timetable-header { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 1.5rem; +} + +.timetable-header h1 { + color: #111827; +} + +.timetable-table { + border-radius: 0.5rem; + overflow: hidden; +} + +.timetable-table th, .timetable-table td { + text-align: center; + vertical-align: middle; + padding: 1rem; + min-width: 120px; +} + +.timetable-table thead th { + background-color: #EEF2FF; + color: #4338CA; + font-weight: bold; +} + +.day-header { + background-color: #F9FAFB; + font-weight: bold; + width: 100px; +} + +.timetable-cell { + background-color: #fff; + transition: background-color 0.2s; +} + +.timetable-cell:hover { + background-color: #F3F4F6; +} + +.timetable-cell strong { + display: block; + color: #4F46E5; +} + +.timetable-cell span { + font-size: 0.875rem; + color: #6B7280; +} + +.break-cell { + background-color: #F3F4F6; + font-style: italic; + color: #6B7280; +} + +@media print { + body * { + visibility: hidden; + } + .printable-area, .printable-area * { + visibility: visible; + } + .printable-area { + position: absolute; + left: 0; + top: 0; + width: 100%; + } + .btn { + display: none !important; + } +} diff --git a/demo.php b/demo.php new file mode 100644 index 0000000..d130014 --- /dev/null +++ b/demo.php @@ -0,0 +1,107 @@ + + + + + + Timetable Demo - Haki Schedule + + + + + + + + + + + + + + +
+
+
+
+

Class Timetable: Grade 10A

+

A visual demonstration of a generated schedule.

+
+
+ Back to Home + +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Day08:00 - 09:0009:00 - 10:0010:00 - 10:3010:30 - 11:3011:30 - 12:3012:30 - 13:3013:30 - 14:30
MondayMathematicsMr. SmithPhysicsMs. JonesBreakEnglishMr. DoeHistoryMrs. DaneLunchBiologyMs. Jones
TuesdayChemistryMr. WhiteEnglishMr. DoeBreakMathematicsMr. SmithGeographyMr. GreenLunchArtMs. Black
WednesdayPhysics (Double)Ms. JonesPhysics (Double)Ms. JonesBreakHistoryMrs. DaneMathematicsMr. SmithLunchMusicMr. Brown
ThursdayEnglishMr. DoeBiologyMs. JonesBreakChemistryMr. WhitePhysical Ed.Mr. BlueLunchMathematicsMr. Smith
FridayHistoryMrs. DaneGeographyMr. GreenBreakEnglishMr. DoeMathematicsMr. SmithLunchElectiveVarious
+
+
+
+ + + + diff --git a/index.php b/index.php index 7205f3d..aacb21e 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,108 @@ - - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Haki Schedule + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + + +
+
+

Intelligent Timetabling, Simplified.

+

Automate school schedules, eliminate conflicts, and empower your staff.
Haki Schedule is the all-in-one solution for modern educational institutions.

+ See a Demo +
+
+ +
+
+
+

Everything you need to run a seamless school schedule

+

From automated generation to easy access for teachers, we've got you covered.

+
+
+
+
+
+ +
+
Automated Scheduling
+

Our powerful algorithm generates optimized, conflict-free timetables in minutes, not days. Handle complex workloads and constraints with ease.

+
+
+
+
+
+ +
+
Collaborative & Transparent
+

Empower teachers to view their schedules anytime. Admins can delegate workload entry and manage everything from a central dashboard.

+
+
+
+
+
+ +
+
Accessible & Printable
+

View timetables on any device, web or mobile. Export and print beautiful, clean schedules for classes and teachers with a single click.

+
+
+
+
+
+ + + + + - + \ No newline at end of file