[devdocsgjs/main: 185/239] Remove tailwind class previews as per devdocs & adjust selectors

[Andy Holmes <andyholmes src gnome org>]

commit 38e813b972e0f3f57fc7cac963369ecdd2c48c30
Author: IgnusG <6438760+IgnusG users noreply github com>
Date:   Mon Feb 21 21:42:53 2022 +0100

    Remove tailwind class previews as per devdocs & adjust selectors

 lib/docs/filters/tailwindcss/clean_html.rb | 35 ++++++++++++++++++++++--------
 1 file changed, 26 insertions(+), 9 deletions(-)
---
diff --git a/lib/docs/filters/tailwindcss/clean_html.rb b/lib/docs/filters/tailwindcss/clean_html.rb
index f5ef28f6..503ee3a2 100644
--- a/lib/docs/filters/tailwindcss/clean_html.rb
+++ b/lib/docs/filters/tailwindcss/clean_html.rb
@@ -25,9 +25,21 @@ module Docs
   class Tailwindcss
     class CleanHtmlFilter < Filter
       def call
-        css('div.sticky.top-0').remove
-        css('.sr-only').remove
-        css('#sidebar').remove
+        # Remove main page headers (top level sticky)
+        css('#__next > .sticky').remove
+        # And anything absolutely positioned (fancy floating navigation elements we don't care about)
+        css('#__next .absolute').remove
+        # Remove the left-navigation we scraped
+        css('nav').remove
+
+        # Remove the duplicate category name at the top of the page - redundant
+        at_css('header#header > div:first-child > p:first-child').remove
+
+        # Remove the right navigation sidebar
+        at_css('header#header').parent.css('> div:has(h5:contains("On this page"))').remove
+
+        # Remove footer + prev/next navigation
+        at_css('footer').remove
 
         css('#nav ul li').each do |node|
           link = node.css("a").attr('href').to_s
@@ -41,14 +53,19 @@ module Docs
           node.remove
         end
 
-        # Remove advert
-        css('#__next > div.py-2.bg-gradient-to-r.from-indigo-600.to-light-blue-500.overflow-hidden').each do 
|node|
-          node.remove
+        # Remove buttons to expand lists - those are already expanded and the button is useless
+        css('div > button:contains("Show all classes")').each do |node|
+          node.parent.remove
         end
 
-        # Remove footer prev/next navigation
-        css('#content-wrapper > div > div > div.flex.leading-6.font-medium').each do |node|
-          node.remove
+        # Remove class examples - not part of devdocs styleguide? (similar to bootstrap)
+        # Refer to https://github.com/freeCodeCamp/devdocs/pull/1534#pullrequestreview-649818936
+        css('.not-prose').each do |node|
+          if node.parent.children.length == 1
+            node.parent.remove
+          else
+            node.remove
+          end
         end
 
         # Properly format code examples