embed discourse topics

Fixes #5

Signed-off-by: Tully Foote <[email protected]>

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;

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"> -->

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! -->

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| %>