make this flowchart a website with using html and css only and also javascript for zooming, do not use mermaid, just code this whole with your programming skills. Do not dissapoint me:
graph TD
    %% Entities
    Student[Student]
    Applicant[Applicant]
    Faculty[Faculty]
    Administration[Administration]
    FinancialAid[Financial Aid Office]
    IT[IT Department]
    Library[Library System]
    LearningManagementSystem[LMS]
    Alumni[Alumni Relations]
    HR[Human Resources]
    EmailSystem[Email System]
    PaymentGateway[Payment Gateway]
    ExternalTranscriptProvider[External Transcript Providers]

    %% Registrar Department Sub-systems
    Registrar[Registrar Department]
    
    Registrar -->|Handles Enrollment| Enrollment[Enrollment Management]
    Registrar -->|Manages Courses| CourseRegistration[Course Registration]
    Registrar -->|Processes Grades| GradeManagement[Grade Management]
    Registrar -->|Issues Transcripts| TranscriptServices[Transcript Services]
    Registrar -->|Schedules Classes| ClassScheduling[Class Scheduling]
    Registrar -->|Maintains Records| RecordsMaintenance[Records Maintenance]
    Registrar -->|Coordinates Graduation| Graduation[Graduation Processing]

    %% Enrollment Management
    Enrollment -->|Receives Applications| Applicant
    Enrollment -->|Registers Students| Student
    Enrollment -->|Coordinates with Financial Aid| FinancialAid
    Enrollment -->|Updates with IT| IT
    Enrollment -->|Sends Notifications via| EmailSystem

    %% Course Registration
    CourseRegistration -->|Interacts with Students| Student
    CourseRegistration -->|Fetches Course Data from| LearningManagementSystem
    CourseRegistration -->|Coordinates with Faculty| Faculty
    CourseRegistration -->|Processes Payments via| PaymentGateway
    CourseRegistration -->|Updates Records in| RecordsMaintenance
    CourseRegistration -->|Notifies via| EmailSystem

    %% Grade Management
    GradeManagement -->|Receives Grades from| Faculty
    GradeManagement -->|Updates Student Records| RecordsMaintenance
    GradeManagement -->|Syncs with LMS| LearningManagementSystem
    GradeManagement -->|Reports to Administration| Administration
    GradeManagement -->|Notifies Students via| EmailSystem

    %% Transcript Services
    TranscriptServices -->|Processes Requests from| Student
    TranscriptServices -->|Handles Requests from| Alumni
    TranscriptServices -->|Communicates with| ExternalTranscriptProvider
    TranscriptServices -->|Updates Records in| RecordsMaintenance
    TranscriptServices -->|Sends Transcripts via| EmailSystem

    %% Class Scheduling
    ClassScheduling -->|Collaborates with Faculty| Faculty
    ClassScheduling -->|Uses Resources from| Administration
    ClassScheduling -->|Synchronizes with| LearningManagementSystem
    ClassScheduling -->|Updates Students via| EmailSystem

    %% Records Maintenance
    RecordsMaintenance -->|Stores Student Data| IT
    RecordsMaintenance -->|Ensures Data Integrity with| IT
    RecordsMaintenance -->|Generates Reports for| Administration
    RecordsMaintenance -->|Provides Data to| Graduation

    %% Graduation Processing
    Graduation -->|Verifies Requirements with| RecordsMaintenance
    Graduation -->|Coordinates with| Administration
    Graduation -->|Notifies Graduates via| EmailSystem
    Graduation -->|Updates Alumni Relations| Alumni

    %% Interactions with External Entities
    Student -->|Applies through| Enrollment
    Student -->|Registers Courses via| CourseRegistration
    Student -->|Receives Grades from| GradeManagement
    Student -->|Requests Transcripts from| TranscriptServices
    Student -->|Pays Fees via| PaymentGateway

    Faculty -->|Enters Grades into| GradeManagement
    Faculty -->|Provides Course Offerings to| ClassScheduling

    Administration -->|Sets Policies for| Registrar
    Administration -->|Receives Reports from| RecordsMaintenance

    FinancialAid -->|Provides Funding Information to| Enrollment
    FinancialAid -->|Requires Enrollment Data from| Enrollment

    IT -->|Supports| Registrar
    IT -->|Manages| RecordsMaintenance
    IT -->|Integrates with| LearningManagementSystem
    IT -->|Ensures Security for| RecordsMaintenance

    Library -->|Provides Resources to| Student
    Library -->|Integrates with| LearningManagementSystem

    LearningManagementSystem -->|Hosts Courses for| Student
    LearningManagementSystem -->|Provides Data to| CourseRegistration
    LearningManagementSystem -->|Integrates with| IT

    Alumni -->|Requests Transcripts from| TranscriptServices
    Alumni -->|Receives Updates via| AlumniCommunications[Alumni Communications]

    HR -->|Manages Registrar Staff| Registrar
    HR -->|Coordinates with| Administration

    EmailSystem -->|Sends Notifications to| Student
    EmailSystem -->|Sends Notifications to| Faculty
    EmailSystem -->|Sends Notifications to| Administration
    EmailSystem -->|Sends Notifications to| Alumni

    PaymentGateway -->|Processes Payments for| CourseRegistration
    PaymentGateway -->|Links to Student Accounts| StudentAccounts[Student Accounts]

    ExternalTranscriptProvider -->|Sends Transcripts to| Institutions[Other Institutions]

    %% Styling
    classDef entity fill:#000000,stroke:#FFFFFF,stroke-width:2px,color:#FFFFFF;
    classDef process fill:#333333,stroke:#FFFFFF,stroke-width:2px,color:#FFFFFF;
    class Student,Applicant,Faculty,Administration,FinancialAid,IT,Library,LearningManagementSystem,Alumni,HR,EmailSystem,PaymentGateway,ExternalTranscriptProvider entity;
    class Registrar,Enrollment,CourseRegistration,GradeManagement,TranscriptServices,ClassScheduling,RecordsMaintenance,Graduation process;

    %% Overall graph styling
    %%{ init: { 'theme': 'dark', 'themeVariables': { 'primaryColor': '#000000', 'textColor': '#FFFFFF', 'lineColor': '#FFFFFF' } } }%%