Replace Community news with a Featured module section

index.html

@@ -28,7 +28,7 @@
     <a href="#welcome">Welcome</a>
     <a href="#tips">Tips</a>
     <a href="#blog">Blog</a>
-    <a href="#community">Community</a>
+    <a href="#featured">Modules</a>
     <a href="#ask">About</a>
   </nav>
   <a class="nav-cta" href="#ask">Ask a question</a>
@@ -88,7 +88,7 @@
     <header class="section-head">
       <span class="initial" aria-hidden="true">B</span>
       <h2 class="section-title" id="blog-title"><span class="kicker">Everything</span> <em>The OC Guy blog</em></h2>
-      <a class="more" href="#community">Community news</a>
+      <a class="more" href="#featured">Featured module</a>
     </header>
 
     <div class="feed-tools">
@@ -165,20 +165,22 @@
 
   </section>
 
-  <section class="section" id="community" aria-labelledby="community-title">
+  <section class="section featured" id="featured" aria-labelledby="featured-title">
     <header class="section-head">
-      <span class="initial" aria-hidden="true">C</span>
-      <h2 class="section-title" id="community-title"><span class="kicker">The latest in</span> <em>Community news</em></h2>
-      <a class="more" href="https://github.com/OCA" target="_blank" rel="noopener">View all community news</a>
+      <span class="initial" aria-hidden="true">F</span>
+      <h2 class="section-title" id="featured-title"><span class="kicker">The latest in</span> <em>Featured module</em></h2>
+      <a class="more" href="https://github.com/OCA" target="_blank" rel="noopener">All OCA modules</a>
     </header>
 
-    <div class="feed-tools">
-      <label class="sr-only" for="newsSearch">Search community news</label>
-      <input id="newsSearch" class="feed-search" type="search" placeholder="Search the news…" autocomplete="off">
-      <span class="feed-count"><span id="newsCount">0</span> posts</span>
-    </div>
-
-    <ul class="news" id="newsList" data-feed="news"></ul>
+    <article class="featured-card">
+      <p class="featured-kicker" id="featured-area">Utilities</p>
+      <h3 class="featured-name"><a id="featured-link" href="https://github.com/OCA/mail/tree/18.0/mail_tracking" target="_blank" rel="noopener">Mail Tracker</a></h3>
+      <p class="featured-note" id="featured-note">Knows whether the invoice you sent was opened — without asking the client.</p>
+      <p class="featured-branches" id="featured-branches">
+        <span class="branch is-on">19.0</span>
+        <span class="branch">20.0</span>
+      </p>
+    </article>
   </section>
 
   <section class="ask" id="ask" aria-labelledby="ask-title">