From bd804b6aa7e846df94caaae85828e6445771e412 Mon Sep 17 00:00:00 2001
From: Tully Foote <tfoote@osrfoundation.org>
Date: Wed, 27 Oct 2021 23:46:33 -0700
Subject: [PATCH] embed discourse topics

Fixes #5

Signed-off-by: Tully Foote <tfoote@osrfoundation.org>
---
 content/css/blog.scss          |  2 +-
 content/index.html             | 56 +++-------------------------------
 layouts/_head.html.erb         |  2 ++
 layouts/blog/_sidebar.html.erb |  3 ++
 4 files changed, 11 insertions(+), 52 deletions(-)

diff --git a/content/css/blog.scss b/content/css/blog.scss
index 727df84..b42e030 100644
--- a/content/css/blog.scss
+++ b/content/css/blog.scss
@@ -192,7 +192,7 @@ p {
 }
 
 .blog-sidebar {
-  padding: 0 15px 70px 15px;
+  padding: 100px 15px 70px 15px;
   grid-column: 3 / 4;
   grid-row: 2 / 3;
   background-color: $white;//$gray-lighter;
diff --git a/content/index.html b/content/index.html
index b9d3a0f..dc38bac 100644
--- a/content/index.html
+++ b/content/index.html
@@ -159,60 +159,14 @@ <h3>Support</h3>
     <div class="blog-grid">
       <h4>Recent Updates and Highlights</h4>
       <div class="highlighted-post">
-        <div class="highlighted-post-title">
-          <h1>ROS 2 Rolling Ridley</h1>
-        </div>
-        <div class="highlighted-post-subtitle">
-          <h2>The bleeding edge of ROS 2</h2>
-        </div>
-        <div class="highlighted-post-author-date">
-          <h3>8/11/2021 - Katherine Scott</h3>
-        </div>
-        <div class="highlighted-post-content">
-          <p>
-	    It has been <a href="https://docs.ros.org/en/foxy/Releases/Release-Rolling-Ridley.html">well over a
-	    year</a>
-	    since we quietly rolled out the first rolling release for ROS 2
-	    under the codename Rolling Ridley. For those of you who are still
-	    unfamiliar with our rolling release, it is our new approach to
-	    synchronizing and releasing code. The ROS 2 Rolling Ridley release
-	    is simply the bleeding edge of ROS 2 development delivered at a
-	    regular cadence. Unlike our long term support (LTS) and off year
-	    releases, the Rolling Ridley release is essentially a snapshot of
-	    the most current branch of each ROS 2 repository. The advantage of
-	    this approach it that it gives package developers and easy way to
-	    keep up to date with all the new features that are constantly being
-	    added to ROS 2.
-          </p>
-          <a href="https://discourse.ros.org/t/ros-2-rolling-ridley-logo-reveal-t-shirts-swag/21808" class="read-more">READ MORE</a>
-        </div>
+
+        <d-topics-list discourse-url="https://discourse.ros.org" category="8" per-page="1" template="complete"></d-topics-list>
+
       </div>
       <div class="recent-posts">
         <h1>Recent ROS Discourse Posts</h1>
-        <div class="recent-post">
-          <div class="recent-post-title">
-            <a href="https://discourse.ros.org/t/micro-ros-enabled-robot-and-kinematics/22662"><h2>micro-ROS Enabled Robot and Kinematics</h2></a>
-          </div>
-          <div class="recent-post-author-date">
-            <h3>10/12/2021 - ROS Discourse</h3>
-          </div>
-        </div>
-        <div class="recent-post">
-          <div class="recent-post-title">
-            <a href="https://discourse.ros.org/t/nav2-composition/22175"><h2>Nav 2 Composition</h2></a>
-          </div>
-          <div class="recent-post-author-date">
-            <h3>9/5/2021 - ROS Discourse</h3>
-          </div>
-        </div>
-        <div class="recent-post">
-          <div class="recent-post-title">
-            <a href="https://discourse.ros.org/t/rep-2008-rfc-ros-2-hardware-acceleration-architecture-and-conventions/22026"><h2>REP-2008 RFC - ROS 2 Hardware Acceleration Architecture and Conventions</h2></a>
-          </div>
-          <div class="recent-post-author-date">
-            <h3>8/25/2021 - ROS Discourse</h3>
-          </div>
-        </div>
+        <d-topics-list discourse-url="https://discourse.ros.org" category="8" per-page="6"></d-topics-list>
+
         <!-- <a href="/blog/archive/" class="blog-archives">blog archive</a> -->
       </div>
       <!-- <div class="newsletter-signup"> -->
diff --git a/layouts/_head.html.erb b/layouts/_head.html.erb
index aabf024..3abc77a 100644
--- a/layouts/_head.html.erb
+++ b/layouts/_head.html.erb
@@ -23,6 +23,8 @@
     href="https://www.ros.org/wp-content/uploads/2013/10/rosorg-favicon.png"
     type="image/x-icon"
   />
+  <script src="https://discourse.ros.org/javascripts/embed-topics.js"></script>
+
   <script src="/javascript/default.js"></script>
   <script src="/javascript/masonry.pkgd.js"></script>
   <!-- you don't need to keep this, but it's cool for stats! -->
diff --git a/layouts/blog/_sidebar.html.erb b/layouts/blog/_sidebar.html.erb
index 91eee16..50ef6ec 100644
--- a/layouts/blog/_sidebar.html.erb
+++ b/layouts/blog/_sidebar.html.erb
@@ -3,6 +3,9 @@
 <!-- I added the nbsp to keep proportionality until we can fill it up. -->
 
 <div class="blog-sidebar">
+    <h2>Recent ROS Discourse Posts</h2>
+    <d-topics-list discourse-url="https://discourse.ros.org" category="8" per-page="10"></d-topics-list>
+
   <!-- <h1>Articles</h1> -->
   <% sorted_articles.first(8).each do |recent_post| %>