Three content areas: Tips, News, Modules

index.html

@@ -27,8 +27,8 @@
   <nav class="nav" aria-label="Sections">
     <a href="#welcome">Welcome</a>
     <a href="#tips">Tips</a>
-    <a href="#blog">Blog</a>
-    <a href="#featured">Modules</a>
+    <a href="#news">News</a>
+    <a href="#modules">Modules</a>
     <a href="#ask">About</a>
   </nav>
   <a class="nav-cta" href="#ask">Ask a question</a>
@@ -84,26 +84,26 @@
     <div class="cards" id="tipsGrid" data-feed="tips"></div>
   </section>
 
-  <section class="section" id="blog" aria-labelledby="blog-title">
+  <section class="section" id="news" aria-labelledby="news-title">
     <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="#featured">Featured module</a>
+      <h2 class="section-title" id="news-title"><span class="kicker">The latest in</span> <em>News</em></h2>
+      <a class="more" href="#modules">Modules</a>
     </header>
 
     <div class="feed-tools">
-      <label class="sr-only" for="blogSearch">Search the blog</label>
-      <input id="blogSearch" class="feed-search" type="search" placeholder="Search every post…" autocomplete="off">
-      <span class="feed-count"><span id="blogCount">0</span> posts</span>
+      <label class="sr-only" for="newsSearch">Search the news</label>
+      <input id="newsSearch" class="feed-search" type="search" placeholder="Search every post…" autocomplete="off">
+      <span class="feed-count"><span id="newsCount">0</span> posts</span>
     </div>
 
-    <div class="cards" id="blogGrid" data-feed="blog"></div>
+    <div class="cards" id="newsGrid" data-feed="news"></div>
   </section>
 
-  <section class="section oca" id="oca" aria-labelledby="oca-title">
+  <section class="section" id="modules" aria-labelledby="modules-title">
     <header class="section-head">
-      <span class="initial" aria-hidden="true">O</span>
-      <h2 class="section-title" id="oca-title"><span class="kicker">The latest in</span> <em>OCA modules</em></h2>
+      <span class="initial" aria-hidden="true">M</span>
+      <h2 class="section-title" id="modules-title"><span class="kicker">The latest in</span> <em>Modules</em></h2>
       <a class="more" href="https://github.com/OCA" target="_blank" rel="noopener">All OCA modules</a>
     </header>
 
@@ -163,15 +163,6 @@
       </tbody>
     </table>
 
-  </section>
-
-  <section class="section featured" id="featured" aria-labelledby="featured-title">
-    <header class="section-head">
-      <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>
-
     <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>
@@ -181,6 +172,8 @@
         <span class="branch">20.0</span>
       </p>
     </article>
+
+    <div class="cards" id="modulesGrid" data-feed="modules"></div>
   </section>
 
   <section class="ask" id="ask" aria-labelledby="ask-title">