<% title "Tags on #{community_name}" %>

<%= content_for :page_meta do %>
  <link rel="canonical" href="<%= app_url("/about") %>" />
  <meta name="description" content="Tags to follow on <%= community_name %>">
  <meta name="keywords" content="software development,engineering,rails,javascript,ruby">

  <meta property="og:type" content="article" />
  <meta property="og:url" content="<%= app_url("/about") %>" />
  <meta property="og:title" content="Tags to follow on <%= community_name %>" />
  <meta property="og:image" content="<%= SiteConfig.main_social_image %>" />
  <meta property="og:description" content="<%= community_qualified_name %> is great!" />
  <meta property="og:site_name" content="<%= community_qualified_name %>" />

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@<%= SiteConfig.social_media_handles["twitter"] %>">
  <meta name="twitter:title" content="About <%= community_name %>">
  <meta name="twitter:description" content="<%= community_qualified_name %> is great!">
  <meta name="twitter:image:src" content="<%= SiteConfig.main_social_image %>">
<% end %>

<div class="user-profile-header tag-header bg-transparent">
  <div class="tag-or-query-header-container">
    <h1>Top 100 Tags</h1>
  </div>
</div>

<div class="home tag-home">
  <div class="side-bar"></div>
  <div class="articles-list" id="articles-list">
    <% @tags.each do |tag| %>
      <div class="tag-list-container" style="background:<%= tag.bg_color_hex %>;">
        <a class="tag-show-link" href="/t/<%= tag.name %>" style="color:<%= tag.text_color_hex || "#fff" %>;">
          <h2>#<%= tag.name %></h2>
          <% if tag.sponsorship && tag.sponsorship.status == "live" && tag.sponsorship.expires_at > Time.current %>
            <h4>Sponsored by <%= tag.sponsorship.organization.name %> ❤️</h4>
          <% end %>
        </a>
      </div>
    <% end %>
  </div>
  <div class="side-bar sidebar-additional"></div>
</div>
