fullscreen(hud_area=true) {
    // Area for notifications to be placed in
    notifications {

    }

    chat_area {
    }

    // E.g. buying rooms/staff
    actions {
        action_area {
            action(
                on_click="init#ui.emit_event('open', 'room_buy')",
                key = "buy_room",
                title = "Build Room/Building",
                tooltip = "Buy *buildings* to place *rooms* inside or buy *rooms* to place inside your *buildings*"
            ) {
                icon(img="ui/icons/build")
                pin(tint="#f40000") {
                    pin_color
                }
            }
        }
        action_area {
            action(
                on_click="init#ui.emit_event('open', 'staff_buy')",
                key = "buy_staff",
                title = "Hire staff",
                tooltip = "Hire *staff* to teach or maintain your #UniverCity#"
            ) {
                icon(img="ui/icons/buy_staff")
                pin(tint="#f4f400") {
                    pin_color
                }
            }
        }
        action_area {
            action(
                on_click="init#ui.emit_event('open', 'courses')",
                key = "courses",
                title = "Courses",
                tooltip = "Courses"
            ) {
                icon(img="ui/icons/courses")
                pin(tint="#00f400") {
                    pin_color
                }
            }
        }
        action_area {
            action(
                on_click="init#ui.emit_event('open', 'staff_list')",
                key = "staff_list",
                title = "Staff list",
                tooltip = "Manage *staff* within your #UniverCity#"
            ) {
                icon(img="ui/icons/staff_list")
                pin(tint="#00f4f4") {
                    pin_color
                }
            }
        }
        action_area {
            action(
                on_click="init#ui.emit_event('open', 'stats')",
                key = "statistics",
                title = "Statistics",
                tooltip = "Check on your #UniverCity's# statistics"
            ) {
                icon(img="ui/icons/stats")
                pin(tint="#0000f4") {
                    pin_color
                }
            }
        }
        action_area {
            action(
                on_click="init#ui.emit_event('open', 'settings')",
                key = "settings",
                title = "Settings",
                tooltip = "Configure your #UniverCity#."
            ) {
                icon(img="ui/icons/settings")
                pin(tint="#3B0099") {
                    pin_color
                }
            }
        }
        action_area {
            action(
                on_click="init#ui.emit_event('open', 'edit_room')",
                key = "edit_room",
                title = "Edit Building/Room",
                tooltip = "Change/Remove an existing *building* or *room*"
            ) {
                icon(img="ui/icons/edit_room")
                pin(tint="#f400f4") {
                    pin_color
                }
            }
        }
    }

    // Stats e.g. money/rating
    stats {
        money {
            "Money: $0"
        }
        rating {
            label {
                "Rating"
            }
            rating_clip(value=0.5) {
                rating_bar
            }
        }
    }

    // Clock

    clock_area {
        day {
            "January 1st"
        }
        time_period {
            period {
                "1st Period"
            }
            time {
                "12:00"
            }
        }
    }

    notifications_fly_in
}