mixin group(name)
  .c-group
    .c-group__icon
    .c-group__name= name

mixin room(name)
  .c-room
    .c-room__icon
    .c-room__name= name

doctype html
html
  head
    meta(charset="utf-8")
    link(rel="stylesheet" type="text/css" href=getStatic("/sass/main.sass"))
    script(type="module" src=getStatic("/js/groups.js"))
    title Carbon
  body
    main.main
      .c-groups
        .c-groups__display#c-groups
          .c-groups__container
            +group("Directs")
            +group("Channels")
            +group("Fediverse Drama Museum")
            +group("Epicord")
            +group("Invidious")
      .c-rooms#c-rooms
        +room("Carbon brainstorming")
        +room("riley")
        +room("BadAtNames")
        +room("lepton")
        +room("cockandball")
        +room("Bibliogram")
        +room("Monsters Inc Debate Hall")
        +room("DRB clan")
        +room("mettaton simp zone")
      .c-chat