 
           awaitPreferences = awaitPreferences.then (preferences) =>
             @listenToPreferences preferences
-            @setState {preferences}
-
-          Promise.all [awaitOwner, awaitPreferences]
+
+          Promise.all([awaitBackground, awaitOwner, awaitPages, awaitProjectAvatar, awaitProjectRoles, awaitPreferences])
+            .then(([background, owner, pages, projectAvatar, projectRoles, preferences]) => 
+              @setState({ background, owner, pages, projectAvatar, projectRoles, preferences })
+            ).catch((error) => console.error(error))
 
         else
           this.setState
-            owner: null,
+            background: null
+            error: new Error 'NOT_FOUND'
+            owner: null
+            pages: null
             preferences: null
-            error: new Error 'NOT_FOUND'
+            projectAvatar: null
+            projectRoles: null
 
       .catch (error) =>
         @setState {error}

      <nav className="project-nav tabbed-content-tabs">
        {if @props.project.redirect
          <a href={@props.project.redirect} className="tabbed-content-tab" target="_blank">
            {if @state.avatar?
              <Thumbnail src={@state.avatar.src} className="avatar" width={AVATAR_SIZE} height={AVATAR_SIZE} />}
            Visit {@props.project.display_name}
          </a>
        else
          <IndexLink to="#{projectPath}" activeClassName="active" className={avatarClasses} onClick={logClick?.bind this, 'project.nav.home'}>
            {if @state.avatar?
              <Thumbnail src={@state.avatar.src} className="avatar" width={AVATAR_SIZE} height={AVATAR_SIZE} />}
            {if @props.loading
              'Loading...'
            else

      "active": @props.project? and (@props.routes[2].path is "collections" or @props.routes[2].path is "favorites")
    }

    if @props.background?
      backgroundStyle = backgroundImage: "url('#{@props.background.src}')"
      if onHomePage
        backgroundStyle.height = @state.backgroundHeight
      else
