Hide OrcasHub in sidebar on desktop

about.json

@@ -7,6 +7,8 @@
     "https://github.com/discourse/discourse-clickable-topic.git",
     "https://github.com/discourse/discourse-custom-header-links.git",
     "https://github.com/discourse/discourse-user-card-directory.git",
+    "https://github.com/discourse/DiscoTOC.git",
+    "https://github.com/paviliondev/discourse-tc-topic-list-previews.git",
     "https://github.com/discourse/Discourse-easy-footer.git"
   ],
   "assets": {

common/after_header.html

@@ -0,0 +1,9 @@
+<div id="login-message">
+    <h2>
+    There are a lot more discussions going on if you log in!
+    </h2>
+
+    <a href="/login" class="widget-button btn btn-primary btn-small sign-up-button btn-text">
+        <span class="d-button-label">Log in or Sign Up</span>
+    </a>
+</div>

common/common.scss

@@ -1,3 +1,25 @@
+// Login CTA
+#login-message {
+    display: none;
+}
+
+html.anon {
+    body:not(.category-resources) {
+        // Display this message on all pages except in Community Resources
+        #login-message {
+            text-align: center;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin: 16px 0;
+
+            a:hover {
+                color: var(--secondary-very-high);
+            }
+        }
+    }
+}
+
 // Login form
 .login-right-side {
     display: none;
@@ -535,6 +557,10 @@ html body #main-outlet {
   margin-top: 2em;
 }
 
+.d-icon-lock {
+    display: none;
+}
+
 // Community Resources Category
 .category-resources {
     // Topic List
@@ -562,8 +588,10 @@ html body #main-outlet {
     // Topic Posts
 
     .topic-map,
-    .topic-status { // Hide the lock icon in the topic header of the post
+    .topic-avatar,
-        display: none;
+    .more-topics__container,
+    .names.trigger-user-card { // Hide the lock icon in the topic header of the post
+        display: none !important;
     }
 
     .topic-meta-data {

desktop/desktop.scss

@@ -31,7 +31,15 @@
     }
 }
 
+// Sidebar
+
+.sidebar-section[data-section-name="orcashub"] {
+    // Hide OrcasHub section in the sidebar on desktop since it's show in the header.
+    display: none !important;
+}
+
 // Footer
+
 .custom-footer {
     .list {
         margin: 2rem 5em 4rem;