Align Explore with dashboard feed layout

Status	File	+	-
M	`docs/internal/social.md`	12	4
M	`internal/social/feed.go`	11	8
M	`internal/social/queries/feed.sql`	13	2
M	`internal/social/sqlc/feed.sql.go`	18	5
M	`internal/web/handlers/explore.go`	46	8
M	`internal/web/static/css/shithub.css`	168	0
M	`internal/web/templates/_feed_row.html`	12	1
M	`internal/web/templates/_layout.html`	17	0
M	`internal/web/templates/explore/index.html`	68	8

docs/internal/social.mdmodified

  # Social Feed
  S42 turns the S26 social primitives into a GitHub-like network surface:
--follow graph, authenticated Home feed, public Explore feed, and cached
++follow graph, signed-in Explore/Home feed, public Explore feed, and cached
  trending rankings.
  ## Follow Graph
  emitted while a repo was public must not leak after the repo becomes
  private.
--The authenticated Home feed includes:
++After sign-in, the default destination is `/explore`. `/` remains the
++public build/landing page so the top-left shithub brand is always a way
++back to the instance/version stamp.
++
++The signed-in `/explore` feed includes:
  - the viewer's own public activity,
  - public activity from followed users,
  - public activity from repos owned by followed orgs,
  - public org-scoped activity for followed orgs.
--Explore uses the global public feed. Both feeds page with a keyset
++Anonymous Explore uses the global public feed. Both feeds page with a
--cursor over `(created_at, id)`.
++keyset cursor over `(created_at, id)`.
  ## Event Kinds
  - `pr_opened` and pull-request comment events
  - `followed_user` / `followed_org`
++`unstar` events remain in `domain_events` for audit/product history, but
++the feed queries suppress them because GitHub does not surface unstars as
++activity feed stories.
++
  The `kind` and `source_kind` columns remain text. New product surfaces
  can add events without a schema migration as long as their payload is
  small JSON and the public flag is set conservatively.

internal/social/feed.gomodified

  	Repo             *FeedRepo
  	RepoFullName     string
  	RepoURL          string
++	SourceKind       string
  	SourceName       string
  	SourceURL        string
  	ItemTitle        string
  type DashboardRepo struct {
  	ID              int64
++	Owner           string
  	Name            string
  	Description     string
  	Visibility      string
  }
  func DashboardRepos(ctx context.Context, deps Deps, viewerUserID int64, limit int32) ([]DashboardRepo, error) {
--	if limit <= 0 || limit > 20 {
++	if limit <= 0 || limit > 50 {
--		limit = 8
++		limit = 20
  	}
  	rows, err := socialdb.New().ListDashboardReposForUser(ctx, deps.Pool, socialdb.ListDashboardReposForUserParams{
--		OwnerUserID: pgtype.Int8{Int64: viewerUserID, Valid: true},
++		ViewerUserID: viewerUserID,
--		Limit:       limit,
++		LimitCount:   limit,
  	})
  	if err != nil {
  		return nil, fmt.Errorf("dashboard repos: %w", err)
  	out := make([]DashboardRepo, 0, len(rows))
  	for _, row := range rows {
  		out = append(out, DashboardRepo{
--			ID: row.RepoID, Name: row.Name, Description: row.Description,
++			ID: row.RepoID, Owner: row.Owner, Name: row.Name, Description: row.Description,
  			Visibility: string(row.Visibility), PrimaryLanguage: row.PrimaryLanguage,
  			StarCount: row.StarCount, ForkCount: row.ForkCount,
  			UpdatedAt: timeFromPG(row.UpdatedAt),
  		repoID: row.RepoID, repoOwner: row.RepoOwner, repoName: row.RepoName,
  		repoDescription: row.RepoDescription, repoPrimaryLanguage: row.RepoPrimaryLanguage,
  		repoStarCount: row.RepoStarCount, repoForkCount: row.RepoForkCount,
--		sourceName: row.SourceName, payload: row.Payload,
++		sourceKind: row.SourceKind, sourceName: row.SourceName, payload: row.Payload,
  	})
  }
  		repoID: row.RepoID, repoOwner: row.RepoOwner, repoName: row.RepoName,
  		repoDescription: row.RepoDescription, repoPrimaryLanguage: row.RepoPrimaryLanguage,
  		repoStarCount: row.RepoStarCount, repoForkCount: row.RepoForkCount,
--		sourceName: row.SourceName, payload: row.Payload,
++		sourceKind: row.SourceKind, sourceName: row.SourceName, payload: row.Payload,
  	})
  }
  	repoPrimaryLanguage string
  	repoStarCount       int64
  	repoForkCount       int64
++	sourceKind          string
  	sourceName          string
  	payload             []byte
  }
  	item := FeedItem{
  		ID: p.id, Kind: p.kind, Verb: feedVerb(p.kind),
  		ActorUsername: p.actorUsername, ActorDisplayName: p.actorDisplayName,
--		CreatedAt: timeFromPG(p.createdAt), SourceName: p.sourceName,
++		CreatedAt: timeFromPG(p.createdAt), SourceKind: p.sourceKind, SourceName: p.sourceName,
  	}
  	if p.repoID.Valid && p.repoOwner != "" && p.repoName != "" {
  		item.Repo = &FeedRepo{

internal/social/queries/feed.sqlmodified

  LEFT JOIN users source_user ON de.source_kind = 'user' AND source_user.id = de.source_id
  LEFT JOIN orgs source_org ON de.source_kind = 'org' AND source_org.id = de.source_id
  WHERE de.public = true
++  AND de.kind <> 'unstar'
    AND actor.suspended_at IS NULL
    AND actor.deleted_at IS NULL
    AND (
  LEFT JOIN users source_user ON de.source_kind = 'user' AND source_user.id = de.source_id
  LEFT JOIN orgs source_org ON de.source_kind = 'org' AND source_org.id = de.source_id
  WHERE de.public = true
++  AND de.kind <> 'unstar'
    AND actor.suspended_at IS NULL
    AND actor.deleted_at IS NULL
    AND (
  -- name: ListDashboardReposForUser :many
  SELECT
      r.id AS repo_id,
++    COALESCE(owner_user.username::text, owner_org.slug::text, '')::text AS owner,
      r.name::text AS name,
      r.description,
      r.visibility,
      r.fork_count,
      r.updated_at
  FROM repos r
--WHERE r.owner_user_id = $1
++LEFT JOIN users owner_user ON owner_user.id = r.owner_user_id
++LEFT JOIN orgs owner_org ON owner_org.id = r.owner_org_id
++WHERE (
++      r.owner_user_id = sqlc.arg(viewer_user_id)::bigint
++      OR r.owner_org_id IN (
++          SELECT org_id FROM org_members
++          WHERE user_id = sqlc.arg(viewer_user_id)::bigint
++      )
++  )
    AND r.deleted_at IS NULL
  ORDER BY r.updated_at DESC
--LIMIT $2;
++LIMIT sqlc.arg(limit_count)::int;
  -- name: InsertTrendingSnapshot :one
  INSERT INTO trending_snapshots (scope, kind, payload)

internal/social/sqlc/feed.sql.gomodified

  LEFT JOIN users source_user ON de.source_kind = 'user' AND source_user.id = de.source_id
  LEFT JOIN orgs source_org ON de.source_kind = 'org' AND source_org.id = de.source_id
  WHERE de.public = true
++  AND de.kind <> 'unstar'
    AND actor.suspended_at IS NULL
    AND actor.deleted_at IS NULL
    AND (
  const listDashboardReposForUser = `-- name: ListDashboardReposForUser :many
  SELECT
      r.id AS repo_id,
++    COALESCE(owner_user.username::text, owner_org.slug::text, '')::text AS owner,
      r.name::text AS name,
      r.description,
      r.visibility,
      r.fork_count,
      r.updated_at
  FROM repos r
--WHERE r.owner_user_id = $1
++LEFT JOIN users owner_user ON owner_user.id = r.owner_user_id
++LEFT JOIN orgs owner_org ON owner_org.id = r.owner_org_id
++WHERE (
++      r.owner_user_id = $1::bigint
++      OR r.owner_org_id IN (
++          SELECT org_id FROM org_members
++          WHERE user_id = $1::bigint
++      )
++  )
    AND r.deleted_at IS NULL
  ORDER BY r.updated_at DESC
--LIMIT $2
++LIMIT $2::int
  `
  type ListDashboardReposForUserParams struct {
--	OwnerUserID pgtype.Int8
++	ViewerUserID int64
--	Limit       int32
++	LimitCount   int32
  }
  type ListDashboardReposForUserRow struct {
  	RepoID          int64
++	Owner           string
  	Name            string
  	Description     string
  	Visibility      RepoVisibility
  }
  func (q *Queries) ListDashboardReposForUser(ctx context.Context, db DBTX, arg ListDashboardReposForUserParams) ([]ListDashboardReposForUserRow, error) {
--	rows, err := db.Query(ctx, listDashboardReposForUser, arg.OwnerUserID, arg.Limit)
++	rows, err := db.Query(ctx, listDashboardReposForUser, arg.ViewerUserID, arg.LimitCount)
  	if err != nil {
  		return nil, err
  	}
  		var i ListDashboardReposForUserRow
  		if err := rows.Scan(
  			&i.RepoID,
++			&i.Owner,
  			&i.Name,
  			&i.Description,
  			&i.Visibility,
  LEFT JOIN users source_user ON de.source_kind = 'user' AND source_user.id = de.source_id
  LEFT JOIN orgs source_org ON de.source_kind = 'org' AND source_org.id = de.source_id
  WHERE de.public = true
++  AND de.kind <> 'unstar'
    AND actor.suspended_at IS NULL
    AND actor.deleted_at IS NULL
    AND (

internal/web/handlers/explore.gomodified

  	"github.com/jackc/pgx/v5/pgxpool"
++	orgsdb "github.com/tenseleyFlow/shithub/internal/orgs/sqlc"
  	"github.com/tenseleyFlow/shithub/internal/social"
++	"github.com/tenseleyFlow/shithub/internal/web/middleware"
  	"github.com/tenseleyFlow/shithub/internal/web/render"
+ )
+ }
  func (h exploreHandler) serve(w http.ResponseWriter, r *http.Request, title, path, activeTab string) {
++	viewer := middleware.CurrentUserFromContext(r.Context())
  	var (
  		feed          []social.FeedItem
  		hasNext       bool
  		nextURL       string
++		topRepos      []social.DashboardRepo
++		viewerOrgs    []orgsdb.ListOrgsForUserRow
  		trendingRepos []social.TrendingRepo
  		trendingUsers []social.TrendingUser
+ 	)
  	if h.pool != nil {
  		deps := social.Deps{Pool: h.pool, Logger: h.logger}
  		feed, hasNext, nextURL = feedPageFor(r, func(cursor social.FeedCursor, limit int32) ([]social.FeedItem, error) {
++			if viewer.ID != 0 {
++				return social.DashboardFeed(r.Context(), deps, viewer.ID, cursor, limit)
++			}
  			return social.PublicFeed(r.Context(), deps, cursor, limit)
  		})
++		if viewer.ID != 0 {
++			var err error
++			topRepos, err = social.DashboardRepos(r.Context(), deps, viewer.ID, 30)
++			if err != nil && h.logger != nil {
++				h.logger.WarnContext(r.Context(), "explore dashboard repos", "error", err)
++			}
++			viewerOrgs, err = orgsdb.New().ListOrgsForUser(r.Context(), h.pool, viewer.ID)
++			if err != nil && h.logger != nil {
++				h.logger.WarnContext(r.Context(), "explore org switcher", "error", err)
++			}
++		}
  		var err error
  		trendingRepos, err = social.CachedTrendingRepos(r.Context(), deps, social.TrendingScopeWeek, 7, 10)
  		if err != nil && h.logger != nil {
+ 		}
+ 	}
++	pageHeading := title
++	feedHeading := "Public activity"
++	emptyTitle := "No public activity yet"
++	emptyBody := "Public stars, forks, pushes, issues, pull requests, and follows will appear here."
++	if viewer.ID != 0 {
++		if activeTab == "activity" {
++			pageHeading = "Home"
++		}
++		feedHeading = "Feed"
++		emptyTitle = "Follow people and organizations to build your feed"
++		emptyBody = "Stars, forks, pushes, issues, pull requests, and follows from your network will appear here."
++	}
++
  	data := map[string]any{
--		"Title":         title,
++		"Title":          title,
--		"ActiveTab":     activeTab,
++		"ActiveTab":      activeTab,
--		"Feed":          feed,
++		"PageHeading":    pageHeading,
--		"FeedHasNext":   hasNext,
++		"FeedHeading":    feedHeading,
--		"FeedNextURL":   nextURL,
++		"FeedEmptyTitle": emptyTitle,
--		"TrendingRepos": trendingRepos,
++		"FeedEmptyBody":  emptyBody,
--		"TrendingUsers": trendingUsers,
++		"Feed":           feed,
--		"Path":          path,
++		"FeedHasNext":    hasNext,
++		"FeedNextURL":    nextURL,
++		"TopRepos":       topRepos,
++		"ViewerOrgs":     viewerOrgs,
++		"TrendingRepos":  trendingRepos,
++		"TrendingUsers":  trendingUsers,
++		"Path":           path,
+ 	}
  	if err := h.render.RenderPage(w, r, "explore/index", data); err != nil {
  		if h.logger != nil {

internal/web/static/css/shithub.cssmodified

    max-width: 1100px;
    margin: 0 auto;
+ }
++.shithub-explore-shell.has-dashboard-left {
++  grid-template-columns: minmax(220px, 296px) minmax(0, 1fr) minmax(220px, 296px);
++  max-width: 1280px;
++}
  .shithub-dashboard-left,
  .shithub-dashboard-right,
  .shithub-explore-right {
    top: 1rem;
    align-self: start;
+ }
++.shithub-dashboard-identity {
++  position: relative;
++  margin-bottom: 2rem;
++}
++.shithub-dashboard-identity summary {
++  display: inline-flex;
++  align-items: center;
++  gap: 0.55rem;
++  max-width: 100%;
++  color: var(--fg-default);
++  font-weight: 600;
++  cursor: pointer;
++  list-style: none;
++}
++.shithub-dashboard-identity summary::-webkit-details-marker {
++  display: none;
++}
++.shithub-dashboard-identity summary img,
++.shithub-dashboard-org-list img {
++  border-radius: 50%;
++}
++.shithub-dashboard-identity summary span {
++  min-width: 0;
++  overflow: hidden;
++  text-overflow: ellipsis;
++}
++.shithub-dashboard-identity-menu {
++  position: absolute;
++  top: calc(100% + 0.65rem);
++  left: 0;
++  z-index: 20;
++  width: min(320px, calc(100vw - 2rem));
++  padding: 0.75rem;
++  border: 1px solid var(--border-default);
++  border-radius: 8px;
++  background: var(--canvas-default);
++  box-shadow: 0 16px 32px rgba(1, 4, 9, 0.35);
++}
++.shithub-dashboard-identity-title {
++  padding: 0.25rem 0.35rem 0.65rem;
++  color: var(--fg-default);
++  font-weight: 600;
++}
++.shithub-dashboard-org-search {
++  display: flex;
++  align-items: center;
++  gap: 0.5rem;
++  margin: 0 0 0.65rem;
++  padding: 0 0.65rem;
++  border: 1px solid var(--border-default);
++  border-radius: 6px;
++  background: var(--canvas-subtle);
++  color: var(--fg-muted);
++}
++.shithub-dashboard-org-search input {
++  width: 100%;
++  min-width: 0;
++  padding: 0.45rem 0;
++  border: 0;
++  box-shadow: none;
++  background: transparent;
++}
++.shithub-dashboard-org-search input:focus {
++  box-shadow: none;
++}
++.shithub-dashboard-org-list {
++  display: grid;
++  gap: 0.15rem;
++  max-height: 18rem;
++  padding: 0;
++  margin: 0 0 0.65rem;
++  overflow: auto;
++  list-style: none;
++}
++.shithub-dashboard-org-list a {
++  display: grid;
++  grid-template-columns: 16px 20px minmax(0, 1fr);
++  align-items: center;
++  gap: 0.55rem;
++  padding: 0.35rem;
++  border-radius: 6px;
++  color: var(--fg-default);
++  text-decoration: none;
++}
++.shithub-dashboard-org-list a:hover,
++.shithub-dashboard-identity-actions a:hover {
++  background: var(--canvas-subtle);
++  text-decoration: none;
++}
++.shithub-dashboard-org-list span:last-child {
++  min-width: 0;
++  overflow: hidden;
++  text-overflow: ellipsis;
++  white-space: nowrap;
++}
++.shithub-dashboard-identity-actions {
++  display: grid;
++  gap: 0.5rem;
++}
++.shithub-dashboard-identity-actions a {
++  display: inline-flex;
++  align-items: center;
++  justify-content: center;
++  gap: 0.45rem;
++  min-height: 2.25rem;
++  border: 1px solid var(--border-default);
++  border-radius: 6px;
++  color: var(--fg-default);
++  font-weight: 600;
++}
  .shithub-dashboard-sidehead,
  .shithub-feed-toolbar,
  .shithub-explore-head {
    display: grid;
    gap: 0.45rem;
+ }
++.shithub-dashboard-repo-list li[hidden] {
++  display: none;
++}
  .shithub-dashboard-repo-list a,
  .shithub-trending-user-list a {
    display: inline-flex;
    color: var(--fg-default);
    font-weight: 600;
+ }
++.shithub-dashboard-repo-list a {
++  max-width: 100%;
++  overflow: hidden;
++  text-overflow: ellipsis;
++  white-space: nowrap;
++}
  .shithub-dashboard-repo-list img,
  .shithub-trending-user-list img,
  .shithub-feed-avatar img {
    color: var(--fg-muted);
    font-size: 0.875rem;
+ }
++.shithub-feed-profile {
++  display: grid;
++  grid-template-columns: 44px minmax(0, 1fr) auto;
++  align-items: center;
++  gap: 0.85rem;
++  margin-top: 0.8rem;
++  padding: 0.85rem;
++  border-radius: 6px;
++  background: var(--canvas-subtle);
++}
++.shithub-feed-profile-avatar,
++.shithub-feed-profile-avatar img {
++  width: 44px;
++  height: 44px;
++  border-radius: 50%;
++}
++.shithub-feed-profile-copy {
++  min-width: 0;
++}
++.shithub-feed-profile-name {
++  display: block;
++  color: var(--fg-default);
++  font-weight: 600;
++}
++.shithub-feed-profile-copy span {
++  display: block;
++  margin-top: 0.15rem;
++  color: var(--fg-muted);
++  font-size: 0.875rem;
++}
  .shithub-feed-meta {
    display: flex;
    flex-wrap: wrap;
    .shithub-explore-shell {
      grid-template-columns: 1fr;
+   }
++  .shithub-explore-shell.has-dashboard-left {
++    grid-template-columns: 1fr;
++  }
    .shithub-dashboard-left {
      position: static;
+   }
      width: 32px;
      height: 32px;
+   }
++  .shithub-feed-profile {
++    grid-template-columns: 36px minmax(0, 1fr);
++  }
++  .shithub-feed-profile .shithub-button {
++    grid-column: 2;
++    justify-self: start;
++  }
++  .shithub-feed-profile-avatar,
++  .shithub-feed-profile-avatar img {
++    width: 36px;
++    height: 36px;
++  }
    .shithub-explore-head,
    .shithub-dashboard-sidehead,
    .shithub-feed-toolbar {

internal/web/templates/_feed_row.htmlmodified

        {{ if and .RepoFullName (ne .ItemTitle .RepoFullName) }}<span>in</span> <a href="{{ .RepoURL }}" class="shithub-feed-target">{{ .RepoFullName }}</a>{{ end }}
        <time datetime="{{ .CreatedAt.Format "2006-01-02T15:04:05Z" }}">{{ relativeTime .CreatedAt }}</time>
      </p>
--    {{ if .Repo }}
++    {{ if and .SourceName (or (eq .Kind "followed_user") (eq .Kind "followed_org")) }}
++    <div class="shithub-feed-profile">
++      <a href="{{ .SourceURL }}" class="shithub-feed-profile-avatar">
++        <img src="/avatars/{{ .SourceName }}" alt="" width="44" height="44">
++      </a>
++      <div class="shithub-feed-profile-copy">
++        <a href="{{ .SourceURL }}" class="shithub-feed-profile-name">{{ .SourceName }}</a>
++        <span>{{ if eq .SourceKind "org" }}Organization{{ else }}@{{ .SourceName }}{{ end }}</span>
++      </div>
++      <a href="{{ .SourceURL }}" class="shithub-button shithub-button-small">View</a>
++    </div>
++    {{ else if .Repo }}
      <div class="shithub-feed-repo">
        <a href="{{ .RepoURL }}" class="shithub-feed-repo-title">{{ octicon "repo" }} {{ .RepoFullName }}</a>
        {{ if .Repo.Description }}<p>{{ .Repo.Description }}</p>{{ end }}

internal/web/templates/_layout.htmlmodified

+     }
    })();
++  (function () {
++    var input = document.querySelector("[data-dashboard-repo-filter]");
++    var rows = Array.prototype.slice.call(document.querySelectorAll("[data-dashboard-repo-row]"));
++    if (!input || rows.length === 0) return;
++
++    function applyFilter() {
++      var query = input.value.trim().toLowerCase();
++      rows.forEach(function (row) {
++        var name = (row.getAttribute("data-repo-name") || "").toLowerCase();
++        row.hidden = query !== "" && name.indexOf(query) === -1;
++      });
++    }
++
++    input.addEventListener("input", applyFilter);
++    applyFilter();
++  })();
++
    (function () {
      var root = document.querySelector("[data-search-root]");
      if (!root) return;

internal/web/templates/explore/index.htmlmodified

  {{ define "page" -}}
  <section class="shithub-explore-page">
--  <div class="shithub-explore-shell">
++  <div class="shithub-explore-shell{{ if .Viewer.ID }} has-dashboard-left{{ end }}">
++    {{ if .Viewer.ID }}
++    <aside class="shithub-dashboard-left" aria-label="Dashboard navigation">
++      <details class="shithub-dashboard-identity">
++        <summary>
++          <img src="/avatars/{{ .Viewer.Username }}" alt="" width="20" height="20">
++          <span>{{ .Viewer.Username }}</span>
++          {{ octicon "triangle-down" }}
++        </summary>
++        <div class="shithub-dashboard-identity-menu">
++          <div class="shithub-dashboard-identity-title">Go to organization dashboard</div>
++          <label class="shithub-dashboard-org-search">
++            <span>{{ octicon "search" }}</span>
++            <input type="search" aria-label="Find an organization" autocomplete="off">
++          </label>
++          <ol class="shithub-dashboard-org-list">
++            <li>
++              <a href="/{{ .Viewer.Username }}">
++                {{ octicon "check" }}
++                <img src="/avatars/{{ .Viewer.Username }}" alt="" width="20" height="20">
++                <span>{{ .Viewer.Username }}</span>
++              </a>
++            </li>
++            {{ range .ViewerOrgs }}
++            <li>
++              <a href="/{{ .Slug }}">
++                <span aria-hidden="true"></span>
++                <img src="/avatars/{{ .Slug }}" alt="" width="20" height="20">
++                <span>{{ .Slug }}</span>
++              </a>
++            </li>
++            {{ end }}
++          </ol>
++          <div class="shithub-dashboard-identity-actions">
++            <a href="/settings/organizations">{{ octicon "organization" }} Manage organizations</a>
++            <a href="/organizations/new">{{ octicon "plus" }} Create organization</a>
++          </div>
++        </div>
++      </details>
++
++      <div class="shithub-dashboard-sidehead">
++        <h2>Top repositories</h2>
++        <a href="/new" class="shithub-button shithub-button-primary shithub-button-small">{{ octicon "repo" }} New</a>
++      </div>
++      <label class="sr-only" for="dashboard-repo-filter">Find a repository</label>
++      <input id="dashboard-repo-filter" class="shithub-dashboard-filter" type="search" placeholder="Find a repository..." autocomplete="off" data-dashboard-repo-filter>
++      {{ if .TopRepos }}
++      <ol class="shithub-dashboard-repo-list" data-dashboard-repo-list>
++        {{ range .TopRepos }}
++        <li data-dashboard-repo-row data-repo-name="{{ .Owner }}/{{ .Name }}">
++          <a href="/{{ .Owner }}/{{ .Name }}"><img src="/avatars/{{ .Owner }}" alt="" width="18" height="18"> {{ .Owner }}/{{ .Name }}</a>
++        </li>
++        {{ end }}
++      </ol>
++      {{ else }}
++      <p class="shithub-dashboard-empty">No repositories yet.</p>
++      {{ end }}
++    </aside>
++    {{ end }}
++
      <main class="shithub-explore-main">
        <div class="shithub-explore-head">
--        <h1>{{ if eq .ActiveTab "trending" }}Trending{{ else }}Explore{{ end }}</h1>
++        <h1>{{ .PageHeading }}</h1>
          <nav class="shithub-explore-tabs" aria-label="Explore">
            <a href="/explore"{{ if eq .ActiveTab "activity" }} class="is-selected" aria-current="page"{{ end }}>{{ octicon "pulse" }} Activity</a>
            <a href="/trending"{{ if eq .ActiveTab "trending" }} class="is-selected" aria-current="page"{{ end }}>{{ octicon "star" }} Trending</a>
        </section>
        {{ else }}
        <div class="shithub-feed-toolbar">
--        <h2>Public activity</h2>
++        <h2>{{ .FeedHeading }}</h2>
--        <a class="shithub-button shithub-button-small" href="/trending">{{ octicon "star" }} Trending</a>
++        <button type="button" class="shithub-button shithub-button-small" disabled>{{ octicon "list-unordered" }} Filter</button>
        </div>
        {{ if .Feed }}
        <ol class="shithub-feed-list">
        </ol>
        {{ else }}
        <div class="shithub-feed-empty">
--        <h2>{{ octicon "pulse" }} No public activity yet</h2>
++        <h2>{{ octicon "people" }} {{ .FeedEmptyTitle }}</h2>
--        <p>Public stars, forks, pushes, issues, pull requests, and follows will appear here.</p>
++        <p>{{ .FeedEmptyBody }}</p>
++        {{ if .Viewer.ID }}<a href="/trending" class="shithub-button">Explore trending repositories</a>{{ end }}
        </div>
        {{ end }}
        {{ if .FeedHasNext }}
      <aside class="shithub-explore-right" aria-label="Trending">
        <section class="shithub-side-panel">
--        <h2>{{ octicon "star" }} Repositories</h2>
++        <h2>{{ octicon "pulse" }} Trending repositories</h2>
          {{ if .TrendingRepos }}
          <ol class="shithub-trending-mini-list">
            {{ range .TrendingRepos }}
        </section>
        <section class="shithub-side-panel">
--        <h2>{{ octicon "people" }} Developers</h2>
++        <h2>{{ octicon "people" }} Trending developers</h2>
          {{ if .TrendingUsers }}
          <ol class="shithub-trending-user-list">
            {{ range .TrendingUsers }}

tenseleyflow/shithub / `180a690`

9 changed files